@umbraco-ui/uui 1.10.0-rc.0 → 1.10.0
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.
- package/dist/uui.min.js +2 -2
- package/dist/uui.min.js.map +1 -1
- package/package.json +84 -84
package/dist/uui.min.js
CHANGED
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
* @license
|
|
270
270
|
* Copyright 2018 Google LLC
|
|
271
271
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
272
|
-
*/const $=i=>i??I;let ji=class extends L{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};ji.CLICK="click";var Wu=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,rs=i=>{throw TypeError(i)},rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?qu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wu(e,t,o),o},Ku=(i,e,t)=>e.has(i)||rs("Cannot "+t),Xu=(i,e,t)=>e.has(i)?rs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Vi=(i,e,t)=>(Ku(i,e,"access private method"),t),xt,er,ns,ss;n.UUIButtonInlineCreateElement=class extends v{constructor(){super(...arguments),Xu(this,xt),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new ji(ji.CLICK))}render(){return this.href?Vi(this,xt,ns).call(this):Vi(this,xt,ss).call(this)}},xt=new WeakSet,er=function(){return u`<div id="plus" style="${ve({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}"><svg id="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg></div>`},ns=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${$(this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${Vi(this,xt,er).call(this)}</a>`},ss=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${Vi(this,xt,er).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Hu,b`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${Ru};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],rt([y()],n.UUIButtonInlineCreateElement.prototype,"_position",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),rt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=rt([m("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Yu=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const E=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},as=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const f=d.pageX-c,g=d.pageY-h;e?.onMove&&e.onMove(f,g)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},M=(i,e,t)=>Math.min(Math.max(i,e),t),ls=(i,e,t)=>t+e-i,Zu=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Qu(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const Bi=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Ju=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,ec=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,tc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,tr=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,ic=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,oc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,rc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,nc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,sc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var ac=Object.defineProperty,lc=Object.getOwnPropertyDescriptor,ue=(i,e,t,r)=>{for(var o=r>1?void 0:r?lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ac(e,t,o),o};n.UUIButtonElement=class extends ge(me("",Au(v))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":E(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":E(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${Bi.strings[0]}"></uui-icon>`;break;case"failed":E(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${sc.strings[0]}"></uui-icon>`;break;default:return I}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${$(this.label)}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${$(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Ni,b`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${Di}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary]) #button:focus-visible{outline-offset:2px}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2));font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],ue([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ue([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ue([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ue([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ue([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ue([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ue([l({type:String})],n.UUIButtonElement.prototype,"href",2),ue([l({type:String})],n.UUIButtonElement.prototype,"target",2),ue([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ue([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ue([m("uui-button")],n.UUIButtonElement);let Ct=class extends L{};Ct.OPEN="open";var uc=Object.defineProperty,cc=Object.getOwnPropertyDescriptor,St=(i,e,t,r)=>{for(var o=r>1?void 0:r?cc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&uc(e,t,o),o};n.UUICardElement=class extends Li(Ut(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Ct(Ct.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Ct(Ct.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[b`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],St([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),St([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),St([l({type:String})],n.UUICardElement.prototype,"href",2),St([l({type:String})],n.UUICardElement.prototype,"target",2),St([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=St([m("uui-card")],n.UUICardElement);var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,us=i=>{throw TypeError(i)},Hi=(i,e,t,r)=>{for(var o=r>1?void 0:r?dc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hc(e,t,o),o},pc=(i,e,t)=>e.has(i)||us("Cannot "+t),bc=(i,e,t)=>e.has(i)?us("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),cs=(i,e,t)=>(pc(i,e,"access private method"),t),Ri,hs,ds;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),bc(this,Ri),this.name=""}render(){return u`<div id="portrait" style="${ve({backgroundColor:this.background})}"><slot></slot></div>${this.href?cs(this,Ri,ds).call(this):cs(this,Ri,hs).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},Ri=new WeakSet,hs=function(){return u`<button id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},ds=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,b`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Hi([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Hi([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Hi([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Hi([m("uui-card-block-type")],n.UUICardBlockTypeElement);var mc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,ps=i=>{throw TypeError(i)},ir=(i,e,t,r)=>{for(var o=r>1?void 0:r?gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&mc(e,t,o),o},vc=(i,e,t)=>e.has(i)||ps("Cannot "+t),fc=(i,e,t)=>e.has(i)?ps("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),bs=(i,e,t)=>(vc(i,e,"access private method"),t),Fi,ms,gs;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),fc(this,Fi),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return E(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?bs(this,Fi,gs).call(this):bs(this,Fi,ms).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Fi=new WeakSet,ms=function(){return u`<div id="open-part" tabindex="${this.disabled?I:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},gs=function(){return u`<a id="open-part" tabindex="${this.disabled?I:0}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],ir([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),ir([y()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=ir([m("uui-card-content-node")],n.UUICardContentNodeElement);var yc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,vs=i=>{throw TypeError(i)},Gi=(i,e,t,r)=>{for(var o=r>1?void 0:r?wc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&yc(e,t,o),o},_c=(i,e,t)=>e.has(i)||vs("Cannot "+t),Uc=(i,e,t)=>e.has(i)?vs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),fs=(i,e,t)=>(_c(i,e,"access private method"),t),Wi,ys,ws;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Uc(this,Wi),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),E(this,"uui-symbol-folder"),E(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?fs(this,Wi,ws).call(this):fs(this,Wi,ys).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Wi=new WeakSet,ys=function(){return u`<button id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},ws=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,b`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);text-align:left;word-break:break-word}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Gi([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Gi([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Gi([y()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Gi([m("uui-card-media")],n.UUICardMediaElement);var $c=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,_s=i=>{throw TypeError(i)},or=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ec(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$c(e,t,o),o},kc=(i,e,t)=>e.has(i)||_s("Cannot "+t),Ic=(i,e,t)=>e.has(i)?_s("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Us=(i,e,t)=>(kc(i,e,"access private method"),t),qi,$s,Es;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Ic(this,qi),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Qu(e.target)}}connectedCallback(){super.connectedCallback(),E(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?I:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?Us(this,qi,Es).call(this):Us(this,qi,$s).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},qi=new WeakSet,$s=function(){return u`<div id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Es=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],or([l({type:String})],n.UUICardUserElement.prototype,"name",2),or([y()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=or([m("uui-card-user")],n.UUICardUserElement);var xc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,ks=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xc(e,t,o),o};n.UUICaretElement=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],ks([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=ks([m("uui-caret")],n.UUICaretElement);var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Ac=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sc(e,t,o),o};n.UUICheckboxElement=class extends re{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${this.indeterminate?oc:Bi}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...re.styles,Ni,b`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;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-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker,input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker,label:hover input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker,label:focus input:indeterminate+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);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-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before,label:hover input:indeterminate:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before,input:indeterminate+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check,input:indeterminate+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker,label:focus input:indeterminate+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled],[readonly])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([disabled],[readonly])) label:active input:indeterminate+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:focus input:indeterminate+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine]):invalid) label:hover input:indeterminate:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:focus input:indeterminate+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:indeterminate+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${Di}}:host([disabled]) input:checked+#ticker #icon-check,:host([disabled]) input:indeterminate+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=Ac([m("uui-checkbox")],n.UUICheckboxElement);/**
|
|
272
|
+
*/const $=i=>i??I;let ji=class extends L{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};ji.CLICK="click";var Wu=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,rs=i=>{throw TypeError(i)},rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?qu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wu(e,t,o),o},Ku=(i,e,t)=>e.has(i)||rs("Cannot "+t),Xu=(i,e,t)=>e.has(i)?rs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Vi=(i,e,t)=>(Ku(i,e,"access private method"),t),xt,er,ns,ss;n.UUIButtonInlineCreateElement=class extends v{constructor(){super(...arguments),Xu(this,xt),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new ji(ji.CLICK))}render(){return this.href?Vi(this,xt,ns).call(this):Vi(this,xt,ss).call(this)}},xt=new WeakSet,er=function(){return u`<div id="plus" style="${ve({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}"><svg id="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg></div>`},ns=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${$(this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${Vi(this,xt,er).call(this)}</a>`},ss=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${Vi(this,xt,er).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Hu,b`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${Ru};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],rt([y()],n.UUIButtonInlineCreateElement.prototype,"_position",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),rt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),rt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=rt([m("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Yu=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const E=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},as=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const f=d.pageX-c,g=d.pageY-h;e?.onMove&&e.onMove(f,g)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},M=(i,e,t)=>Math.min(Math.max(i,e),t),ls=(i,e,t)=>t+e-i,Zu=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Qu(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const Bi=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Ju=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,ec=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,tc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,tr=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,ic=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,oc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,rc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,nc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,sc=U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var ac=Object.defineProperty,lc=Object.getOwnPropertyDescriptor,ue=(i,e,t,r)=>{for(var o=r>1?void 0:r?lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ac(e,t,o),o};n.UUIButtonElement=class extends ge(me("",Au(v))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":E(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":E(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${Bi.strings[0]}"></uui-icon>`;break;case"failed":E(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${sc.strings[0]}"></uui-icon>`;break;default:return I}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${$(this.label)}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${$(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Ni,b`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${Di}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary]) #button:focus-visible{outline-offset:2px}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2));font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],ue([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ue([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ue([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ue([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ue([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ue([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ue([l({type:String})],n.UUIButtonElement.prototype,"href",2),ue([l({type:String})],n.UUIButtonElement.prototype,"target",2),ue([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ue([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ue([m("uui-button")],n.UUIButtonElement);let Ct=class extends L{};Ct.OPEN="open";var uc=Object.defineProperty,cc=Object.getOwnPropertyDescriptor,St=(i,e,t,r)=>{for(var o=r>1?void 0:r?cc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&uc(e,t,o),o};n.UUICardElement=class extends Li(Ut(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Ct(Ct.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Ct(Ct.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[b`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],St([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),St([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),St([l({type:String})],n.UUICardElement.prototype,"href",2),St([l({type:String})],n.UUICardElement.prototype,"target",2),St([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=St([m("uui-card")],n.UUICardElement);var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,us=i=>{throw TypeError(i)},Hi=(i,e,t,r)=>{for(var o=r>1?void 0:r?dc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hc(e,t,o),o},pc=(i,e,t)=>e.has(i)||us("Cannot "+t),bc=(i,e,t)=>e.has(i)?us("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),cs=(i,e,t)=>(pc(i,e,"access private method"),t),Ri,hs,ds;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),bc(this,Ri),this.name=""}render(){return u`<div id="portrait" style="${ve({backgroundColor:this.background})}"><slot></slot></div>${this.href?cs(this,Ri,ds).call(this):cs(this,Ri,hs).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},Ri=new WeakSet,hs=function(){return u`<button id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},ds=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,b`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Hi([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Hi([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Hi([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Hi([m("uui-card-block-type")],n.UUICardBlockTypeElement);var mc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,ps=i=>{throw TypeError(i)},ir=(i,e,t,r)=>{for(var o=r>1?void 0:r?gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&mc(e,t,o),o},vc=(i,e,t)=>e.has(i)||ps("Cannot "+t),fc=(i,e,t)=>e.has(i)?ps("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),bs=(i,e,t)=>(vc(i,e,"access private method"),t),Fi,ms,gs;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),fc(this,Fi),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return E(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?bs(this,Fi,gs).call(this):bs(this,Fi,ms).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Fi=new WeakSet,ms=function(){return u`<div id="open-part" tabindex="${this.disabled?I:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},gs=function(){return u`<a id="open-part" tabindex="${this.disabled?I:0}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],ir([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),ir([y()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=ir([m("uui-card-content-node")],n.UUICardContentNodeElement);var yc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,vs=i=>{throw TypeError(i)},Gi=(i,e,t,r)=>{for(var o=r>1?void 0:r?wc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&yc(e,t,o),o},_c=(i,e,t)=>e.has(i)||vs("Cannot "+t),Uc=(i,e,t)=>e.has(i)?vs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),fs=(i,e,t)=>(_c(i,e,"access private method"),t),Wi,ys,ws;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Uc(this,Wi),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),E(this,"uui-symbol-folder"),E(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?fs(this,Wi,ws).call(this):fs(this,Wi,ys).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Wi=new WeakSet,ys=function(){return u`<button id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},ws=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,b`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);text-align:left;word-break:break-word}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Gi([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Gi([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Gi([y()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Gi([m("uui-card-media")],n.UUICardMediaElement);var $c=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,_s=i=>{throw TypeError(i)},or=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ec(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$c(e,t,o),o},kc=(i,e,t)=>e.has(i)||_s("Cannot "+t),Ic=(i,e,t)=>e.has(i)?_s("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Us=(i,e,t)=>(kc(i,e,"access private method"),t),qi,$s,Es;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Ic(this,qi),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Qu(e.target)}}connectedCallback(){super.connectedCallback(),E(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?I:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?Us(this,qi,Es).call(this):Us(this,qi,$s).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},qi=new WeakSet,$s=function(){return u`<div id="open-part" tabindex="${this.disabled?I:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Es=function(){return u`<a id="open-part" tabindex="${this.disabled?I:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],or([l({type:String})],n.UUICardUserElement.prototype,"name",2),or([y()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=or([m("uui-card-user")],n.UUICardUserElement);var xc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,ks=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xc(e,t,o),o};n.UUICaretElement=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg>`}},n.UUICaretElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{transform-origin:50% 50%;transition:transform .1s cubic-bezier(.1,0,.9,1)}`],ks([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=ks([m("uui-caret")],n.UUICaretElement);var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Ac=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sc(e,t,o),o};n.UUICheckboxElement=class extends re{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${this.indeterminate?oc:Bi}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...re.styles,Ni,b`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;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-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker,input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker,label:hover input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker,label:focus input:indeterminate+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);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-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before,label:hover input:indeterminate:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before,input:indeterminate+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check,input:indeterminate+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker,label:focus input:indeterminate+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled],[readonly])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([disabled],[readonly])) label:active input:indeterminate+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:focus input:indeterminate+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine]):invalid) label:hover input:indeterminate:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:focus input:indeterminate+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:indeterminate+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${Di}}:host([disabled]) input:checked+#ticker #icon-check,:host([disabled]) input:indeterminate+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=Ac([m("uui-checkbox")],n.UUICheckboxElement);/**
|
|
273
273
|
* @license
|
|
274
274
|
* Copyright 2018 Google LLC
|
|
275
275
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -962,7 +962,7 @@
|
|
|
962
962
|
:host([readonly]) #thumb-label {
|
|
963
963
|
opacity: 1;
|
|
964
964
|
}
|
|
965
|
-
`],X([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),X([l({type:Boolean,attribute:"hide-value-label"})],n.UUISliderElement.prototype,"hideValueLabel",2),X([l({type:Number})],n.UUISliderElement.prototype,"min",2),X([l({type:Number})],n.UUISliderElement.prototype,"max",2),X([l({type:Number})],n.UUISliderElement.prototype,"step",1),X([l({type:String})],n.UUISliderElement.prototype,"value",1),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"readonly",2),X([l({type:String})],n.UUISliderElement.prototype,"label",2),X([A("#input")],n.UUISliderElement.prototype,"_input",2),X([A("#track")],n.UUISliderElement.prototype,"_track",2),X([y()],n.UUISliderElement.prototype,"_stepWidth",2),X([y()],n.UUISliderElement.prototype,"_steps",2),X([y()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=X([m("uui-slider")],n.UUISliderElement);var bb=Object.defineProperty,mb=Object.getOwnPropertyDescriptor,Ra=(i,e,t,r)=>{for(var o=r>1?void 0:r?mb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&bb(e,t,o),o};n.UUISymbolExpandElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolExpandElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform 120ms ease-in-out;width:100%;height:100%}:host([open]) svg{transform:rotate(0)}`],Ra([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=Ra([m("uui-symbol-expand")],n.UUISymbolExpandElement);var gb=Object.defineProperty,vb=Object.getOwnPropertyDescriptor,tn=(i,e,t,r)=>{for(var o=r>1?void 0:r?vb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&gb(e,t,o),o};n.UUISymbolFileThumbnailElement=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),E(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${tc.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`:host{display:block;width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}uui-icon{width:100%;height:100%;max-width:100%;display:flex;max-height:100%;justify-content:center;color:var(--uui-color-surface,#fff);background:var(--uui-color-surface-alt,#f3f3f5)}`],tn([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),tn([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=tn([m("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var fb=Object.defineProperty,yb=Object.getOwnPropertyDescriptor,Fa=(i,e,t,r)=>{for(var o=r>1?void 0:r?yb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fb(e,t,o),o};n.UUISymbolFileElement=class extends v{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[b`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;background-color:var(--uui-color-surface-alt,#f3f3f5);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],Fa([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Fa([m("uui-symbol-file")],n.UUISymbolFileElement);var wb=Object.defineProperty,_b=Object.getOwnPropertyDescriptor,Ub=(i,e,t,r)=>{for(var o=r>1?void 0:r?_b(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wb(e,t,o),o};n.UUISymbolFolderElement=class extends v{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[b`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=Ub([m("uui-symbol-folder")],n.UUISymbolFolderElement);var $b=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,Ga=(i,e,t,r)=>{for(var o=r>1?void 0:r?Eb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$b(e,t,o),o};n.UUISymbolLockElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?U`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:U`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[b`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Ga([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Ga([m("uui-symbol-lock")],n.UUISymbolLockElement);var kb=Object.defineProperty,Ib=Object.getOwnPropertyDescriptor,xb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ib(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&kb(e,t,o),o};n.UUISymbolMoreElement=class extends v{render(){return u`···`}},n.UUISymbolMoreElement.styles=[b`:host{display:inline-block;font-size:1.48em;line-height:.8em;user-select:none}`],n.UUISymbolMoreElement=xb([m("uui-symbol-more")],n.UUISymbolMoreElement);var Cb=Object.defineProperty,Sb=Object.getOwnPropertyDescriptor,Wa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cb(e,t,o),o};n.UUISymbolSortElement=class extends si(v){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolSortElement.styles=[b`:host{position:relative;display:inline-block;width:.8em;height:1em;vertical-align:middle;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.8em;fill:currentColor;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-.5em}#up{transform:rotate(180deg);margin-top:-.7em}#down{margin-top:-.3em}:host([active]) #up{margin-top:calc(-.5em - (.2em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.5em + (.2em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],Wa([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Wa([m("uui-symbol-sort")],n.UUISymbolSortElement);var Pb=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,Ob=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ab(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Pb(e,t,o),o};n.UUITableElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[b`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=Ob([m("uui-table")],n.UUITableElement);var zb=Object.defineProperty,Lb=Object.getOwnPropertyDescriptor,Io=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zb(e,t,o),o};n.UUITableCellElement=class extends v{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[b`:host{position:relative;display:table-cell;height:var(--uui-table-cell-height,var(--uui-size-12,36px));padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-color-border,#d8d7d9);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}:host([no-padding]){padding:0}`],Io([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),Io([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),Io([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=Io([m("uui-table-cell")],n.UUITableCellElement);var Mb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,Nb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Mb(e,t,o),o};n.UUITableColumnElement=class extends v{},n.UUITableColumnElement.styles=[b`:host{display:table-column}`],n.UUITableColumnElement=Nb([m("uui-table-column")],n.UUITableColumnElement);var Db=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,Vb=(i,e,t,r)=>{for(var o=r>1?void 0:r?jb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Db(e,t,o),o};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,b`:host{border-top:none}`],n.UUITableHeadCellElement=Vb([m("uui-table-head-cell")],n.UUITableHeadCellElement);var Bb=Object.defineProperty,Hb=Object.getOwnPropertyDescriptor,Rb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Bb(e,t,o),o};n.UUITableHeadElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[b`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=Rb([m("uui-table-head")],n.UUITableHeadElement);var Fb=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,qa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fb(e,t,o),o};n.UUITableRowElement=class extends Li(Ut(v)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[b`:host{display:table-row;position:relative;outline-offset:-3px}:host([selectable]){cursor:pointer}:host(:focus){outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:focus){outline-color:var(--uui-color-focus,#3879ff)}`],qa([Ne({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=qa([m("uui-table-row")],n.UUITableRowElement);var Wb=Object.defineProperty,qb=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?qb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wb(e,t,o),o};n.UUITabElement=class extends si(me("",v)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[b`:host{color:var(--uui-tab-text,var(--uui-color-interactive,#1b264f));font-family:inherit;width:fit-content}#button{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:var(--uui-size-12,36px);min-width:70px;padding:var(--uui-size-3,9px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px));border:none;font-size:inherit;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}:host([orientation=vertical]) #button{min-height:var(--uui-size-14,42px);padding:var(--uui-size-2,6px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px))}:host(:not([disabled])) #button:hover{color:var(--uui-tab-text-hover,var(--uui-color-default-emphasis,#3544b1))}:host(:not([disabled])) #button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}:host([active]){color:var(--uui-tab-text-active,unset)}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button::before{content:'';position:absolute;background-color:var(--uui-color-current,#f5c1bc);opacity:0}:host([active]) #button::before{opacity:1}:host([orientation=horizontal]) #button::before{left:auto;right:auto;border-radius:var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0 0;height:0;width:calc(100% - 15px);bottom:0;transition:opacity linear 120ms,height ease-in-out 120ms}:host([active][orientation=horizontal]) #button::before{height:4px}:host([orientation=vertical]) #button::before{top:auto;bottom:auto;border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0;height:calc(100% - 12px);width:0;left:0;transition:opacity linear 120ms,width ease-in-out 120ms}:host([active][orientation=vertical]) #button::before{width:4px}#button:hover::before{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #button::before{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=icon]::slotted(*){font-size:20px;margin-bottom:var(--uui-size-2,6px)}slot.label{text-align:center;display:flex;width:100%;flex-direction:column}:host([orientation=vertical]) slot.label{text-align:left}`],Kt([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),Kt([l({type:String})],n.UUITabElement.prototype,"href",2),Kt([l({type:String})],n.UUITabElement.prototype,"target",2),Kt([l({type:String})],n.UUITabElement.prototype,"rel",2),Kt([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=Kt([m("uui-tab")],n.UUITabElement);var Kb=Object.defineProperty,Xb=Object.getOwnPropertyDescriptor,Ka=i=>{throw TypeError(i)},Xt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Kb(e,t,o),o},on=(i,e,t)=>e.has(i)||Ka("Cannot "+t),P=(i,e,t)=>(on(i,e,"read from private field"),t?t.call(i):e.get(i)),_e=(i,e,t)=>e.has(i)?Ka("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_i=(i,e,t,r)=>(on(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),oe=(i,e,t)=>(on(i,e,"access private method"),t),xo,Ue,Le,Yt,Zt,Co,Ui,$i,Y,Xa,Ya,rn,Za,Qt,So,Qa,nn,sn;n.UUITabGroupElement=class extends v{constructor(){super(...arguments),_e(this,Y),_e(this,xo,0),this.dropdownContentDirection="vertical",_e(this,Ue,[]),_e(this,Le,[]),_e(this,Yt,new Map),_e(this,Zt,[]),_e(this,Co,new ResizeObserver(oe(this,Y,Ya).bind(this))),_e(this,Ui,[]),_e(this,$i,!1),_e(this,Qt,e=>{const t=e.currentTarget;if(oe(this,Y,sn).call(this,t)){t.active=!0;const r=P(this,Yt).get(t);r&&(r.active=!0),[...P(this,Ue),...P(this,Le)].filter(o=>o!==t&&o!==r).forEach(o=>{oe(this,Y,sn).call(this,o)&&(o.active=!1)}),P(this,Le).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),oe(this,Y,Xa).call(this)}disconnectedCallback(){super.disconnectedCallback(),P(this,Co).unobserve(this),oe(this,Y,rn).call(this)}render(){return u`<div id="main"><div id="grid"><slot @slotchange="${oe(this,Y,Za)}"></slot></div><uui-button popovertarget="popover-container" style="display:none" id="more-button" label="More" compact="compact"><uui-symbol-more></uui-symbol-more></uui-button></div><uui-popover-container id="popover-container" popover placement="bottom-end"><div id="hidden-tabs-container">${$r(P(this,Le),e=>u`${e}`)}</div></uui-popover-container>`}},xo=new WeakMap,Ue=new WeakMap,Le=new WeakMap,Yt=new WeakMap,Zt=new WeakMap,Co=new WeakMap,Ui=new WeakMap,$i=new WeakMap,Y=new WeakSet,Xa=async function(){E(this,"uui-button"),E(this,"uui-popover-container"),E(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,P(this,Co).observe(this._mainElement)},Ya=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==P(this,xo)?oe(this,Y,So).call(this):oe(this,Y,nn).call(this,i[0].contentBoxSize[0].inlineSize)},rn=function(){P(this,Ue).forEach(i=>{i.removeEventListener("click",P(this,Qt)),P(this,Ui).forEach(e=>e.disconnect())}),P(this,Ui).length=0,P(this,Zt).length=0},Za=function(){oe(this,Y,rn).call(this),oe(this,Y,Qa).call(this),P(this,Ue).forEach(i=>{i.addEventListener("click",P(this,Qt));const e=new ResizeObserver(oe(this,Y,So).bind(this));e.observe(i),P(this,Ui).push(e)})},Qt=new WeakMap,So=async function(){if(P(this,$i))return;_i(this,$i,!0),requestAnimationFrame(()=>{_i(this,$i,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;_i(this,xo,e);let t=0;for(let o=0;o<P(this,Ue).length;o++)P(this,Ue)[o].style.display="",t+=P(this,Ue)[o].offsetWidth,P(this,Zt)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",oe(this,Y,nn).call(this,this._mainElement.offsetWidth)},Qa=function(){_i(this,Ue,this._slottedNodes?this._slottedNodes:[]),oe(this,Y,So).call(this)},nn=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);P(this,Le).forEach(s=>{s.removeEventListener("click",P(this,Qt))}),_i(this,Le,[]),P(this,Yt).clear();let r=!1;const o=P(this,Zt).length;for(let s=0;s<o;s++){const a=P(this,Zt)[s],c=P(this,Ue)[s];if(a<=(s===o-1?i:t))c.style.display="";else{const h=c.cloneNode(!0);h.addEventListener("click",P(this,Qt)),h.classList.add("hidden-tab"),h.style.display="",h.orientation=this.dropdownContentDirection,P(this,Yt).set(h,c),P(this,Yt).set(c,h),P(this,Le).push(h),c.style.display="none",c.active&&(r=!0)}}P(this,Le).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",r?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},sn=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[b`:host{min-width:0;display:flex;height:100%}#main{display:flex;justify-content:space-between;overflow:hidden}#grid{width:1fr;display:flex;height:100%;min-height:48px;overflow:hidden;text-wrap:nowrap;color:var(--uui-tab-text);gap:var(--uui-tab-group-gap,0)}#popover-container{--uui-tab-text:var(--uui-tab-group-dropdown-tab-text, unset);--uui-tab-text-hover:var(
|
|
965
|
+
`],X([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),X([l({type:Boolean,attribute:"hide-value-label"})],n.UUISliderElement.prototype,"hideValueLabel",2),X([l({type:Number})],n.UUISliderElement.prototype,"min",2),X([l({type:Number})],n.UUISliderElement.prototype,"max",2),X([l({type:Number})],n.UUISliderElement.prototype,"step",1),X([l({type:String})],n.UUISliderElement.prototype,"value",1),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"readonly",2),X([l({type:String})],n.UUISliderElement.prototype,"label",2),X([A("#input")],n.UUISliderElement.prototype,"_input",2),X([A("#track")],n.UUISliderElement.prototype,"_track",2),X([y()],n.UUISliderElement.prototype,"_stepWidth",2),X([y()],n.UUISliderElement.prototype,"_steps",2),X([y()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=X([m("uui-slider")],n.UUISliderElement);var bb=Object.defineProperty,mb=Object.getOwnPropertyDescriptor,Ra=(i,e,t,r)=>{for(var o=r>1?void 0:r?mb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&bb(e,t,o),o};n.UUISymbolExpandElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg>`}},n.UUISymbolExpandElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{transform:rotate(-90deg);transform-origin:50% 50%;transition:transform .1s cubic-bezier(.1,0,.9,1);width:100%;height:100%}:host([open]) svg{transform:rotate(0)}`],Ra([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=Ra([m("uui-symbol-expand")],n.UUISymbolExpandElement);var gb=Object.defineProperty,vb=Object.getOwnPropertyDescriptor,tn=(i,e,t,r)=>{for(var o=r>1?void 0:r?vb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&gb(e,t,o),o};n.UUISymbolFileThumbnailElement=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),E(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${tc.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`:host{display:block;width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}uui-icon{width:100%;height:100%;max-width:100%;display:flex;max-height:100%;justify-content:center;color:var(--uui-color-surface,#fff);background:var(--uui-color-surface-alt,#f3f3f5)}`],tn([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),tn([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=tn([m("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var fb=Object.defineProperty,yb=Object.getOwnPropertyDescriptor,Fa=(i,e,t,r)=>{for(var o=r>1?void 0:r?yb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fb(e,t,o),o};n.UUISymbolFileElement=class extends v{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[b`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;background-color:var(--uui-color-surface-alt,#f3f3f5);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],Fa([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Fa([m("uui-symbol-file")],n.UUISymbolFileElement);var wb=Object.defineProperty,_b=Object.getOwnPropertyDescriptor,Ub=(i,e,t,r)=>{for(var o=r>1?void 0:r?_b(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wb(e,t,o),o};n.UUISymbolFolderElement=class extends v{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[b`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=Ub([m("uui-symbol-folder")],n.UUISymbolFolderElement);var $b=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,Ga=(i,e,t,r)=>{for(var o=r>1?void 0:r?Eb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$b(e,t,o),o};n.UUISymbolLockElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?U`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:U`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[b`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Ga([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Ga([m("uui-symbol-lock")],n.UUISymbolLockElement);var kb=Object.defineProperty,Ib=Object.getOwnPropertyDescriptor,xb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ib(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&kb(e,t,o),o};n.UUISymbolMoreElement=class extends v{render(){return U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="17" cy="50" r="9"></circle><circle cx="50" cy="50" r="9"></circle><circle cx="83" cy="50" r="9"></circle></svg>`}},n.UUISymbolMoreElement.styles=[b`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}`],n.UUISymbolMoreElement=xb([m("uui-symbol-more")],n.UUISymbolMoreElement);var Cb=Object.defineProperty,Sb=Object.getOwnPropertyDescriptor,Wa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cb(e,t,o),o};n.UUISymbolSortElement=class extends si(v){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg>`}},n.UUISymbolSortElement.styles=[b`:host{position:relative;display:inline-block;width:.9em;height:1em;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.9em;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-8em}#up{transform:rotate(180deg);margin-top:-1.05em}#down{margin-top:-.55em}:host([active]) #up{margin-top:calc(-.8em - (.25em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.8em + (.25em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],Wa([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Wa([m("uui-symbol-sort")],n.UUISymbolSortElement);var Pb=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,Ob=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ab(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Pb(e,t,o),o};n.UUITableElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[b`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=Ob([m("uui-table")],n.UUITableElement);var zb=Object.defineProperty,Lb=Object.getOwnPropertyDescriptor,Io=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zb(e,t,o),o};n.UUITableCellElement=class extends v{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[b`:host{position:relative;display:table-cell;height:var(--uui-table-cell-height,var(--uui-size-12,36px));padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-color-border,#d8d7d9);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}:host([no-padding]){padding:0}`],Io([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),Io([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),Io([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=Io([m("uui-table-cell")],n.UUITableCellElement);var Mb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,Nb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Mb(e,t,o),o};n.UUITableColumnElement=class extends v{},n.UUITableColumnElement.styles=[b`:host{display:table-column}`],n.UUITableColumnElement=Nb([m("uui-table-column")],n.UUITableColumnElement);var Db=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,Vb=(i,e,t,r)=>{for(var o=r>1?void 0:r?jb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Db(e,t,o),o};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,b`:host{border-top:none}`],n.UUITableHeadCellElement=Vb([m("uui-table-head-cell")],n.UUITableHeadCellElement);var Bb=Object.defineProperty,Hb=Object.getOwnPropertyDescriptor,Rb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Bb(e,t,o),o};n.UUITableHeadElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[b`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=Rb([m("uui-table-head")],n.UUITableHeadElement);var Fb=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,qa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fb(e,t,o),o};n.UUITableRowElement=class extends Li(Ut(v)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[b`:host{display:table-row;position:relative;outline-offset:-3px}:host([selectable]){cursor:pointer}:host(:focus){outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:focus){outline-color:var(--uui-color-focus,#3879ff)}`],qa([Ne({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=qa([m("uui-table-row")],n.UUITableRowElement);var Wb=Object.defineProperty,qb=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?qb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wb(e,t,o),o};n.UUITabElement=class extends si(me("",v)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[b`:host{color:var(--uui-tab-text,var(--uui-color-interactive,#1b264f));font-family:inherit;width:fit-content}#button{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:var(--uui-size-12,36px);min-width:70px;padding:var(--uui-size-3,9px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px));border:none;font-size:inherit;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}:host([orientation=vertical]) #button{min-height:var(--uui-size-14,42px);padding:var(--uui-size-2,6px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px))}:host(:not([disabled])) #button:hover{color:var(--uui-tab-text-hover,var(--uui-color-default-emphasis,#3544b1))}:host(:not([disabled])) #button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}:host([active]){color:var(--uui-tab-text-active,unset)}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button::before{content:'';position:absolute;background-color:var(--uui-color-current,#f5c1bc);opacity:0}:host([active]) #button::before{opacity:1}:host([orientation=horizontal]) #button::before{left:auto;right:auto;border-radius:var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0 0;height:0;width:calc(100% - 15px);bottom:0;transition:opacity linear 120ms,height ease-in-out 120ms}:host([active][orientation=horizontal]) #button::before{height:4px}:host([orientation=vertical]) #button::before{top:auto;bottom:auto;border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0;height:calc(100% - 12px);width:0;left:0;transition:opacity linear 120ms,width ease-in-out 120ms}:host([active][orientation=vertical]) #button::before{width:4px}#button:hover::before{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #button::before{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=icon]::slotted(*){font-size:20px;margin-bottom:var(--uui-size-2,6px)}slot.label{text-align:center;display:flex;width:100%;flex-direction:column}:host([orientation=vertical]) slot.label{text-align:left}`],Kt([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),Kt([l({type:String})],n.UUITabElement.prototype,"href",2),Kt([l({type:String})],n.UUITabElement.prototype,"target",2),Kt([l({type:String})],n.UUITabElement.prototype,"rel",2),Kt([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=Kt([m("uui-tab")],n.UUITabElement);var Kb=Object.defineProperty,Xb=Object.getOwnPropertyDescriptor,Ka=i=>{throw TypeError(i)},Xt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Kb(e,t,o),o},on=(i,e,t)=>e.has(i)||Ka("Cannot "+t),P=(i,e,t)=>(on(i,e,"read from private field"),t?t.call(i):e.get(i)),_e=(i,e,t)=>e.has(i)?Ka("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_i=(i,e,t,r)=>(on(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),oe=(i,e,t)=>(on(i,e,"access private method"),t),xo,Ue,Le,Yt,Zt,Co,Ui,$i,Y,Xa,Ya,rn,Za,Qt,So,Qa,nn,sn;n.UUITabGroupElement=class extends v{constructor(){super(...arguments),_e(this,Y),_e(this,xo,0),this.dropdownContentDirection="vertical",_e(this,Ue,[]),_e(this,Le,[]),_e(this,Yt,new Map),_e(this,Zt,[]),_e(this,Co,new ResizeObserver(oe(this,Y,Ya).bind(this))),_e(this,Ui,[]),_e(this,$i,!1),_e(this,Qt,e=>{const t=e.currentTarget;if(oe(this,Y,sn).call(this,t)){t.active=!0;const r=P(this,Yt).get(t);r&&(r.active=!0),[...P(this,Ue),...P(this,Le)].filter(o=>o!==t&&o!==r).forEach(o=>{oe(this,Y,sn).call(this,o)&&(o.active=!1)}),P(this,Le).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),oe(this,Y,Xa).call(this)}disconnectedCallback(){super.disconnectedCallback(),P(this,Co).unobserve(this),oe(this,Y,rn).call(this)}render(){return u`<div id="main"><div id="grid"><slot @slotchange="${oe(this,Y,Za)}"></slot></div><uui-button popovertarget="popover-container" style="display:none" id="more-button" label="More" compact="compact"><uui-symbol-more></uui-symbol-more></uui-button></div><uui-popover-container id="popover-container" popover placement="bottom-end"><div id="hidden-tabs-container">${$r(P(this,Le),e=>u`${e}`)}</div></uui-popover-container>`}},xo=new WeakMap,Ue=new WeakMap,Le=new WeakMap,Yt=new WeakMap,Zt=new WeakMap,Co=new WeakMap,Ui=new WeakMap,$i=new WeakMap,Y=new WeakSet,Xa=async function(){E(this,"uui-button"),E(this,"uui-popover-container"),E(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,P(this,Co).observe(this._mainElement)},Ya=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==P(this,xo)?oe(this,Y,So).call(this):oe(this,Y,nn).call(this,i[0].contentBoxSize[0].inlineSize)},rn=function(){P(this,Ue).forEach(i=>{i.removeEventListener("click",P(this,Qt)),P(this,Ui).forEach(e=>e.disconnect())}),P(this,Ui).length=0,P(this,Zt).length=0},Za=function(){oe(this,Y,rn).call(this),oe(this,Y,Qa).call(this),P(this,Ue).forEach(i=>{i.addEventListener("click",P(this,Qt));const e=new ResizeObserver(oe(this,Y,So).bind(this));e.observe(i),P(this,Ui).push(e)})},Qt=new WeakMap,So=async function(){if(P(this,$i))return;_i(this,$i,!0),requestAnimationFrame(()=>{_i(this,$i,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;_i(this,xo,e);let t=0;for(let o=0;o<P(this,Ue).length;o++)P(this,Ue)[o].style.display="",t+=P(this,Ue)[o].offsetWidth,P(this,Zt)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",oe(this,Y,nn).call(this,this._mainElement.offsetWidth)},Qa=function(){_i(this,Ue,this._slottedNodes?this._slottedNodes:[]),oe(this,Y,So).call(this)},nn=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);P(this,Le).forEach(s=>{s.removeEventListener("click",P(this,Qt))}),_i(this,Le,[]),P(this,Yt).clear();let r=!1;const o=P(this,Zt).length;for(let s=0;s<o;s++){const a=P(this,Zt)[s],c=P(this,Ue)[s];if(a<=(s===o-1?i:t))c.style.display="";else{const h=c.cloneNode(!0);h.addEventListener("click",P(this,Qt)),h.classList.add("hidden-tab"),h.style.display="",h.orientation=this.dropdownContentDirection,P(this,Yt).set(h,c),P(this,Yt).set(c,h),P(this,Le).push(h),c.style.display="none",c.active&&(r=!0)}}P(this,Le).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",r?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},sn=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[b`:host{min-width:0;display:flex;height:100%}#main{display:flex;justify-content:space-between;overflow:hidden}#grid{width:1fr;display:flex;height:100%;min-height:48px;overflow:hidden;text-wrap:nowrap;color:var(--uui-tab-text);gap:var(--uui-tab-group-gap,0)}#popover-container{--uui-tab-text:var(--uui-tab-group-dropdown-tab-text, unset);--uui-tab-text-hover:var(
|
|
966
966
|
--uui-tab-group-dropdown-tab-text-hover,
|
|
967
967
|
unset
|
|
968
968
|
);--uui-tab-text-active:var(
|