@umbraco-ui/uui 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +28 -0
  2. package/dist/uui.min.js +2 -2
  3. package/dist/uui.min.js.map +1 -1
  4. package/package.json +21 -21
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # uui
2
2
 
3
+ ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui?logoColor=%231B264F)
4
+
3
5
  The full Umbraco UI Library. The package includes and registers all UUI Web Components.
4
6
 
5
7
  ## Installation
@@ -27,3 +29,29 @@ The component is available via CDN. This means it can be added to your applicati
27
29
  <!-- Specific version -->
28
30
  <script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui@X.X.X/dist/uui.min.js"></script>
29
31
  ```
32
+
33
+ ### Included components
34
+
35
+ | Component | Status |
36
+ | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ |
37
+ | [`<uui-avatar-group>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-avatar-group) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-avatar-group?logoColor=%231B264F) |
38
+ | [`<uui-avatar>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-avatar) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-avatar?logoColor=%231B264F) |
39
+ | [`<uui-badge>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-badge) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-badge?logoColor=%231B264F) |
40
+ | [`uui-base`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-base) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-base?logoColor=%231B264F) |
41
+ | [`<uui-box>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-box) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-box?logoColor=%231B264F) |
42
+ | [`<uui-breadcrumbs>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-breadcrumbs) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-breadcrumbs?logoColor=%231B264F) |
43
+ | [`<uui-button>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-button) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-button?logoColor=%231B264F) |
44
+ | [`<uui-button-group>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-button-group) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-button-group?logoColor=%231B264F) |
45
+ | [`<uui-checkbox>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-checkbox) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-checkbox?logoColor=%231B264F) |
46
+ | [`<uui-input>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-input) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-input?logoColor=%231B264F) |
47
+ | [`<uui-keyboard-shortcut>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-keyboard-shortcut) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-keyboard-shortcut?logoColor=%231B264F) |
48
+ | [`<uui-loader>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-loader) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-loader?logoColor=%231B264F) |
49
+ | [`<uui-loader-bar>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-loader-bar) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-loader-bar?logoColor=%231B264F) |
50
+ | [`<uui-loader-circle>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-loader-circle) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-loader-circle?logoColor=%231B264F) |
51
+ | [`<uui-radio>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-radio) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-radio?logoColor=%231B264F) |
52
+ | [`<uui-slider>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-slider) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-slider?logoColor=%231B264F) |
53
+ | [`<uui-table>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-table) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-table?logoColor=%231B264F) |
54
+ | [`<uui-tabs>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-tabs) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-tabs?logoColor=%231B264F) |
55
+ | [`<uui-tag>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-tag) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-tag?logoColor=%231B264F) |
56
+ | [`<uui-toggle>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-toggle) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-toggle?logoColor=%231B264F) |
57
+ | [`uui` bundle package](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui) | ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui?logoColor=%231B264F) |
package/dist/uui.min.js CHANGED
@@ -34,9 +34,9 @@ var ao=Object.defineProperty,no=Object.defineProperties;var lo=Object.getOwnProp
34
34
  * @license
35
35
  * Copyright 2017 Google LLC
36
36
  * SPDX-License-Identifier: BSD-3-Clause
37
- */var we,Ee,Ae;class b extends L{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=Ut(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!1)}render(){return I}}b.finalized=!0,b._$litElement$=!0,(we=globalThis.litElementHydrateSupport)===null||we===void 0||we.call(globalThis,{LitElement:b}),(Ee=globalThis.litElementPolyfillSupport)===null||Ee===void 0||Ee.call(globalThis,{LitElement:b}),((Ae=globalThis.litElementVersions)!==null&&Ae!==void 0?Ae:globalThis.litElementVersions=[]).push("3.0.0");const p=(i,e,t)=>{if(i.indexOf("-")>0===!1){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(i)?console.error(`${i} is already defined`):customElements.define(i,e,t)};var Rt=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,K=(i,e,t,o)=>{for(var r=o>1?void 0:o?jt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Rt(e,t,r),r};class T extends b{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._title="",this.initials=""}get title(){return this._title}set title(e){const t=this._title;this._title=e,this.initials=this.createInitials(this._title),this.requestUpdate("title",t)}createInitials(e){let t="";const o=(e||"").split(" ");return t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.title}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}}T.styles=[c`:host{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;font-weight:700;width:2em;height:2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--uui-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],K([n({type:Boolean,attribute:!0,reflect:!0})],T.prototype,"overflow",2),K([n({type:String,attribute:"img-src"})],T.prototype,"imgSrc",2),K([n({type:String,attribute:"img-srcset"})],T.prototype,"imgSrcset",2),K([n({type:String})],T.prototype,"title",1),K([f()],T.prototype,"initials",2),p("uui-avatar",T);var Bt=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,ie=(i,e,t,o)=>{for(var r=o>1?void 0:o?Mt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Bt(e,t,r),r};class B extends b{constructor(){super(...arguments);this.limit=0,this.avatarArray=[]}firstUpdated(){this.setAvatarArray()}updated(e){e.has("limit")&&this.updateAvatarVisibility()}updateAvatarVisibility(){this.avatarArray.forEach((e,t)=>{const o=t+1;e.style.border="0.1em solid var(--uui-avatar-border-color)",e.style.display=o<=this.limit||this.limit===0?"":"none"})}onSlotChange(){this.setAvatarArray(),this.updateAvatarVisibility()}setAvatarArray(){this.avatarArray=this.avatarNodes?this.avatarNodes:[]}shouldShowLimitNumber(){return this.limit!==0&&this.avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>${this.shouldShowLimitNumber()?l`<small id="overflow-indication">+${this.avatarArray.length-this.limit}</small>`:""}`}}B.styles=[c`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar),uui-avatar{margin-left:-.2em;margin-right:-.2em}#overflow-indication{margin-left:6px}`],ie([D("slot")],B.prototype,"avatarsSlot",2),ie([ee(void 0,!0,"uui-avatar")],B.prototype,"avatarNodes",2),ie([n({type:Number,attribute:!0})],B.prototype,"limit",2),ie([f()],B.prototype,"avatarArray",2),p("uui-avatar-group",B);var Vt=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,qt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Vt(e,t,r),r};class Ce extends b{constructor(){super(...arguments);this.look="danger"}render(){return l`<slot></slot>`}}Ce.styles=[c`:host{position:absolute;padding:3px 5px;--uui-badge-inset:-8px -8px auto auto;inset:var(--uui-badge-inset);text-align:center;font-size:12px;line-height:16px;font-weight:900;margin-right:0!important;min-width:var(--uui-size-4,12px);min-height:var(--uui-size-4,12px);border-width:var(--uui-badge-border-width,1px);border-style:solid;border-color:var(--uui-badge-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-size-4,12px);background-color:var(--uui-badge-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-badge-contrast,var(--uui-interface-contrast,#060606));display:flex;justify-content:center;align-items:center}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-primary-border-style,solid));border-color:var(--uui-look-primary-border,#1b264f)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-secondary-border-style,solid));border-color:var(--uui-look-secondary-border,#e2dad4)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-outline-border-style,solid));border-color:var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-placeholder-border-style,dashed));border-color:var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-positive-border-style,solid));border-color:var(--uui-look-positive-border,#25aa60)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-badge-border-style,var(--uui-look-warning-border-style,solid));border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-danger-border-style,solid));border-color:var(--uui-look-danger-border,#d42054)}`],qt([n({type:String,reflect:!0})],Ce.prototype,"look",2),p("uui-badge",Ce);class tt extends b{render(){return l`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}tt.styles=[c`:host{display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4)}::slotted([slot=header]),::slotted([slot=main]){padding:var(--uui-size-3,9px)}`],p("uui-box",tt);var Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,rt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gt(e,t,r),r};class se extends b{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return l`${this.lastItem?l`<span id="last-item"><slot></slot></span>`:l`<a id="link" href="${this.href}"><slot></slot></a>`}<span part="separator"></span>`}}se.styles=[c`:host{font-size:var(--uui-size-4,12px);color:currentColor}a,a:visited{color:currentColor}:host(:last-of-type) [part=separator],:host([last-item]) [part=separator]{display:none}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-interface-border,#c4c4c4)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],rt([n()],se.prototype,"href",2),rt([n({type:Boolean,attribute:"last-item"})],se.prototype,"lastItem",2);var Ft=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,Zt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Kt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ft(e,t,r),r};class Se extends b{_setLastItem(){this._breadcrumbs&&(this._breadcrumbs[this._breadcrumbs.length-1].lastItem=!0,this._breadcrumbs[this._breadcrumbs.length-1].setAttribute("aria-current","page"))}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this._setLastItem}"></slot></ol>`}}Se.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}`],Zt([ee(void 0,!0,"uui-breadcrumb-item")],Se.prototype,"_breadcrumbs",2),p("uui-breadcrumb-item",se),p("uui-breadcrumbs",Se),c`@-webkit-keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,te("uui-blink 0.9s infinite both");const Jt=c`@-webkit-keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,ot=te("pulse 0.8s ease-in-out infinite both"),ae=c`@-webkit-keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,P=te("uui-horizontal-shake 600ms ease backwards");var Yt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,er=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Yt(e,t,r),r};const tr=i=>{class e extends i{constructor(){super(...arguments);this.active=!1}}return er([n({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var rr=Object.defineProperty,or=Object.getOwnPropertyDescriptor,it=(i,e,t,o)=>{for(var r=o>1?void 0:o?or(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rr(e,t,r),r};const ne=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}labelSlotChanged(r){this.labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`${this.labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this.labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return it([n({type:String})],t.prototype,"label",2),it([f()],t.prototype,"labelSlotHasContent",2),t};var ir=Object.defineProperty,sr=Object.getOwnPropertyDescriptor,st=(i,e,t,o)=>{for(var r=o>1?void 0:o?sr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ir(e,t,r),r};const ar=i=>{class e extends i{constructor(){super(...arguments);this._selectable=!1,this.selected=!1}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}}return st([n({type:Boolean,reflect:!0})],e.prototype,"selectable",1),st([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),e},at="",nr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,lr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;var ur=Object.defineProperty,dr=Object.getOwnPropertyDescriptor,le=(i,e,t,o)=>{for(var r=o>1?void 0:o?dr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ur(e,t,r),r};class M extends ne("label",b){constructor(){super();this.disabled=!1,this.look=at,this.compact=!1,this.state=null,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}connectedCallback(){super.connectedCallback(),customElements.get("uui-loader")||console.warn("To properly render the waiting state, the uui-loader element has to be registered")}updated(e){e.has("state")&&(this.disabled=!!this.state,(this.state==="success"||this.state==="failed")&&setTimeout(()=>this.state=null,2e3))}_renderState(){let e=l``;switch(this.state){case"waiting":e=l`<uui-loader-circle size="m"></uui-loader-circle>`;break;case"success":e=l`<div id="icon-check">${nr}</div>`;break;case"failed":e=l`<div id="icon-wrong">${lr}</div>`;break;default:return""}return l`<div id="state">${e}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderState()}<slot name="badge"></slot><slot id="main-slot"></slot></button>`}}M.styles=[ae,c`:host{position:relative;display:inline-block;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-slot-padding-l-factor:3;--uui-button-slot-padding-r-factor:3;background-color:var(--uui-interface-surface,#fefefe)}:host([compact]){--uui-button-slot-padding-l-factor:1;--uui-button-slot-padding-r-factor:1}:host([state]:not([state=''])) #main-slot{visibility:hidden}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}button{height:100%;min-height:var(--uui-button-height,calc(var(--uui-button-base-unit,var(--uui-size-2,6px)) * 6));width:100%;padding:0;text-align:center;vertical-align:middle;box-shadow:none;border-width:var(--uui-button-border-width,1px);border-style:solid;border-color:var(--uui-button-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;font-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400));font-size:inherit;font-family:inherit;background-color:var(--uui-button-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-button-contrast,var(--uui-interface-contrast,#060606));transition:background-color 80ms,border-color 80ms,color 80ms}button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-interface-surface-hover,#fafafa));border-color:var(--uui-button-border-color-hover,var(--uui-interface-surface-hover,#fafafa));color:var(--uui-button-contrast-hover,var(--uui-interface-contrast-hover,#1b264f))}button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{-webkit-animation:${P};animation:${P}}button{padding:0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-r-factor))) 0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-l-factor)))}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host([look=primary]) button{background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-primary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-primary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-primary-border,#1b264f);font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button:hover{background-color:var(--uui-look-primary-surface-hover,#3544b1);color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-look-primary-border-hover,#3544b1)}:host([look=primary]) button[disabled]{background-color:var(--uui-look-primary-surface-disabled,#737882);color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-look-primary-border-disabled,#737882)}:host([look=secondary]) button{background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-secondary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-secondary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-secondary-border,#e2dad4);font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button:hover{background-color:var(--uui-look-secondary-surface-hover,#f3efed);color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-look-secondary-border-hover,#f3efed)}:host([look=secondary]) button[disabled]{background-color:var(--uui-look-secondary-surface-disabled,#cfcfcf);color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-look-secondary-border-disabled,#cfcfcf)}:host([look=outline]) button{background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-outline-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-outline-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-outline-border,#1b264f);font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button:hover{background-color:var(--uui-look-outline-surface-hover,transparent);color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-look-outline-border-hover,#3544b1)}:host([look=outline]) button[disabled]{background-color:var(--uui-look-outline-surface-disabled,transparent);color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-look-outline-border-disabled,#6a759a)}:host([look=placeholder]) button{background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-placeholder-border-style,dashed));border-radius:var(--uui-button-border-radius,var(--uui-look-placeholder-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-placeholder-border,#1b264f);font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button:hover{background-color:var(--uui-look-placeholder-surface-hover,transparent);color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-look-placeholder-border-hover,#3544b1)}:host([look=placeholder]) button[disabled]{background-color:var(--uui-look-placeholder-surface-disabled,transparent);color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-look-placeholder-border-disabled,#6a759a)}:host([look=positive]) button{background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-positive-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-positive-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-positive-border,#25aa60);font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button:hover{background-color:var(--uui-look-positive-surface-hover,#2bc570);color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-look-positive-border-hover,#2bc570)}:host([look=positive]) button[disabled]{background-color:var(--uui-look-positive-surface-disabled,#597566);color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-look-positive-border-disabled,#597566)}:host([look=warning]) button{background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-button-border-style,var(--uui-look-warning-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-warning-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-warning-border,#fad634);font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button:hover{background-color:var(--uui-look-warning-surface-hover,#fbe065);color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-look-warning-border-hover,#fbe065)}:host([look=warning]) button[disabled]{background-color:var(--uui-look-warning-surface-disabled,#a6a085);color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-look-warning-border-disabled,#a6a085)}:host([look=danger]) button{background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-danger-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-danger-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-danger-border,#d42054);font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button:hover{background-color:var(--uui-look-danger-surface-hover,#e23c6b);color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-look-danger-border-hover,#e23c6b)}:host([look=danger]) button[disabled]{background-color:var(--uui-look-danger-surface-disabled,#856b72);color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-look-danger-border-disabled,#856b72)}`],le([n({type:Boolean,reflect:!0})],M.prototype,"disabled",2),le([n({reflect:!0})],M.prototype,"look",2),le([n({type:Boolean,reflect:!0})],M.prototype,"compact",2),le([n({type:String,reflect:!0})],M.prototype,"state",2),p("uui-button",M);class nt extends b{render(){return l`<slot></slot>`}}nt.styles=[c`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted(:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-dropdown){--uui-dropdown-toggle-slot-button-border-radius:0}::slotted(uui-dropdown:not(:first-child)){--uui-dropdown-toggle-slot-button-merge-border-left:1}::slotted(uui-dropdown:first-child){--uui-dropdown-toggle-slot-button-border-radius:var(
37
+ */var we,Ee,Ae;class b extends L{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=Ut(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!1)}render(){return I}}b.finalized=!0,b._$litElement$=!0,(we=globalThis.litElementHydrateSupport)===null||we===void 0||we.call(globalThis,{LitElement:b}),(Ee=globalThis.litElementPolyfillSupport)===null||Ee===void 0||Ee.call(globalThis,{LitElement:b}),((Ae=globalThis.litElementVersions)!==null&&Ae!==void 0?Ae:globalThis.litElementVersions=[]).push("3.0.0");const p=(i,e,t)=>{if(i.indexOf("-")>0===!1){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(i)?console.error(`${i} is already defined`):customElements.define(i,e,t)};var Rt=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,K=(i,e,t,o)=>{for(var r=o>1?void 0:o?jt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Rt(e,t,r),r};class T extends b{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._title="",this.initials=""}get title(){return this._title}set title(e){const t=this._title;this._title=e,this.initials=this.createInitials(this._title),this.requestUpdate("title",t)}createInitials(e){let t="";const o=(e||"").split(" ");return t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.title}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}}T.styles=[c`:host{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;font-weight:700;width:2em;height:2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--uui-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],K([n({type:Boolean,attribute:!0,reflect:!0})],T.prototype,"overflow",2),K([n({type:String,attribute:"img-src"})],T.prototype,"imgSrc",2),K([n({type:String,attribute:"img-srcset"})],T.prototype,"imgSrcset",2),K([n({type:String})],T.prototype,"title",1),K([f()],T.prototype,"initials",2),p("uui-avatar",T);var Bt=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,ie=(i,e,t,o)=>{for(var r=o>1?void 0:o?Mt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Bt(e,t,r),r};class B extends b{constructor(){super(...arguments);this.limit=0,this.avatarArray=[]}firstUpdated(){this.setAvatarArray()}updated(e){e.has("limit")&&this.updateAvatarVisibility()}updateAvatarVisibility(){this.avatarArray.forEach((e,t)=>{const o=t+1;e.style.border="0.1em solid var(--uui-avatar-border-color)",e.style.display=o<=this.limit||this.limit===0?"":"none"})}onSlotChange(){this.setAvatarArray(),this.updateAvatarVisibility()}setAvatarArray(){this.avatarArray=this.avatarNodes?this.avatarNodes:[]}shouldShowLimitNumber(){return this.limit!==0&&this.avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>${this.shouldShowLimitNumber()?l`<small id="overflow-indication">+${this.avatarArray.length-this.limit}</small>`:""}`}}B.styles=[c`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar),uui-avatar{margin-left:-.2em;margin-right:-.2em}#overflow-indication{margin-left:6px}`],ie([D("slot")],B.prototype,"avatarsSlot",2),ie([ee(void 0,!0,"uui-avatar")],B.prototype,"avatarNodes",2),ie([n({type:Number,attribute:!0})],B.prototype,"limit",2),ie([f()],B.prototype,"avatarArray",2),p("uui-avatar-group",B);var Vt=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,qt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Vt(e,t,r),r};class Ce extends b{constructor(){super(...arguments);this.look="danger"}render(){return l`<slot></slot>`}}Ce.styles=[c`:host{position:absolute;padding:3px 5px;--uui-badge-inset:-8px -8px auto auto;inset:var(--uui-badge-inset);text-align:center;font-size:12px;line-height:16px;font-weight:900;margin-right:0!important;min-width:var(--uui-size-4,12px);min-height:var(--uui-size-4,12px);border-width:var(--uui-badge-border-width,1px);border-style:solid;border-color:var(--uui-badge-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-size-4,12px);background-color:var(--uui-badge-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-badge-contrast,var(--uui-interface-contrast,#060606));display:flex;justify-content:center;align-items:center}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-primary-border-style,solid));border-color:var(--uui-look-primary-border,#1b264f)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-secondary-border-style,solid));border-color:var(--uui-look-secondary-border,#e2dad4)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-outline-border-style,solid));border-color:var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-placeholder-border-style,dashed));border-color:var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-positive-border-style,solid));border-color:var(--uui-look-positive-border,#25aa60)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-badge-border-style,var(--uui-look-warning-border-style,solid));border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-danger-border-style,solid));border-color:var(--uui-look-danger-border,#d42054)}`],qt([n({type:String,reflect:!0})],Ce.prototype,"look",2),p("uui-badge",Ce);class tt extends b{render(){return l`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}tt.styles=[c`:host{display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4)}::slotted([slot=header]),::slotted([slot=main]){padding:var(--uui-size-3,9px)}`],p("uui-box",tt);var Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,rt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gt(e,t,r),r};class se extends b{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return l`${this.lastItem?l`<span id="last-item"><slot></slot></span>`:l`<a id="link" href="${this.href}"><slot></slot></a>`}<span part="separator"></span>`}}se.styles=[c`:host{font-size:var(--uui-size-4,12px);color:currentColor}a,a:visited{color:currentColor}:host(:last-of-type) [part=separator],:host([last-item]) [part=separator]{display:none}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-interface-border,#c4c4c4)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],rt([n()],se.prototype,"href",2),rt([n({type:Boolean,attribute:"last-item"})],se.prototype,"lastItem",2);var Ft=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,Zt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Kt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ft(e,t,r),r};class Se extends b{_setLastItem(){this._breadcrumbs&&(this._breadcrumbs[this._breadcrumbs.length-1].lastItem=!0,this._breadcrumbs[this._breadcrumbs.length-1].setAttribute("aria-current","page"))}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this._setLastItem}"></slot></ol>`}}Se.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}`],Zt([ee(void 0,!0,"uui-breadcrumb-item")],Se.prototype,"_breadcrumbs",2),p("uui-breadcrumb-item",se),p("uui-breadcrumbs",Se),c`@-webkit-keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,te("uui-blink 0.9s infinite both");const Jt=c`@-webkit-keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,ot=te("pulse 0.8s ease-in-out infinite both"),ae=c`@-webkit-keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,P=te("uui-horizontal-shake 600ms ease backwards");var Yt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,er=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Yt(e,t,r),r};const tr=i=>{class e extends i{constructor(){super(...arguments);this.active=!1}}return er([n({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var rr=Object.defineProperty,or=Object.getOwnPropertyDescriptor,it=(i,e,t,o)=>{for(var r=o>1?void 0:o?or(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rr(e,t,r),r};const ne=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}labelSlotChanged(r){this.labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`${this.labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this.labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return it([n({type:String})],t.prototype,"label",2),it([f()],t.prototype,"labelSlotHasContent",2),t};var ir=Object.defineProperty,sr=Object.getOwnPropertyDescriptor,st=(i,e,t,o)=>{for(var r=o>1?void 0:o?sr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ir(e,t,r),r};const ar=i=>{class e extends i{constructor(){super(...arguments);this._selectable=!1,this.selected=!1}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}}return st([n({type:Boolean,reflect:!0})],e.prototype,"selectable",1),st([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),e},at="",nr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,lr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;var ur=Object.defineProperty,dr=Object.getOwnPropertyDescriptor,le=(i,e,t,o)=>{for(var r=o>1?void 0:o?dr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ur(e,t,r),r};class M extends ne("label",b){constructor(){super();this.disabled=!1,this.look=at,this.compact=!1,this.state=null,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}connectedCallback(){super.connectedCallback(),customElements.get("uui-loader-circle")||console.warn("To properly render the waiting state, the uui-loader-circle element has to be registered")}updated(e){e.has("state")&&(this.disabled=!!this.state,(this.state==="success"||this.state==="failed")&&setTimeout(()=>this.state=null,2e3))}_renderState(){let e=l``;switch(this.state){case"waiting":e=l`<uui-loader-circle size="m"></uui-loader-circle>`;break;case"success":e=l`<div id="icon-check">${nr}</div>`;break;case"failed":e=l`<div id="icon-wrong">${lr}</div>`;break;default:return""}return l`<div id="state">${e}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderState()}<slot name="badge"></slot><slot id="main-slot"></slot></button>`}}M.styles=[ae,c`:host{position:relative;display:inline-block;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-slot-padding-l-factor:3;--uui-button-slot-padding-r-factor:3;background-color:var(--uui-interface-surface,#fefefe)}:host([compact]){--uui-button-slot-padding-l-factor:1;--uui-button-slot-padding-r-factor:1}:host([state]:not([state=''])) #main-slot{visibility:hidden}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}button{height:100%;min-height:var(--uui-button-height,calc(var(--uui-button-base-unit,var(--uui-size-2,6px)) * 6));width:100%;padding:0;text-align:center;vertical-align:middle;box-shadow:none;border-width:var(--uui-button-border-width,1px);border-style:solid;border-color:var(--uui-button-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;font-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400));font-size:inherit;font-family:inherit;background-color:var(--uui-button-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-button-contrast,var(--uui-interface-contrast,#060606));transition:background-color 80ms,border-color 80ms,color 80ms}button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-interface-surface-hover,#fafafa));border-color:var(--uui-button-border-color-hover,var(--uui-interface-surface-hover,#fafafa));color:var(--uui-button-contrast-hover,var(--uui-interface-contrast-hover,#1b264f))}button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{-webkit-animation:${P};animation:${P}}button{padding:0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-r-factor))) 0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-l-factor)))}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host([look=primary]) button{background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-primary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-primary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-primary-border,#1b264f);font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button:hover{background-color:var(--uui-look-primary-surface-hover,#3544b1);color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-look-primary-border-hover,#3544b1)}:host([look=primary]) button[disabled]{background-color:var(--uui-look-primary-surface-disabled,#737882);color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-look-primary-border-disabled,#737882)}:host([look=secondary]) button{background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-secondary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-secondary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-secondary-border,#e2dad4);font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button:hover{background-color:var(--uui-look-secondary-surface-hover,#f3efed);color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-look-secondary-border-hover,#f3efed)}:host([look=secondary]) button[disabled]{background-color:var(--uui-look-secondary-surface-disabled,#cfcfcf);color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-look-secondary-border-disabled,#cfcfcf)}:host([look=outline]) button{background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-outline-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-outline-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-outline-border,#1b264f);font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button:hover{background-color:var(--uui-look-outline-surface-hover,transparent);color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-look-outline-border-hover,#3544b1)}:host([look=outline]) button[disabled]{background-color:var(--uui-look-outline-surface-disabled,transparent);color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-look-outline-border-disabled,#6a759a)}:host([look=placeholder]) button{background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-placeholder-border-style,dashed));border-radius:var(--uui-button-border-radius,var(--uui-look-placeholder-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-placeholder-border,#1b264f);font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button:hover{background-color:var(--uui-look-placeholder-surface-hover,transparent);color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-look-placeholder-border-hover,#3544b1)}:host([look=placeholder]) button[disabled]{background-color:var(--uui-look-placeholder-surface-disabled,transparent);color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-look-placeholder-border-disabled,#6a759a)}:host([look=positive]) button{background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-positive-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-positive-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-positive-border,#25aa60);font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button:hover{background-color:var(--uui-look-positive-surface-hover,#2bc570);color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-look-positive-border-hover,#2bc570)}:host([look=positive]) button[disabled]{background-color:var(--uui-look-positive-surface-disabled,#597566);color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-look-positive-border-disabled,#597566)}:host([look=warning]) button{background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-button-border-style,var(--uui-look-warning-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-warning-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-warning-border,#fad634);font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button:hover{background-color:var(--uui-look-warning-surface-hover,#fbe065);color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-look-warning-border-hover,#fbe065)}:host([look=warning]) button[disabled]{background-color:var(--uui-look-warning-surface-disabled,#a6a085);color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-look-warning-border-disabled,#a6a085)}:host([look=danger]) button{background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-danger-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-danger-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-look-danger-border,#d42054);font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button:hover{background-color:var(--uui-look-danger-surface-hover,#e23c6b);color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-look-danger-border-hover,#e23c6b)}:host([look=danger]) button[disabled]{background-color:var(--uui-look-danger-surface-disabled,#856b72);color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-look-danger-border-disabled,#856b72)}`],le([n({type:Boolean,reflect:!0})],M.prototype,"disabled",2),le([n({reflect:!0})],M.prototype,"look",2),le([n({type:Boolean,reflect:!0})],M.prototype,"compact",2),le([n({type:String,reflect:!0})],M.prototype,"state",2),p("uui-button",M);class nt extends b{render(){return l`<slot></slot>`}}nt.styles=[c`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted(:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-dropdown){--uui-dropdown-toggle-slot-button-border-radius:0}::slotted(uui-dropdown:not(:first-child)){--uui-dropdown-toggle-slot-button-merge-border-left:1}::slotted(uui-dropdown:first-child){--uui-dropdown-toggle-slot-button-border-radius:var(
38
38
  --uui-border-radius,3px
39
- ) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],p("uui-button-group",nt);var cr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,lt=(i,e,t,o)=>{for(var r=o>1?void 0:o?hr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&cr(e,t,r),r};const br=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}labelSlotChanged(r){this.labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`${this.labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this.labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return lt([n({type:String})],t.prototype,"label",2),lt([f()],t.prototype,"labelSlotHasContent",2),t};var pr=Object.defineProperty,ut=Object.getOwnPropertySymbols,vr=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,dt=(i,e,t)=>e in i?pr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ct=(i,e)=>{for(var t in e||(e={}))vr.call(e,t)&&dt(i,t,e[t]);if(ut)for(var t of ut(e))fr.call(e,t)&&dt(i,t,e[t]);return i};const ht=class extends Event{constructor(i,e={}){super(i,ct(ct({},ht.defaultInit),e));this.detail=e.detail||{}}};let bt=ht;bt.defaultInit={composed:!0};class Pe extends bt{}Pe.CHANGE="change";var gr=Object.defineProperty,mr=Object.getOwnPropertyDescriptor,z=(i,e,t,o)=>{for(var r=o>1?void 0:o?mr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&gr(e,t,r),r};class _ extends br("",b){constructor(e="checkbox"){super();this._value="on",this.name="",this.labelPosition="right",this.hideLabel=!1,this.error=!1,this._checked=!1,this.disabled=!1,this.inputRole=e,this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}_onInputChange(){this.checked=this._input.checked,this.dispatchEvent(new Pe(Pe.CHANGE,{bubbles:!0}))}render(){return l`<label><input type="checkbox" id="input" ?disabled="${this.disabled}" @change="${this._onInputChange}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.hideLabel===!1?this.renderLabel():""}</label>`}}_.styles=[c`:host{display:inline-block}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],_.formAssociated=!0,z([D("#input")],_.prototype,"_input",2),z([n({type:String})],_.prototype,"value",1),z([n({type:String})],_.prototype,"name",2),z([n({type:String,attribute:"label-position",reflect:!0})],_.prototype,"labelPosition",2),z([n({type:Boolean,attribute:"hide-label",reflect:!0})],_.prototype,"hideLabel",2),z([n({type:Boolean,reflect:!0})],_.prototype,"error",2),z([n({type:Boolean,reflect:!0})],_.prototype,"checked",1),z([n({type:Boolean,reflect:!0})],_.prototype,"disabled",2);const yr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`;class ze extends _{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${yr}</div></div>`}}ze.styles=[..._.styles,ae,c`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-interface-chosen-contrast,#fefefe));background-color:var(--uui-toggle-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-checkbox-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-checkbox-background-color-hover,var(--uui-interface-surface-hover,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-checkbox-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#ticker{border-color:var(--uui-interface-chosen,#1b264f)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-interface-chosen-hover,#26356e)}label:focus input:checked+#ticker{border-color:var(--uui-interface-chosen-focus,#1b264f)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-interface-chosen-contrast,#fefefe);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-interface-chosen,#1b264f);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-interface-chosen-hover,#26356e)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-interface-chosen-focus,#1b264f)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host([error]) #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:focus input:checked+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([disabled]) #ticker{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) #ticker:after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #ticker #icon-check{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #ticker{-webkit-animation:${P};animation:${P}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],ze.formAssociated=!0,p("uui-checkbox",ze);var kr=Object.defineProperty,pt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,xr=Object.prototype.propertyIsEnumerable,vt=(i,e,t)=>e in i?kr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ft=(i,e)=>{for(var t in e||(e={}))_r.call(e,t)&&vt(i,t,e[t]);if(pt)for(var t of pt(e))xr.call(e,t)&&vt(i,t,e[t]);return i};const gt=class extends Event{constructor(i,e={}){super(i,ft(ft({},gt.defaultInit),e));this.detail=e.detail||{}}};let Z=gt;Z.defaultInit={composed:!0};class Oe extends Z{}Oe.CHANGE="change";var $r=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?wr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&$r(e,t,r),r};class $ extends ne("input label",b){constructor(){super();this.placeholder="",this.disabled=!1,this.hideLabel=!1,this._value="",this.name="",this.error=!1,this.type="text",this._internals=this.attachInternals()}get value(){return this._value}set value(e){this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value)}onInput(e){this.value=e.target.value}onChange(){this.dispatchEvent(new Oe(Oe.CHANGE,{bubbles:!0}))}render(){return l`${this.hideLabel===!1?this.renderLabel():""} <input .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this.onInput}" @change="${this.onChange}">`}}$.styles=[c`:host{display:inline-block}input{display:inline-block;height:30px;padding:3px 6px 1px 6px;font-family:inherit;font-size:15px;color:inherit;border-radius:0;box-sizing:border-box;background-color:var(--uui-text-field-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-text-field-border-color,var(--uui-interface-border,#c4c4c4));width:100%;outline:0}input:hover{border-color:var(--uui-text-field-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}input:focus{border-color:var(--uui-text-field-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([invalid]){border-color:var(--uui-color-danger-background)}:host([type=color]){display:inline-flex;align-items:center}:host([type=color]) .label{margin-left:var(--uui-size-2,6px)}input[type=color]{width:30px;padding:0;border:none}input[disabled]{background-color:var(--uui-text-field-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-text-field-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}.label{display:inline-block;margin-bottom:4px;font-weight:700}:host([error]) input{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) input[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],$.formAssociated=!0,O([n()],$.prototype,"placeholder",2),O([n({type:Boolean,reflect:!0})],$.prototype,"disabled",2),O([n({type:Boolean,attribute:"hide-label",reflect:!0})],$.prototype,"hideLabel",2),O([f()],$.prototype,"_value",2),O([n()],$.prototype,"value",1),O([n({type:String})],$.prototype,"name",2),O([n({type:Boolean,reflect:!0})],$.prototype,"error",2),O([n({type:String})],$.prototype,"type",2),p("uui-input",$);var Er=Object.defineProperty,Ar=Object.getOwnPropertyDescriptor,Cr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ar(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Er(e,t,r),r};class Ue extends b{_changeCase(){this.slotNodes!==null&&this.slotNodes.forEach(e=>{var t;e.nodeName==="#text"&&e.nodeValue&&(e.nodeValue=(t=e.nodeValue)==null?void 0:t.toLowerCase())})}render(){return l`<slot @slotchange="${this._changeCase}"></slot>`}}Ue.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-size-4,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}`],Cr([ee()],Ue.prototype,"slotNodes",2);class mt extends b{render(){return l`<slot></slot>`}}mt.styles=[c`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],p("uui-key",Ue),p("uui-keyboard-shortcut",mt);class yt extends b{render(){return l`<div></div><div></div><div></div>`}}yt.styles=[c`div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;-webkit-animation:loaderAnimation 1.4s infinite;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){-webkit-animation-delay:0s;animation-delay:0s}div:nth-child(2n){-webkit-animation-delay:.15s;animation-delay:.15s}div:nth-child(3n){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],p("uui-loader",yt);/**
39
+ ) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],p("uui-button-group",nt);var cr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,lt=(i,e,t,o)=>{for(var r=o>1?void 0:o?hr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&cr(e,t,r),r};const br=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}labelSlotChanged(r){this.labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`${this.labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this.labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return lt([n({type:String})],t.prototype,"label",2),lt([f()],t.prototype,"labelSlotHasContent",2),t};var pr=Object.defineProperty,ut=Object.getOwnPropertySymbols,vr=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,dt=(i,e,t)=>e in i?pr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ct=(i,e)=>{for(var t in e||(e={}))vr.call(e,t)&&dt(i,t,e[t]);if(ut)for(var t of ut(e))fr.call(e,t)&&dt(i,t,e[t]);return i};const ht=class extends Event{constructor(i,e={}){super(i,ct(ct({},ht.defaultInit),e));this.detail=e.detail||{}}};let bt=ht;bt.defaultInit={composed:!0};class Pe extends bt{}Pe.CHANGE="change";var gr=Object.defineProperty,mr=Object.getOwnPropertyDescriptor,z=(i,e,t,o)=>{for(var r=o>1?void 0:o?mr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&gr(e,t,r),r};class _ extends br("",b){constructor(e="checkbox"){super();this._value="on",this.name="",this.labelPosition="right",this.hideLabel=!1,this.error=!1,this._checked=!1,this.disabled=!1,this.inputRole=e,this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}_onInputChange(){this.checked=this._input.checked,this.dispatchEvent(new Pe(Pe.CHANGE,{bubbles:!0}))}render(){return l`<label><input type="checkbox" id="input" ?disabled="${this.disabled}" @change="${this._onInputChange}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.hideLabel===!1?this.renderLabel():""}</label>`}}_.styles=[c`:host{display:inline-block}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],_.formAssociated=!0,z([D("#input")],_.prototype,"_input",2),z([n({type:String})],_.prototype,"value",1),z([n({type:String})],_.prototype,"name",2),z([n({type:String,attribute:"label-position",reflect:!0})],_.prototype,"labelPosition",2),z([n({type:Boolean,attribute:"hide-label",reflect:!0})],_.prototype,"hideLabel",2),z([n({type:Boolean,reflect:!0})],_.prototype,"error",2),z([n({type:Boolean,reflect:!0})],_.prototype,"checked",1),z([n({type:Boolean,reflect:!0})],_.prototype,"disabled",2);const yr=S`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`;class ze extends _{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${yr}</div></div>`}}ze.styles=[..._.styles,ae,c`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-interface-chosen-contrast,#fefefe));background-color:var(--uui-toggle-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-checkbox-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-checkbox-background-color-hover,var(--uui-interface-surface-hover,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-checkbox-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#ticker{border-color:var(--uui-interface-chosen,#1b264f)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-interface-chosen-hover,#26356e)}label:focus input:checked+#ticker{border-color:var(--uui-interface-chosen-focus,#1b264f)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-interface-chosen-contrast,#fefefe);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-interface-chosen,#1b264f);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-interface-chosen-hover,#26356e)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-interface-chosen-focus,#1b264f)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host([error]) #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:focus input:checked+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([disabled]) #ticker{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) #ticker:after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #ticker #icon-check{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #ticker{-webkit-animation:${P};animation:${P}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],ze.formAssociated=!0,p("uui-checkbox",ze);var kr=Object.defineProperty,pt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,xr=Object.prototype.propertyIsEnumerable,vt=(i,e,t)=>e in i?kr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ft=(i,e)=>{for(var t in e||(e={}))_r.call(e,t)&&vt(i,t,e[t]);if(pt)for(var t of pt(e))xr.call(e,t)&&vt(i,t,e[t]);return i};const gt=class extends Event{constructor(i,e={}){super(i,ft(ft({},gt.defaultInit),e));this.detail=e.detail||{}}};let Z=gt;Z.defaultInit={composed:!0};class Oe extends Z{}Oe.CHANGE="change";var $r=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?wr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&$r(e,t,r),r};class $ extends ne("input label",b){constructor(){super();this.placeholder="",this.disabled=!1,this.hideLabel=!1,this._value="",this.name="",this.error=!1,this.type="text",this._internals=this.attachInternals()}get value(){return this._value}set value(e){this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value)}onInput(e){this.value=e.target.value}onChange(){this.dispatchEvent(new Oe(Oe.CHANGE,{bubbles:!0}))}render(){return l`${this.hideLabel===!1?this.renderLabel():""} <input .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this.onInput}" @change="${this.onChange}">`}}$.styles=[c`:host{display:inline-block}input{display:inline-block;height:var(--uui-size-11,33px);padding:var(--uui-size-1,3px) var(--uui-size-2,6px);font-family:inherit;font-size:15px;color:inherit;border-radius:0;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4));width:100%;outline:0}input:hover{border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}input:focus{border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([invalid]){border-color:var(--uui-color-danger-background)}:host([type=color]){display:inline-flex;align-items:center}:host([type=color]) .label{margin-left:var(--uui-size-2,6px)}input[type=color]{width:30px;padding:0;border:none}input[disabled]{background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-input-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}:host([error]) input{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) input[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],$.formAssociated=!0,O([n()],$.prototype,"placeholder",2),O([n({type:Boolean,reflect:!0})],$.prototype,"disabled",2),O([n({type:Boolean,attribute:"hide-label",reflect:!0})],$.prototype,"hideLabel",2),O([f()],$.prototype,"_value",2),O([n()],$.prototype,"value",1),O([n({type:String})],$.prototype,"name",2),O([n({type:Boolean,reflect:!0})],$.prototype,"error",2),O([n({type:String})],$.prototype,"type",2),p("uui-input",$);var Er=Object.defineProperty,Ar=Object.getOwnPropertyDescriptor,Cr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ar(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Er(e,t,r),r};class Ue extends b{_changeCase(){this.slotNodes!==null&&this.slotNodes.forEach(e=>{var t;e.nodeName==="#text"&&e.nodeValue&&(e.nodeValue=(t=e.nodeValue)==null?void 0:t.toLowerCase())})}render(){return l`<slot @slotchange="${this._changeCase}"></slot>`}}Ue.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-size-4,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}`],Cr([ee()],Ue.prototype,"slotNodes",2);class mt extends b{render(){return l`<slot></slot>`}}mt.styles=[c`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],p("uui-key",Ue),p("uui-keyboard-shortcut",mt);class yt extends b{render(){return l`<div></div><div></div><div></div>`}}yt.styles=[c`div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;-webkit-animation:loaderAnimation 1.4s infinite;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){-webkit-animation-delay:0s;animation-delay:0s}div:nth-child(2n){-webkit-animation-delay:.15s;animation-delay:.15s}div:nth-child(3n){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],p("uui-loader",yt);/**
40
40
  * @license
41
41
  * Copyright 2017 Google LLC
42
42
  * SPDX-License-Identifier: BSD-3-Clause