@digithia/ui
Version:
Digithia ui package.
228 lines (220 loc) • 116 kB
JavaScript
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],e):"object"==typeof exports?exports.digithiaUi=e(require("./vendors.js")):t.digithiaUi=e(t["./vendors.js"])}(window,(function(t){return function(t){function e(e){for(var o,n,s=e[0],d=e[1],l=e[2],u=0,g=[];u<s.length;u++)n=s[u],Object.prototype.hasOwnProperty.call(r,n)&&r[n]&&g.push(r[n][0]),r[n]=0;for(o in d)Object.prototype.hasOwnProperty.call(d,o)&&(t[o]=d[o]);for(c&&c(e);g.length;)g.shift()();return a.push.apply(a,l||[]),i()}function i(){for(var t,e=0;e<a.length;e++){for(var i=a[e],o=!0,s=1;s<i.length;s++){var d=i[s];0!==r[d]&&(o=!1)}o&&(a.splice(e--,1),t=n(n.s=i[0]))}return t}var o={},r={6:0},a=[];function n(e){if(o[e])return o[e].exports;var i=o[e]={i:e,l:!1,exports:{}};return t[e].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=t,n.c=o,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="";var s=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],d=s.push.bind(s);s.push=e,s=s.slice();for(var l=0;l<s.length;l++)e(s[l]);var c=d;return a.push([99,0]),i()}([,function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},,function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconButton=e.IconType=void 0;const r=i(0);!function(t){t.ADD="ADD",t.CLOSE="CLOSE",t.COPY="COPY",t.DELETE="DELETE",t.DOWNLOAD="DOWNLOAD",t.EDIT="EDIT",t.HEART="HEART",t.LETTER="LETTER",t.SHOW="SHOW",t.HIDE="HIDE",t.UPLOAD="UPLOAD",t.SUN="SUN",t.MOON="MOON"}(e.IconType||(e.IconType={}));class a extends r.LitElement{constructor(){super(...arguments),this.animation=!0,this.focused=!1,this.hovered=!1}}o([r.property({type:Boolean})],a.prototype,"animation",void 0),o([r.property({type:Boolean})],a.prototype,"focused",void 0),o([r.property({type:Boolean})],a.prototype,"hovered",void 0),e.DigUiIconButton=a},,function(e,i){e.exports=t},,,,,function(t,e,i){t.exports=(()=>{"use strict";var t={607:function(t,e){var i,o=this&&this.__extends||(i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)},function(t,e){function o(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)});Object.defineProperty(e,"__esModule",{value:!0}),e.DigUtils=e.DigInputError=void 0;var r=function(t){function e(e){return t.call(this,"DigInputError : "+e)||this}return o(e,t),e}(Error);e.DigInputError=r;var a=function(){function t(){}return t.generateUniqueId=function(){return""+Math.random()},t.hasClass=function(t,e){return!!t.className.match(new RegExp("(\\s|^)"+e+"(\\s|$)"))},t.addClass=function(e,i){t.hasClass(e,i)||(e.className+=" "+i)},t.removeClass=function(e,i){if(t.hasClass(e,i)){var o=new RegExp("(\\s|^)"+i+"(\\s|$)");e.className=e.className.replace(o," ")}},t.wrap=function(t,e,i,o){for(var r=0,a=e;r<a.length;r++){var n=a[r];t.appendChild(n)}o?null==i||i.insertBefore(t,o):null==i||i.appendChild(t)},t.firstLetterUppercase=function(t){return t?t.charAt(0).toUpperCase()+t.slice(1):""},t.cssTimeToMilliseconds=function(t){var e=parseFloat(t),i=t.match(/m?s/),o=0;return i&&(i=i[0]),"s"===i?o=1e3*e:"ms"===i&&(o=e),o},t}();e.DigUtils=a}},e={};return function i(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o].call(r.exports,r,r.exports,i),r.exports}(607)})()},,,,,,function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiToggleButton=void 0;const r=i(0);class a extends r.LitElement{constructor(){super(...arguments),this.toggled=!1}toggle(){this.toggled=!this.toggled;const t=new CustomEvent("toggle",{detail:this.toggled});this.dispatchEvent(t)}}o([r.property({type:Boolean,converter:{fromAttribute:t=>"false"!==t&&!!t}})],a.prototype,"toggled",void 0),e.DigUiToggleButton=a},function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(18),e)},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiBadge=void 0;const a=i(0),n=r(i(1)),s=r(i(19));let d=class extends a.LitElement{constructor(){super(...arguments),this.bgColor="var(--dig-ui-badge-background-color)",this.textColor="var(--dig-ui-badge-text-color)"}render(){return a.html` <div
class="dig-ui-badge"
style="background-color: '${this.bgColor}'; color: '${this.textColor}';"
>
<slot></slot>
</div>`}};d.styles=a.css`
${n.default}
${s.default}
`,o([a.property({type:String,attribute:"bg-color"})],d.prototype,"bgColor",void 0),o([a.property({type:String,attribute:"text-color"})],d.prototype,"textColor",void 0),d=o([a.customElement("dig-ui-badge")],d),e.DigUiBadge=d},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-badge-border-radius:0.25rem;--dig-ui-badge-vertical-padding:2px;--dig-ui-badge-horizontal-padding:5px;--dig-ui-badge-background-color:red;--dig-ui-badge-text-color:#fff;--dig-ui-badge-font-weight:700;--dig-ui-badge-font-size:75%;border-radius:var(--dig-ui-badge-border-radius);padding:var(--dig-ui-badge-vertical-padding) var(--dig-ui-badge-horizontal-padding);background-color:var(--dig-ui-badge-background-color);color:var(--dig-ui-badge-text-color);align-items:center;display:inline-block;font-weight:var(--dig-ui-badge-font-weight);font-size:var(--dig-ui-badge-font-size)}`},function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(21),e),r(i(23),e),r(i(25),e)},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiMenuButton=void 0;const a=i(0),n=i(2),s=i(16),d=r(i(1)),l=r(i(22));let c=class extends s.DigUiToggleButton{constructor(){super(),this.toggled=!1,this.addEventListener("click",this.toggle)}render(){return a.html`
<div class="menu-button ${n.classMap({toggled:this.toggled})}"></div>
`}};c.styles=a.css`
${d.default}
${l.default}
`,o([a.property({type:Boolean})],c.prototype,"toggled",void 0),c=o([a.customElement("dig-ui-menu-button")],c),e.DigUiMenuButton=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-menu-button-icon-size:30px;--dig-ui-menu-button-color:var(--dig-ui-global-button-color);--dig-ui-menu-button-animation-duration:0.3s;--dig-ui-menu-button-transform-offset:calc(var(--dig-ui-menu-button-icon-size)/3*2);--dig-ui-menu-button-transform-offset-neg:calc(0px - var(--dig-ui-menu-button-icon-size)/3*2);--dig-ui-menu-button-transform-left:calc(0px - var(--dig-ui-menu-button-icon-size));--dig-ui-menu-button-line-height:calc(var(--dig-ui-menu-button-icon-size)/8);--dig-ui-menu-button-line-radius:calc(var(--dig-ui-menu-button-icon-size)/10);--dig-ui-menu-button-line-space-up:calc(0px - var(--dig-ui-menu-button-icon-size)/3);--dig-ui-menu-button-line-space-down:calc(var(--dig-ui-menu-button-icon-size)/3);position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--dig-ui-menu-button-icon-size);height:var(--dig-ui-menu-button-icon-size);cursor:pointer}.menu-button,.menu-button:after,.menu-button:before{background-color:var(--dig-ui-menu-button-color);width:var(--dig-ui-menu-button-icon-size);height:var(--dig-ui-menu-button-line-height);border-radius:var(--dig-ui-menu-button-line-radius);transition:all var(--dig-ui-menu-button-animation-duration) ease-in-out;transition-property:transform,background-color}.menu-button:after,.menu-button:before{content:"";position:absolute;left:0}.menu-button:before{transform:translateY(var(--dig-ui-menu-button-line-space-up))}.menu-button:after{transform:translateY(var(--dig-ui-menu-button-line-space-down))}.menu-button.toggled{transform:translateX(var(--dig-ui-menu-button-transform-left));background-color:transparent}.menu-button.toggled:before{transform:rotate(-45deg) translate(var(--dig-ui-menu-button-transform-offset),var(--dig-ui-menu-button-transform-offset))}.menu-button.toggled:after{transform:rotate(45deg) translate(var(--dig-ui-menu-button-transform-offset),var(--dig-ui-menu-button-transform-offset-neg))}`},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiStandardButton=void 0;const a=i(10),n=i(0),s=r(i(1)),d=r(i(24));let l=class extends n.LitElement{constructor(){super(),this.disabled=!1,this.waves=!0,this.triggerWaves=(t,e)=>{var i;const o=this.buttonEl,r=document.createElement("div");r.classList.add("ripple");const n=Math.max(o.clientWidth,o.clientHeight),s=o.getBoundingClientRect();r.style.height=n+"px",r.style.width=n+"px",r.style.left=t-s.left-n/2+"px",r.style.top=e-s.top-n/2+"px",o.appendChild(r);const d=getComputedStyle(null===(i=this.shadowRoot)||void 0===i?void 0:i.host).getPropertyValue("--dig-ui-standard-button-wave-duration");setTimeout(()=>{o.removeChild(r)},a.DigUtils.cssTimeToMilliseconds(d))}}render(){return n.html`
<button ?disabled="${this.disabled}" @click="${this.onClick}">
<slot></slot>
</button>
`}onClick(t){this.trigger(t.clientX,t.clientY)}trigger(t,e){this.dispatchEvent(new CustomEvent("trigger")),this.waves&&this.triggerWaves(t||this.buttonEl.clientWidth/2+this.buttonEl.offsetLeft,e||this.buttonEl.clientHeight/2+this.buttonEl.offsetTop)}};l.styles=n.css`
${s.default}
${d.default}
`,o([n.property({type:Boolean})],l.prototype,"disabled",void 0),o([n.property({type:Boolean})],l.prototype,"waves",void 0),o([n.query("button")],l.prototype,"buttonEl",void 0),l=o([n.customElement("dig-ui-standard-button")],l),e.DigUiStandardButton=l},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-standard-button-font-color:#fff;--dig-ui-standard-button-font-size:16px;--dig-ui-standard-button-font-family:inherit;--dig-ui-standard-button-background-color:green;--dig-ui-standard-button-padding-vertical:10px;--dig-ui-standard-button-padding-horizontal:10px;--dig-ui-standard-button-border-radius:4px;--dig-ui-standard-button-hover-filter:brightness(110%);--dig-ui-standard-button-hover-duration:0.3s;--dig-ui-standard-button-wave-color:hsla(0,0%,100%,0.4);--dig-ui-standard-button-wave-duration:0.7s;--dig-ui-standard-button-focus-color:#00f;--dig-ui-standard-button-focus-width:2px;--dig-ui-standard-button-text-align:center;display:inline-flex}:host(:disabled){pointer-events:none}button{position:relative;border:0;outline:0;width:100%;display:flex;align-items:center;justify-content:var(--dig-ui-standard-button-text-align);color:var(--dig-ui-standard-button-font-color);background-color:var(--dig-ui-standard-button-background-color);padding:var(--dig-ui-standard-button-padding-vertical) var(--dig-ui-standard-button-padding-horizontal);font-size:var(--dig-ui-standard-button-font-size);font-family:var(--dig-ui-standard-button-font-family);border-radius:var(--dig-ui-standard-button-border-radius);transition:filter var(--dig-ui-standard-button-hover-duration);cursor:pointer;overflow:hidden}button:hover{filter:var(--dig-ui-standard-button-hover-filter)}button:focus{box-shadow:0 0 0 var(--dig-ui-standard-button-focus-width) var(--dig-ui-standard-button-focus-color) inset}button:disabled{filter:grayscale(90%);cursor:default}.ripple{pointer-events:none;position:absolute;border-radius:50%;opacity:0;background-color:var(--dig-ui-standard-button-wave-color);-webkit-animation:wave var(--dig-ui-standard-button-wave-duration) linear;animation:wave var(--dig-ui-standard-button-wave-duration) linear}@-webkit-keyframes wave{0%{opacity:.3;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(2.2)}}@keyframes wave{0%{opacity:.3;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(2.2)}}`},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiValidateButton=void 0;const a=i(0),n=i(2),s=i(16),d=r(i(1)),l=r(i(26));let c=class extends s.DigUiToggleButton{constructor(){super(),this.addEventListener("click",this.toggle)}render(){return a.html`
<div class="icon ${n.classMap({toggled:this.toggled})}"></div>
`}};c.styles=a.css`
${d.default}
${l.default}
`,c=o([a.customElement("dig-ui-validate-button")],c),e.DigUiValidateButton=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-validate-button-size:30px;--dig-ui-validate-button-border-width:4px;--dig-ui-validate-button-border-radius:30px;--dig-ui-validate-button-color-valid:var(--dig-ui-global-valid-color);--dig-ui-validate-button-color-invalid:var(--dig-ui-global-invalid-color);--dig-ui-validate-button-animation-duration:0.3s;--dig-ui-validate-button-cross-width:calc(var(--dig-ui-validate-button-size)*1.4142);--dig-ui-validate-button-before-left:calc(var(--dig-ui-validate-button-border-width)/3);--dig-ui-validate-button-before-top:calc(0px - var(--dig-ui-validate-button-border-width)/3);--dig-ui-validate-button-after-right:calc(var(--dig-ui-validate-button-border-width)/3);--dig-ui-validate-button-after-top:calc(0px - var(--dig-ui-validate-button-border-width)/3);--dig-ui-validate-button-validate-before-width:calc(var(--dig-ui-validate-button-size)*0.575);--dig-ui-validate-button-validate-after-width:calc(var(--dig-ui-validate-button-size)*1.15);--dig-ui-validate-button-before-validate-top:calc(0px - var(--dig-ui-validate-button-border-width)/3 + var(--dig-ui-validate-button-size)*0.5);--dig-ui-validate-button-before-validate-left:calc(var(--dig-ui-validate-button-size)*0.15 + var(--dig-ui-validate-button-border-width)*0.7);position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--dig-ui-validate-button-size);height:var(--dig-ui-validate-button-size);cursor:pointer}:host(:disabled){cursor:not-allowed;opacity:.3}.icon{width:var(--dig-ui-validate-button-size);height:var(--dig-ui-validate-button-size);transform:scale(.7)}.icon:after,.icon:before{content:"";position:absolute;width:var(--dig-ui-validate-button-cross-width);height:var(--dig-ui-validate-button-border-width);background-color:var(--dig-ui-validate-button-color-invalid);border-radius:var(--dig-ui-validate-button-border-radius);transition:all var(--dig-ui-validate-button-animation-duration)}.icon:before{transform:rotate(45deg);transform-origin:top left;left:var(--dig-ui-validate-button-before-left);top:var(--dig-ui-validate-button-before-top)}.icon:after{transform:rotate(-45deg);transform-origin:top right;right:var(--dig-ui-validate-button-after-right);top:var(--dig-ui-validate-button-after-top)}.icon.toggled:after,.icon.toggled:before{background-color:var(--dig-ui-validate-button-color-valid)}.icon.toggled:before{left:var(--dig-ui-validate-button-before-validate-left);top:var(--dig-ui-validate-button-before-validate-top);transform:rotate(60deg);width:var(--dig-ui-validate-button-validate-before-width)}.icon.toggled:after{right:var(--dig-ui-validate-button-after-right);top:var(--dig-ui-validate-button-after-top);transform:rotate(-60deg);width:var(--dig-ui-validate-button-validate-after-width)}`},function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(28),e),r(i(30),e)},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiEditCard=void 0;const a=i(0),n=r(i(1)),s=r(i(29));let d=class extends a.LitElement{constructor(){super(...arguments),this.toggled=!1}render(){return a.html`
<div class="edit-card">
<div class="ctrl-buttons">
${this.toggled?a.html`
<dig-ui-close-button
@click="${()=>this.toggled=!1}"
></dig-ui-close-button>
`:a.html`
<dig-ui-edit-button
@click="${()=>this.toggled=!0}"
></dig-ui-edit-button>
`}
</div>
${this.toggled?"":a.html`<slot name="content"></slot>`}
${this.toggled?a.html`<slot name="form"></slot>`:""}
</div>
`}toggle(t){this.toggled=t.detail}};d.styles=a.css`
${n.default}
${s.default}
`,o([a.property({type:Boolean,reflect:!0})],d.prototype,"toggled",void 0),d=o([a.customElement("dig-ui-edit-card")],d),e.DigUiEditCard=d},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-edit-card-border-radius:4px;--dig-ui-edit-card-border-width:1px;--dig-ui-edit-card-border-color:rgba(0,0,0,0.125);--dig-ui-edit-card-padding-vertical:10px;--dig-ui-edit-card-padding-horizontal:10px}.edit-card{position:relative;border:var(--dig-ui-edit-card-border-width) solid var(--dig-ui-edit-card-border-color);border-radius:var(--dig-ui-edit-card-border-radius);padding:var(--dig-ui-edit-card-padding-vertical) var(--dig-ui-edit-card-padding-horizontal)}.ctrl-buttons{float:right;font-size:0}`},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiLoginCard=void 0;const a=i(0),n=r(i(1)),s=r(i(31));let d=class extends a.LitElement{render(){return a.html`
<div class="login-card">
<slot name="logo"></slot>
<slot name="title"></slot>
<slot name="form"></slot>
<slot name="links"></slot>
</div>
`}};d.styles=a.css`
${n.default}
${s.default}
`,d=o([a.customElement("dig-ui-login-card")],d),e.DigUiLoginCard=d},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`:host{--dig-ui-login-card-border-width:1px;--dig-ui-login-card-border-color:rgba(0,0,0,0.125);--dig-ui-login-card-box-shadow:0;--dig-ui-login-card-background-color:#fff;--dig-ui-login-card-border-radius:6px;--dig-ui-login-card-margin:20px;--dig-ui-login-card-padding:30px 40px;--dig-ui-login-card-mobile-padding:16px;--dig-ui-login-card-image-height:60px;--dig-ui-login-card-image-padding:10px 0px;--dig-ui-login-card-links-padding:20px;--dig-ui-login-card-links-font-size:12px;--dig-ui-login-card-links-gap:10px;--dig-ui-login-card-min-width:400px;--dig-ui-login-card-max-width:600px;display:flex;min-width:100vw;min-height:100vh;align-items:center;justify-content:center}.login-card{padding:var(--dig-ui-login-card-padding);margin:var(--dig-ui-login-card-margin);text-align:center;min-width:var(--dig-ui-login-card-min-width);max-width:var(--dig-ui-login-card-max-width);border-radius:var(--dig-ui-login-card-border-radius);border:var(--dig-ui-login-card-border-width) solid var(--dig-ui-login-card-border-color);background-color:var(--dig-ui-login-card-background-color);box-shadow:var(--dig-ui-login-card-box-shadow)}::slotted([slot=logo]){height:var(--dig-ui-login-card-image-height);padding:var(--dig-ui-login-card-image-padding)}::slotted([slot=links]){padding:var(--dig-ui-login-card-links-padding);grid-gap:var(--dig-ui-login-card-links-gap);display:grid;font-size:var(--dig-ui-login-card-links-font-size)}@media screen and (max-width:600px){:host{background-color:var(--dig-ui-login-card-background-color)}:host .login-card{padding:var(--dig-ui-login-card-mobile-padding);margin:0;border:0;min-width:calc(100vw - 80px);box-shadow:none}}@media screen and (max-width:400px){:host .login-card{min-width:calc(100vw - 40px)}}`},function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(33),e)},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiCollapsible=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(34));let l=class extends a.LitElement{constructor(){super(...arguments),this.title="",this.hidden=!0}toggleHidden(){this.hidden=!this.hidden}render(){return a.html` <div
class="dig-ui-collapsible-title ${n.classMap({hidden:this.hidden})}"
@click="${this.toggleHidden}"
>
${this.title}
</div>
<div
class="dig-ui-collapsible-content ${n.classMap({hidden:this.hidden})}"
>
<slot></slot>
</div>`}};l.styles=a.css`
${s.default}
${d.default}
`,o([a.property({type:String})],l.prototype,"title",void 0),o([a.property({type:Boolean})],l.prototype,"hidden",void 0),l=o([a.customElement("dig-ui-collapsible")],l),e.DigUiCollapsible=l},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.css`@-webkit-keyframes uncollapsecontent{0%{opacity:0;max-height:0%}to{opacity:1;max-height:100%}}@keyframes uncollapsecontent{0%{opacity:0;max-height:0%}to{opacity:1;max-height:100%}}:host{--dig-ui-collapsible-border-radius:6px;--dig-ui-collapsible-title-bottom-border-color:rgba(0,0,0,0.125);--dig-ui-collapsible-background:rgba(0,0,255,0.0365);--dig-ui-collapsible-title-hover-background:rgba(0,0,255,0.0665);--dig-ui-collapsible-content-border-color:rgba(0,0,0,0.25);--dig-ui-collapsible-title-vertical-padding:5px;--dig-ui-collapsible-content-padding:5px;--dig-ui-collapsible-animation-duration:0.5s;--dig-ui-collapsible-arrow-animation-duration:0.2s;--dig-ui-collapsible-title-height:40px}:host .dig-ui-collapsible-title{border-top-left-radius:var(--dig-ui-collapsible-border-radius);border-top-right-radius:var(--dig-ui-collapsible-border-radius);border:1px solid var(--dig-ui-collapsible-content-border-color);background-color:var(--dig-ui-collapsible-background);cursor:pointer;width:100%;text-align:center;padding-top:var(--dig-ui-collapsible-title-vertical-padding);padding-bottom:var(--dig-ui-collapsible-title-vertical-padding);box-sizing:border-box;height:var(--dig-ui-collapsible-title-height);display:flex;align-items:center;flex-flow:column;justify-content:center;position:relative}.dig-ui-collapsible-title:after{content:"▾";position:absolute;right:10px;transition:transform var(--dig-ui-collapsible-arrow-animation-duration) ease-out}.dig-ui-collapsible-title:not(.hidden):after{transform:rotate(180deg)}:host .dig-ui-collapsible-title:hover{background:var(--dig-ui-collapsible-title-hover-background)}:host .dig-ui-collapsible-title:not(.hidden){border-bottom-color:var(--dig-ui-collapsible-title-bottom-border-color)}:host .dig-ui-collapsible-content{border-bottom-left-radius:var(--dig-ui-collapsible-border-radius);border-bottom-right-radius:var(--dig-ui-collapsible-border-radius);border:1px solid var(--dig-ui-collapsible-content-border-color);border-top:none;width:100%;padding:var(--dig-ui-collapsible-content-padding);box-sizing:border-box}:host .dig-ui-collapsible-content.hidden{display:none}:host .dig-ui-collapsible-content:not(.hidden){-webkit-animation-name:uncollapsecontent;animation-name:uncollapsecontent;-webkit-animation-duration:var(--dig-ui-collapsible-animation-duration);animation-duration:var(--dig-ui-collapsible-animation-duration);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}`},function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i),Object.defineProperty(t,o,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),r(i(36),e)},function(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIcon=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(37)),l=i(3);i(38),i(40),i(42),i(44),i(46),i(48),i(50),i(52),i(54),i(56),i(58),i(60),i(62);let c=class extends a.LitElement{constructor(){super(...arguments),this.animation=!0,this.focused=!1,this.hovered=!1,this.type=l.IconType.ADD}render(){var t,e,i,o,r,s,d,c,u,g,h,p,f,v;return a.html`
<button
class="dig-ui-icon ${n.classMap({animation:this.animation,[null===(t=this.type)||void 0===t?void 0:t.toLowerCase()]:!0})}"
@focus="${()=>this.focused=!0}"
@blur="${()=>this.focused=!1}"
@mouseenter="${()=>this.hovered=!0}"
@mouseleave="${()=>this.hovered=!1}"
>
${(null===(e=this.type)||void 0===e?void 0:e.toUpperCase())===l.IconType.ADD?a.html`<dig-ui-icon-add
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-add>`:(null===(i=this.type)||void 0===i?void 0:i.toUpperCase())===l.IconType.CLOSE?a.html`<dig-ui-icon-close
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-close>`:(null===(o=this.type)||void 0===o?void 0:o.toUpperCase())===l.IconType.COPY?a.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?a.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?a.html`<dig-ui-icon-download
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-download>`:(null===(d=this.type)||void 0===d?void 0:d.toUpperCase())===l.IconType.EDIT?a.html`<dig-ui-icon-edit
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-edit>`:(null===(c=this.type)||void 0===c?void 0:c.toUpperCase())===l.IconType.HEART?a.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?a.html`<dig-ui-icon-letter
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-letter>`:(null===(g=this.type)||void 0===g?void 0:g.toUpperCase())===l.IconType.SHOW?a.html`<dig-ui-icon-show
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-show>`:(null===(h=this.type)||void 0===h?void 0:h.toUpperCase())===l.IconType.HIDE?a.html`<dig-ui-icon-hide
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-hide>`:(null===(p=this.type)||void 0===p?void 0:p.toUpperCase())===l.IconType.SUN?a.html`<dig-ui-icon-sun
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-sun>`:(null===(f=this.type)||void 0===f?void 0:f.toUpperCase())===l.IconType.MOON?a.html`<dig-ui-icon-moon
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-moon>`:(null===(v=this.type)||void 0===v?void 0:v.toUpperCase())===l.IconType.UPLOAD?a.html`<dig-ui-icon-upload
.animation="${this.animation}"
.focused="${this.focused}"
.hovered="${this.hovered}"
></dig-ui-icon-upload>`:a.html``}
</button>
`}};c.styles=a.css`
${s.default}
${d.default}
`,o([a.property({type:Boolean})],c.prototype,"animation",void 0),o([a.property({type:Boolean})],c.prototype,"focused",void 0),o([a.property({type:Boolean})],c.prototype,"hovered",void 0),o([a.property({type:String})],c.prototype,"type",void 0),c=o([a.customElement("dig-ui-icon")],c),e.DigUiIcon=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconAdd=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(39)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="plus ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-add")],c),e.DigUiIconAdd=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconClose=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(41)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="cross ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-close")],c),e.DigUiIconClose=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconCopy=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(43)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="copy ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-copy")],c),e.DigUiIconCopy=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconDelete=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(45)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="trash ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-delete")],c),e.DigUiIconDelete=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconDownload=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(47)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="download ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-download")],c),e.DigUiIconDownload=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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(t,e,i){"use strict";var o=this&&this.__decorate||function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiIconEdit=void 0;const a=i(0),n=i(2),s=r(i(1)),d=r(i(49)),l=i(3);let c=class extends l.DigUiIconButton{render(){return a.svg`
<svg class="pencil ${n.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>
`}};c.styles=a.css`
${s.default}
${d.default}
`,c=o([a.customElement("dig-ui-icon-edit")],c),e.DigUiIconEdit=c},function(t,e,i){"use strict";i.r(e);var o=i(0);e.default=o.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