@digithia/ui
Version:
Digithia ui package.
329 lines (306 loc) • 46.5 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],t):"object"==typeof exports?exports.digithiaUi=t(require("./vendors.js")):e.digithiaUi=t(e["./vendors.js"])}(window,(function(e){return function(e){function t(t){for(var i,a,s=t[0],c=t[1],l=t[2],u=0,h=[];u<s.length;u++)a=s[u],Object.prototype.hasOwnProperty.call(r,a)&&r[a]&&h.push(r[a][0]),r[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(d&&d(t);h.length;)h.shift()();return n.push.apply(n,l||[]),o()}function o(){for(var e,t=0;t<n.length;t++){for(var o=n[t],i=!0,s=1;s<o.length;s++){var c=o[s];0!==r[c]&&(i=!1)}i&&(n.splice(t--,1),e=a(a.s=o[0]))}return e}var i={},r={5:0},n=[];function a(t){if(i[t])return i[t].exports;var o=i[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,a),o.l=!0,o.exports}a.m=e,a.c=i,a.d=function(e,t,o){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(a.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)a.d(o,i,function(t){return e[t]}.bind(null,i));return o},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="";var s=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var d=c;return n.push([105,0]),o()}([,function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},,function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconButton=t.IconType=void 0;const r=o(0);!function(e){e.ADD="ADD",e.CLOSE="CLOSE",e.COPY="COPY",e.DELETE="DELETE",e.DOWNLOAD="DOWNLOAD",e.EDIT="EDIT",e.HEART="HEART",e.LETTER="LETTER",e.SHOW="SHOW",e.HIDE="HIDE",e.UPLOAD="UPLOAD",e.SUN="SUN",e.MOON="MOON"}(t.IconType||(t.IconType={}));class n extends r.LitElement{constructor(){super(...arguments),this.animation=!0,this.focused=!1,this.hovered=!1}}i([r.property({type:Boolean})],n.prototype,"animation",void 0),i([r.property({type:Boolean})],n.prototype,"focused",void 0),i([r.property({type:Boolean})],n.prototype,"hovered",void 0),t.DigUiIconButton=n},,function(t,o){t.exports=e},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,o){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,o,i){void 0===i&&(i=o),Object.defineProperty(e,i,{enumerable:!0,get:function(){return t[o]}})}:function(e,t,o,i){void 0===i&&(i=o),e[i]=t[o]}),r=this&&this.__exportStar||function(e,t){for(var o in e)"default"===o||Object.prototype.hasOwnProperty.call(t,o)||i(t,e,o)};Object.defineProperty(t,"__esModule",{value:!0}),r(o(36),t)},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIcon=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(37)),l=o(3);o(38),o(40),o(42),o(44),o(46),o(48),o(50),o(52),o(54),o(56),o(58),o(60),o(62);let d=class extends n.LitElement{constructor(){super(...arguments),this.animation=!0,this.focused=!1,this.hovered=!1,this.type=l.IconType.ADD}render(){var e,t,o,i,r,s,c,d,u,h,f,g,v,p;return n.html`
<button
class="dig-ui-icon ${a.classMap({animation:this.animation,[null===(e=this.type)||void 0===e?void 0:e.toLowerCase()]:!0})}"
@focus="${()=>this.focused=!0}"
@blur="${()=>this.focused=!1}"
@mouseenter="${()=>this.hovered=!0}"
@mouseleave="${()=>this.hovered=!1}"
>
${(null===(t=this.type)||void 0===t?void 0:t.toUpperCase())===l.IconType.ADD?n.html`<dig-ui-icon-add
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-add>`:(null===(o=this.type)||void 0===o?void 0:o.toUpperCase())===l.IconType.CLOSE?n.html`<dig-ui-icon-close
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-close>`:(null===(i=this.type)||void 0===i?void 0:i.toUpperCase())===l.IconType.COPY?n.html`<dig-ui-icon-copy
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-copy>`:(null===(r=this.type)||void 0===r?void 0:r.toUpperCase())===l.IconType.DELETE?n.html`<dig-ui-icon-delete
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-delete>`:(null===(s=this.type)||void 0===s?void 0:s.toUpperCase())===l.IconType.DOWNLOAD?n.html`<dig-ui-icon-download
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-download>`:(null===(c=this.type)||void 0===c?void 0:c.toUpperCase())===l.IconType.EDIT?n.html`<dig-ui-icon-edit
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-edit>`:(null===(d=this.type)||void 0===d?void 0:d.toUpperCase())===l.IconType.HEART?n.html`<dig-ui-icon-heart
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-heart>`:(null===(u=this.type)||void 0===u?void 0:u.toUpperCase())===l.IconType.LETTER?n.html`<dig-ui-icon-letter
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-letter>`:(null===(h=this.type)||void 0===h?void 0:h.toUpperCase())===l.IconType.SHOW?n.html`<dig-ui-icon-show
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-show>`:(null===(f=this.type)||void 0===f?void 0:f.toUpperCase())===l.IconType.HIDE?n.html`<dig-ui-icon-hide
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-hide>`:(null===(g=this.type)||void 0===g?void 0:g.toUpperCase())===l.IconType.SUN?n.html`<dig-ui-icon-sun
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-sun>`:(null===(v=this.type)||void 0===v?void 0:v.toUpperCase())===l.IconType.MOON?n.html`<dig-ui-icon-moon
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-moon>`:(null===(p=this.type)||void 0===p?void 0:p.toUpperCase())===l.IconType.UPLOAD?n.html`<dig-ui-icon-upload
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-upload>`:n.html``}
</button>
`}};d.styles=n.css`
${s.default}
${c.default}
`,i([n.property({type:Boolean})],d.prototype,"animation",void 0),i([n.property({type:Boolean})],d.prototype,"focused",void 0),i([n.property({type:Boolean})],d.prototype,"hovered",void 0),i([n.property({type:String})],d.prototype,"type",void 0),d=i([n.customElement("dig-ui-icon")],d),t.DigUiIcon=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{--dig-ui-icon-size:30px;--dig-ui-icon-color:#5f5f5f;--dig-ui-icon-hover-color:#3d3d3d;--dig-ui-icon-background-color:#fff;--dig-ui-icon-hover-background-color:#ccd5fb;--dig-ui-icon-animation-duration:0.3s;--dig-ui-icon-border:1px solid transparent;--dig-ui-icon-border-radius:6px;--dig-ui-icon-hover-border-radius:calc(var(--dig-ui-icon-size)/4);display:inline-flex;margin:0;border:0;padding:0}:host *{transition:all var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .dig-ui-icon{margin:0;outline:0;border:var(--dig-ui-icon-border);padding:0;font-size:0;box-sizing:border-box;position:relative;cursor:pointer;border-radius:var(--dig-ui-icon-border-radius);background-color:var(--dig-ui-icon-background-color);width:var(--dig-ui-icon-size);height:var(--dig-ui-icon-size)}:host .dig-ui-icon:focus,:host .dig-ui-icon:hover{border-radius:var(--dig-ui-icon-hover-border-radius);background-color:var(--dig-ui-icon-hover-background-color)}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconAdd=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(39)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="plus ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="grey">
<rect x="10" y="55" width="100" height="10" rx="5" />
<rect x="55" y="10" width="10" height="100" rx="5" />
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-add")],d),t.DigUiIconAdd=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .plus{fill:var(--dig-ui-icon-color)}:host .plus *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .plus.focused,:host .plus.hovered{fill:var(--dig-ui-icon-hover-color)}:host .plus.animation.focused,:host .plus.animation.hovered{-webkit-animation:grow var(--dig-ui-icon-animation-duration) forwards ease;animation:grow var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconClose=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(41)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="cross ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="grey">
<rect x="20" y="20" width="110" height="10" rx="5" transform="rotate(45, 25, 25)" />
<rect x="20" y="90" width="110" height="10" rx="5" transform="rotate(-45, 25, 95)" />
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-close")],d),t.DigUiIconClose=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .cross{fill:var(--dig-ui-icon-color)}:host .cross *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .cross.focused,:host .cross.hovered{fill:var(--dig-ui-icon-hover-color)}:host .cross.animation.focused,:host .cross.animation.hovered{-webkit-animation:shrink var(--dig-ui-icon-animation-duration) forwards ease;animation:shrink var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes shrink{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconCopy=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(43)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="copy ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<g class="back" stroke="grey" stroke-width="6" fill="white">
<rect x="18" y="18" width="70" height="70" rx="12" />
</g>
<g class="front" stroke="grey" stroke-width="6" fill="white">
<rect x="32" y="32" width="70" height="70" rx="12" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-copy")],d),t.DigUiIconCopy=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .copy *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .copy .back,:host .copy .front{stroke:var(--dig-ui-icon-color);fill:var(--dig-ui-icon-background-color)}:host .copy.focused .back,:host .copy.focused .front,:host .copy.hovered .back,:host .copy.hovered .front{stroke:var(--dig-ui-icon-hover-color);fill:var(--dig-ui-icon-hover-background-color)}:host .copy.animation.focused .front,:host .copy.animation.hovered .front{-webkit-animation:goDown var(--dig-ui-icon-animation-duration) forwards ease;animation:goDown var(--dig-ui-icon-animation-duration) forwards ease}:host .copy.animation.focused .back,:host .copy.animation.hovered .back{-webkit-animation:goUp var(--dig-ui-icon-animation-duration) forwards ease;animation:goUp var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes goUp{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-5%) translateY(-5%)}}@keyframes goUp{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-5%) translateY(-5%)}}@-webkit-keyframes goDown{0%{transform:translateX(0) translateY(0)}to{transform:translateX(5%) translateY(5%)}}@keyframes goDown{0%{transform:translateX(0) translateY(0)}to{transform:translateX(5%) translateY(5%)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconDelete=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(45)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="trash ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<g class="trash-lid" fill="grey">
<path d="M 21 38 C 21 8, 99 8, 99 38" stroke="grey" stroke-width="6" fill="transparent"/>
<rect x="18" y="35" width="84" height="6" rx="3" />
</g>
<g class="trash-body" fill="grey">
<rect x="18" y="35" width="84" height="6" rx="3" />
<rect x="31" y="104" width="58" height="6" rx="3" />
<rect x="18" y="35" width="6" height="76" rx="3" transform="rotate(-10, 21, 38)" />
<rect x="96" y="35" width="6" height="76" rx="3" transform="rotate(10, 99, 38)" />
<rect x="43" y="50" width="6" height="44" rx="3" transform="rotate(-6, 46, 53)" />
<rect x="71" y="50" width="6" height="44" rx="3" transform="rotate(6, 74, 53)" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-delete")],d),t.DigUiIconDelete=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .trash *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .trash .trash-lid{fill:var(--dig-ui-icon-color)}:host .trash .trash-lid path{stroke:var(--dig-ui-icon-color)}:host .trash .trash-body{fill:var(--dig-ui-icon-color)}:host .trash.focused .trash-lid,:host .trash.hovered .trash-lid{fill:var(--dig-ui-icon-hover-color)}:host .trash.focused .trash-lid path,:host .trash.hovered .trash-lid path{stroke:var(--dig-ui-icon-hover-color)}:host .trash.focused .trash-body,:host .trash.hovered .trash-body{fill:var(--dig-ui-icon-hover-color)}:host .trash.animation.focused .trash-lid,:host .trash.animation.hovered .trash-lid{-webkit-animation:openLid var(--dig-ui-icon-animation-duration) forwards ease;animation:openLid var(--dig-ui-icon-animation-duration) forwards ease}:host .trash.animation.focused .trash-body,:host .trash.animation.hovered .trash-body{-webkit-animation:openBody var(--dig-ui-icon-animation-duration) forwards ease;animation:openBody var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes openLid{0%{transform:rotate(0deg) translateY(0)}to{transform:rotate(20deg) translateY(-26%) translateX(8%)}}@keyframes openLid{0%{transform:rotate(0deg) translateY(0)}to{transform:rotate(20deg) translateY(-26%) translateX(8%)}}@-webkit-keyframes openBody{0%{transform:translateY(0)}to{transform:translateY(6%)}}@keyframes openBody{0%{transform:translateY(0)}to{transform:translateY(6%)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconDownload=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(47)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="download ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<defs>
<clipPath id="clip-body">
<polygon points="0,0 0,120 120,120 120,0 80,0 80,60 40,60 40,0" />
</clipPath>
</defs>
<g class="body" stroke="grey" stroke-width="6">
<rect x="15" y="55" width="90" height="50" rx="12" clip-path="url(#clip-body)" />
</g>
<g class="arrow" fill="grey">
<rect x="57" y="10" width="6" height="40" rx="3" transform="rotate(40, 60, 13)" />
<rect x="57" y="10" width="6" height="40" rx="3" transform="rotate(-40, 60, 13)" />
<rect x="35" y="37" width="15" height="6" rx="3" />
<rect x="70" y="37" width="15" height="6" rx="3" />
<rect x="44" y="37" width="6" height="50" rx="3" />
<rect x="70" y="37" width="6" height="50" rx="3" />
<rect x="44" y="82" width="32" height="6" rx="3" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-download")],d),t.DigUiIconDownload=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .download *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .download .body{stroke:var(--dig-ui-icon-color);fill:var(--dig-ui-icon-background-color)}:host .download .arrow{transform:rotate(180deg) translateY(16px);transform-origin:center;fill:var(--dig-ui-icon-color)}:host .download.focused .body,:host .download.hovered .body{stroke:var(--dig-ui-icon-hover-color);fill:var(--dig-ui-icon-hover-background-color)}:host .download.focused .arrow,:host .download.hovered .arrow{fill:var(--dig-ui-icon-hover-color)}:host .download.animation.focused .arrow,:host .download.animation.hovered .arrow{-webkit-animation:goDown var(--dig-ui-icon-animation-duration) forwards ease;animation:goDown var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes goDown{0%{transform:rotate(180deg) translateY(16px)}to{transform:rotate(180deg) translateY(10px)}}@keyframes goDown{0%{transform:rotate(180deg) translateY(16px)}to{transform:rotate(180deg) translateY(10px)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconEdit=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(49)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="pencil ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<g transform="rotate(-45, 60, 60)">
<g class="pencil-rubber" fill="white" stroke="grey">
<rect x="100" y="50" width="18" height="20" stroke-width="6" rx="6"/>
</g>
<g class="pencil-body" fill="white" stroke="grey">
<rect x="28" y="50" width="74" height="20" stroke-width="6" />
</g>
<g class="pencil-spike" fill="grey">
<rect x="0" y="57" width="30" height="6" rx="3" transform="rotate(23, 3, 60)" />
<rect x="0" y="57" width="30" height="6" rx="3" transform="rotate(-23, 3, 60)" />
</g>
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-edit")],d),t.DigUiIconEdit=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .pencil *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .pencil .pencil-body,:host .pencil .pencil-rubber{stroke:var(--dig-ui-icon-color);fill:var(--dig-ui-icon-background-color)}:host .pencil .pencil-spike{fill:var(--dig-ui-icon-color)}:host .pencil.focused .pencil-body,:host .pencil.focused .pencil-rubber,:host .pencil.hovered .pencil-body,:host .pencil.hovered .pencil-rubber{stroke:var(--dig-ui-icon-hover-color);fill:var(--dig-ui-icon-hover-background-color)}:host .pencil.focused .pencil-spike,:host .pencil.hovered .pencil-spike{fill:var(--dig-ui-icon-hover-color)}:host .pencil.animation.focused,:host .pencil.animation.hovered{-webkit-animation:wiggle var(--dig-ui-icon-animation-duration) forwards ease;animation:wiggle var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes wiggle{20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}to{transform:rotate(0deg)}}@keyframes wiggle{20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}to{transform:rotate(0deg)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconHeart=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(51)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="heart ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-35 -35 540 540" fill="grey">
<g>
<path d="M433.601,67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7,13.6-92.4,38.3l-12.9,12.9l-13.1-13.1
c-24.7-24.7-57.6-38.4-92.5-38.4c-34.8,0-67.6,13.6-92.2,38.2c-24.7,24.7-38.3,57.5-38.2,92.4c0,34.9,13.7,67.6,38.4,92.3
l187.8,187.8c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-3.9l188.2-187.5c24.7-24.7,38.3-57.5,38.3-92.4
C471.801,124.501,458.301,91.701,433.601,67.001z M414.401,232.701l-178.7,178l-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3
s10.7-53.7,30.3-73.2c19.5-19.5,45.5-30.3,73.1-30.3c27.7,0,53.8,10.8,73.4,30.4l22.6,22.6c5.3,5.3,13.8,5.3,19.1,0l22.4-22.4
c19.6-19.6,45.7-30.4,73.3-30.4c27.6,0,53.6,10.8,73.2,30.3c19.6,19.6,30.3,45.6,30.3,73.3
C444.801,187.101,434.001,213.101,414.401,232.701z" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-heart")],d),t.DigUiIconHeart=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .heart{fill:var(--dig-ui-icon-color)}:host .heart *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .heart.focused,:host .heart.hovered{fill:var(--dig-ui-icon-hover-color)}:host .heart.animation.focused,:host .heart.animation.hovered{-webkit-animation:grow var(--dig-ui-icon-animation-duration) forwards ease;animation:grow var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconLetter=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(53)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="letter ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<g class="letter-body" fill="transparent" stroke="grey" stroke-width="6">
<rect x="10" y="25" width="100" height="70" rx="12" />
</g>
<g class="letter-fold" fill="grey">
<rect x="12" y="27" width="50" height="6" rx="3" transform="rotate(40, 15, 30)" />
<rect x="60" y="27" width="50" height="6" rx="3" transform="rotate(-40, 105, 30)" />
<rect x="10" y="90" width="65" height="6" rx="3" transform="rotate(-40, 10, 90)" />
<rect x="45" y="90" width="65" height="6" rx="3" transform="rotate(40, 110, 90)" />
</g>
<g class="letter-head" fill="grey">
<rect x="43" y="24" width="65" height="6" rx="3" transform="rotate(-40, 110, 27)" />
<rect x="12" y="24" width="65" height="6" rx="3" transform="rotate(40, 10, 27)" />
</g>
<g class="letter-mask" fill="red">
<polygon points="39,46 60,65 81,46" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-letter")],d),t.DigUiIconLetter=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .letter *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .letter .letter-body{stroke:var(--dig-ui-icon-color)}:host .letter .letter-fold,:host .letter .letter-head{fill:var(--dig-ui-icon-color)}:host .letter .letter-mask{fill:var(--dig-ui-icon-background-color)}:host .letter.focused .letter-body,:host .letter.hovered .letter-body{stroke:var(--dig-ui-icon-hover-color)}:host .letter.focused .letter-fold,:host .letter.focused .letter-head,:host .letter.hovered .letter-fold,:host .letter.hovered .letter-head{fill:var(--dig-ui-icon-hover-color)}:host .letter.focused .letter-mask,:host .letter.hovered .letter-mask{fill:var(--dig-ui-icon-hover-background-color)}:host .letter.animation.focused .letter-head,:host .letter.animation.focused .letter-mask,:host .letter.animation.hovered .letter-head,:host .letter.animation.hovered .letter-mask{-webkit-animation:openHead var(--dig-ui-icon-animation-duration) forwards ease;animation:openHead var(--dig-ui-icon-animation-duration) forwards ease;transform-origin:50% 30%}:host .letter.animation.focused .letter-body,:host .letter.animation.focused .letter-fold,:host .letter.animation.hovered .letter-body,:host .letter.animation.hovered .letter-fold{-webkit-animation:goDown var(--dig-ui-icon-animation-duration) forwards ease;animation:goDown var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes openHead{0%{transform:perspective(1000px) rotateX(0deg)}to{transform:perspective(1000px) rotateX(180deg)}}@keyframes openHead{0%{transform:perspective(1000px) rotateX(0deg)}to{transform:perspective(1000px) rotateX(180deg)}}@-webkit-keyframes goDown{0%{transform:translateY(0)}to{transform:translateY(12%)}}@keyframes goDown{0%{transform:translateY(0)}to{transform:translateY(12%)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconMoon=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(55)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="moon ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="grey">
<defs>
<clipPath id="clip-moon">
<circle cx="60" cy="60" r="44" />
</clipPath>
<clipPath id="clip-moon-2">
<circle cx="60" cy="60" r="48" />
</clipPath>
</defs>
<g class="moon-draw">
<circle cx="60" cy="60" r="44" fill="grey" class="fill" />
<circle cx="60" cy="60" r="38" fill="white" class="clip" />
<circle cx="30" cy="60" r="44" fill="grey" class="fill" clip-path="url(#clip-moon)" />
<circle cx="30" cy="60" r="38" fill="white" class="clip" clip-path="url(#clip-moon-2)" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-moon")],d),t.DigUiIconMoon=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .moon *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .moon .fill{fill:var(--dig-ui-icon-color)}:host .moon .clip{fill:var(--dig-ui-icon-background-color)}:host .moon.focused .fill,:host .moon.hovered .fill{fill:var(--dig-ui-icon-hover-color)}:host .moon.focused .clip,:host .moon.hovered .clip{fill:var(--dig-ui-icon-hover-background-color)}:host .moon.animation.focused,:host .moon.animation.hovered{-webkit-animation:wiggle var(--dig-ui-icon-animation-duration) forwards ease;animation:wiggle var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconShow=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(57)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="eye ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<defs>
<clipPath id="clip-close">
<ellipse cx="60" cy="60" rx="50" ry="30" />
</clipPath>
</defs>
<g class="eye-outline" stroke="grey" stroke-width="6">
<path d="M 10 61 C 30 20, 90 20, 110 61" fill="transparent"/>
<path d="M 10 59 C 30 100, 90 100, 110 59" fill="transparent"/>
</g>
<g class="eye-iris" stroke-width="6" stroke="grey">
<circle cx="60" cy="60" r="15" fill="transparent"/>
</g>
<g class="eye-pupil" fill="grey">
<circle cx="60" cy="60" r="5" />
</g>
<g class="eye-close" fill="grey">
<ellipse id="close" cx="60" cy="30" rx="60" ry="0" clip-path="url(#clip-close)"/>
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-show")],d),t.DigUiIconShow=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .eye *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .eye .eye-iris,:host .eye .eye-outline{stroke:var(--dig-ui-icon-color)}:host .eye .eye-close,:host .eye .eye-pupil{fill:var(--dig-ui-icon-color)}:host .eye.focused .eye-iris,:host .eye.focused .eye-outline,:host .eye.hovered .eye-iris,:host .eye.hovered .eye-outline{stroke:var(--dig-ui-icon-hover-color)}:host .eye.focused .eye-close,:host .eye.focused .eye-pupil,:host .eye.hovered .eye-close,:host .eye.hovered .eye-pupil{fill:var(--dig-ui-icon-hover-color)}:host .eye.animation.focused .eye-close #close,:host .eye.animation.hovered .eye-close #close{-webkit-animation:blink var(--dig-ui-icon-animation-duration) forwards ease;animation:blink var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes blink{0%{ry:0}50%{ry:60px}to{ry:0}}@keyframes blink{0%{ry:0}50%{ry:60px}to{ry:0}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconHide=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(59)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="eye ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<defs>
<clipPath id="clip-close">
<ellipse cx="60" cy="60" rx="50" ry="30" />
</clipPath>
</defs>
<g class="eye-outline" stroke="grey" stroke-width="6">
<path d="M 10 61 C 30 20, 90 20, 110 61" fill="transparent"/>
<path d="M 10 59 C 30 100, 90 100, 110 59" fill="transparent"/>
</g>
<g class="eye-iris" stroke-width="6" stroke="grey">
<circle cx="60" cy="60" r="15" fill="transparent"/>
</g>
<g class="eye-pupil" fill="grey">
<circle cx="60" cy="60" r="5" />
</g>
<g class="eye-close" fill="grey">
<ellipse id="close" cx="60" cy="30" rx="60" ry="0" clip-path="url(#clip-close)"/>
</g>
<g class="eye-bar" fill="grey">
<rect x="16" y="16" width="120" height="6" rx="3" transform="rotate(45, 19, 19)" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-hide")],d),t.DigUiIconHide=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .eye *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .eye .eye-iris,:host .eye .eye-outline{stroke:var(--dig-ui-icon-color)}:host .eye .eye-bar,:host .eye .eye-close,:host .eye .eye-pupil{fill:var(--dig-ui-icon-color)}:host .eye.focused .eye-iris,:host .eye.focused .eye-outline,:host .eye.hovered .eye-iris,:host .eye.hovered .eye-outline{stroke:var(--dig-ui-icon-hover-color)}:host .eye.focused .eye-bar,:host .eye.focused .eye-close,:host .eye.focused .eye-pupil,:host .eye.hovered .eye-bar,:host .eye.hovered .eye-close,:host .eye.hovered .eye-pupil{fill:var(--dig-ui-icon-hover-color)}:host .eye.animation.focused .eye-close #close,:host .eye.animation.hovered .eye-close #close{-webkit-animation:blink var(--dig-ui-icon-animation-duration) forwards ease;animation:blink var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes blink{0%{ry:0}50%{ry:60px}to{ry:0}}@keyframes blink{0%{ry:0}50%{ry:60px}to{ry:0}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconSun=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(61)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="sun ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="grey">
<g class="sun-circle">
<circle cx="60" cy="60" r="34" fill="grey" class="fill" />
<circle cx="60" cy="60" r="28" fill="white" class="clip" />
</g>
<g class="sun-rays-long">
<rect x="6" y="57" width="17" height="6" rx="3" transform="rotate(0, 60, 60)" />
<rect x="6" y="57" width="17" height="6" rx="3" transform="rotate(90, 60, 60)" />
<rect x="6" y="57" width="17" height="6" rx="3" transform="rotate(180, 60, 60)" />
<rect x="6" y="57" width="17" height="6" rx="3" transform="rotate(270, 60, 60)" />
</g>
<g class="sun-rays-short">
<rect x="10" y="57" width="12" height="6" rx="3" transform="rotate(45, 60, 60)" />
<rect x="10" y="57" width="12" height="6" rx="3" transform="rotate(135, 60, 60)" />
<rect x="10" y="57" width="12" height="6" rx="3" transform="rotate(225, 60, 60)" />
<rect x="10" y="57" width="12" height="6" rx="3" transform="rotate(315, 60, 60)" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-sun")],d),t.DigUiIconSun=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .sun *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .sun .sun-circle .fill,:host .sun .sun-rays-long,:host .sun .sun-rays-short{fill:var(--dig-ui-icon-color)}:host .sun .sun-circle .clip{fill:var(--dig-ui-icon-background-color)}:host .sun.focused .sun-circle .fill,:host .sun.focused .sun-rays-long,:host .sun.focused .sun-rays-short,:host .sun.hovered .sun-circle .fill,:host .sun.hovered .sun-rays-long,:host .sun.hovered .sun-rays-short{fill:var(--dig-ui-icon-hover-color)}:host .sun.focused .sun-circle .clip,:host .sun.hovered .sun-circle .clip{fill:var(--dig-ui-icon-hover-background-color)}:host .sun.animation.focused .sun-rays-long,:host .sun.animation.hovered .sun-rays-long{-webkit-animation:grow var(--dig-ui-icon-animation-duration) forwards ease;animation:grow var(--dig-ui-icon-animation-duration) forwards ease;-webkit-animation-delay:calc(var(--dig-ui-icon-animation-duration)/4);animation-delay:calc(var(--dig-ui-icon-animation-duration)/4);transform-origin:center}:host .sun.animation.focused .sun-rays-short,:host .sun.animation.hovered .sun-rays-short{-webkit-animation:grow var(--dig-ui-icon-animation-duration) forwards ease;animation:grow var(--dig-ui-icon-animation-duration) forwards ease;-webkit-animation-delay:calc(var(--dig-ui-icon-animation-duration)/2);animation-delay:calc(var(--dig-ui-icon-animation-duration)/2);transform-origin:center}:host .sun.animation.focused .sun-circle,:host .sun.animation.hovered .sun-circle{-webkit-animation:grow var(--dig-ui-icon-animation-duration) forwards ease;animation:grow var(--dig-ui-icon-animation-duration) forwards ease;transform-origin:center}@-webkit-keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}`},function(e,t,o){"use strict";var i=this&&this.__decorate||function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DigUiIconUpload=void 0;const n=o(0),a=o(2),s=r(o(1)),c=r(o(63)),l=o(3);let d=class extends l.DigUiIconButton{render(){return n.svg`
<svg class="upload ${a.classMap({animation:this.animation,focused:this.focused,hovered:this.hovered})}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
<defs>
<clipPath id="clip-body">
<polygon points="0,0 0,120 120,120 120,0 80,0 80,60 40,60 40,0" />
</clipPath>
</defs>
<g class="body" stroke="grey" stroke-width="6" fill="white">
<rect x="15" y="55" width="90" height="50" rx="12" clip-path="url(#clip-body)" />
</g>
<g class="arrow" fill="grey">
<rect x="57" y="15" width="6" height="40" rx="3" transform="rotate(40, 60, 18)" />
<rect x="57" y="15" width="6" height="40" rx="3" transform="rotate(-40, 60, 18)" />
<rect x="35" y="42" width="15" height="6" rx="3" />
<rect x="70" y="42" width="15" height="6" rx="3" />
<rect x="44" y="42" width="6" height="50" rx="3" />
<rect x="70" y="42" width="6" height="50" rx="3" />
<rect x="44" y="87" width="32" height="6" rx="3" />
</g>
</svg>
`}};d.styles=n.css`
${s.default}
${c.default}
`,d=i([n.customElement("dig-ui-icon-upload")],d),t.DigUiIconUpload=d},function(e,t,o){"use strict";o.r(t);var i=o(0);t.default=i.css`:host{position:relative}:host .upload *{transition:fill var(--dig-ui-icon-animation-duration),stroke var(--dig-ui-icon-animation-duration)}:host .upload .body{stroke:var(--dig-ui-icon-color);fill:var(--dig-ui-icon-background-color)}:host .upload .arrow{fill:var(--dig-ui-icon-color)}:host .upload.focused .body,:host .upload.hovered .body{stroke:var(--dig-ui-icon-hover-color);fill:var(--dig-ui-icon-hover-background-color)}:host .upload.focused .arrow,:host .upload.hovered .arrow{fill:var(--dig-ui-icon-hover-color)}:host .upload.animation.focused .arrow,:host .upload.animation.hovered .arrow{-webkit-animation:goUp var(--dig-ui-icon-animation-duration) forwards ease;animation:goUp var(--dig-ui-icon-animation-duration) forwards ease}@-webkit-keyframes goUp{0%{transform:translateY(0)}to{transform:translateY(-5%)}}@keyframes goUp{0%{transform:translateY(0)}to{transform:translateY(-5%)}}`},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,o){o(5),e.exports=o(35)}])}));