@umbraco-ui/uui 1.17.2 → 1.18.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/custom-elements.json +37 -1
- package/dist/uui.min.js +322 -306
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
- package/vscode-html-custom-data.json +17 -2
package/dist/uui.min.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
(function(n,
|
|
1
|
+
(function(n,Xe){typeof exports=="object"&&typeof module<"u"?Xe(exports):typeof define=="function"&&define.amd?define(["exports"],Xe):(n=typeof globalThis<"u"?globalThis:n||self,Xe(n.uui={}))})(this,(function(n){"use strict";/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const Xe=window,yr=Xe.ShadowRoot&&(Xe.ShadyCSS===void 0||Xe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wr=Symbol(),ks=new WeakMap;let Es=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==wr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(yr&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=ks.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&ks.set(t,e))}return e}toString(){return this.cssText}};const Ye=i=>new Es(typeof i=="string"?i:i+"",void 0,wr),b=(i,...e)=>{const t=i.length===1?i[0]:e.reduce(((r,o,s)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1]),i[0]);return new Es(t,i,wr)},ju=(i,e)=>{yr?i.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((t=>{const r=document.createElement("style"),o=Xe.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}))},xs=yr?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return Ye(t)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var $r;const lo=window,Is=lo.trustedTypes,Ru=Is?Is.emptyScript:"",Cs=lo.reactiveElementPolyfillSupport,_r={toAttribute(i,e){switch(e){case Boolean:i=i?Ru:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ss=(i,e)=>e!==i&&(e==e||i==i),Ur={attribute:!0,type:String,converter:_r,reflect:!1,hasChanged:Ss},kr="finalized";let Pt=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,r)=>{const o=this._$Ep(r,t);o!==void 0&&(this._$Ev.set(o,r),e.push(o))})),e}static createProperty(e,t=Ur){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const r=typeof e=="symbol"?Symbol():"__"+e,o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Object.defineProperty(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const s=this[e];this[t]=o,this.requestUpdate(e,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Ur}static finalize(){if(this.hasOwnProperty(kr))return!1;this[kr]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,r=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of r)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const o of r)t.unshift(xs(o))}else e!==void 0&&t.push(xs(e));return t}static _$Ep(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach((t=>t(this)))}addController(e){var t,r;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)===null||r===void 0||r.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])}))}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return ju(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach((t=>{var r;return(r=t.hostConnected)===null||r===void 0?void 0:r.call(t)}))}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach((t=>{var r;return(r=t.hostDisconnected)===null||r===void 0?void 0:r.call(t)}))}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EO(e,t,r=Ur){var o;const s=this.constructor._$Ep(e,r);if(s!==void 0&&r.reflect===!0){const a=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:_r).toAttribute(t,r.type);this._$El=e,a==null?this.removeAttribute(s):this.setAttribute(s,a),this._$El=null}}_$AK(e,t){var r;const o=this.constructor,s=o._$Ev.get(e);if(s!==void 0&&this._$El!==s){const a=o.getPropertyOptions(s),h=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?a.converter:_r;this._$El=s,this[s]=h.fromAttribute(t,a.type),this._$El=null}}requestUpdate(e,t,r){let o=!0;e!==void 0&&(((r=r||this.constructor.getPropertyOptions(e)).hasChanged||Ss)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((o,s)=>this[s]=o)),this._$Ei=void 0);let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),(e=this._$ES)===null||e===void 0||e.forEach((o=>{var s;return(s=o.hostUpdate)===null||s===void 0?void 0:s.call(o)})),this.update(r)):this._$Ek()}catch(o){throw t=!1,this._$Ek(),o}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach((r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach(((t,r)=>this._$EO(r,this[r],t))),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};Pt[kr]=!0,Pt.elementProperties=new Map,Pt.elementStyles=[],Pt.shadowRootOptions={mode:"open"},Cs?.({ReactiveElement:Pt}),(($r=lo.reactiveElementVersions)!==null&&$r!==void 0?$r:lo.reactiveElementVersions=[]).push("1.6.3");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var
|
|
14
|
-
\f\r]`,$i=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Os=/-->/g,Ls=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ms=/'/g,Ts=/"/g,Ns=/^(?:script|style|textarea|title)$/i,Wu=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),qu=Wu(1),
|
|
13
|
+
*/var Er;const uo=window,zt=uo.trustedTypes,As=zt?zt.createPolicy("lit-html",{createHTML:i=>i}):void 0,xr="$lit$",Ze=`lit$${(Math.random()+"").slice(9)}$`,Ps="?"+Ze,Fu=`<${Ps}>`,ut=document,co=()=>ut.createComment(""),wi=i=>i===null||typeof i!="object"&&typeof i!="function",zs=Array.isArray,Gu=i=>zs(i)||typeof i?.[Symbol.iterator]=="function",Ir=`[
|
|
14
|
+
\f\r]`,$i=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Os=/-->/g,Ls=/>/g,ct=RegExp(`>|${Ir}(?:([^\\s"'>=/]+)(${Ir}*=${Ir}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ms=/'/g,Ts=/"/g,Ns=/^(?:script|style|textarea|title)$/i,Wu=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),qu=Wu(1),ee=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),Bs=new WeakMap,ht=ut.createTreeWalker(ut,129,null,!1);function Ds(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return As!==void 0?As.createHTML(e):e}const Ku=(i,e)=>{const t=i.length-1,r=[];let o,s=e===2?"<svg>":"",a=$i;for(let h=0;h<t;h++){const u=i[h];let d,m,v=-1,y=0;for(;y<u.length&&(a.lastIndex=y,m=a.exec(u),m!==null);)y=a.lastIndex,a===$i?m[1]==="!--"?a=Os:m[1]!==void 0?a=Ls:m[2]!==void 0?(Ns.test(m[2])&&(o=RegExp("</"+m[2],"g")),a=ct):m[3]!==void 0&&(a=ct):a===ct?m[0]===">"?(a=o??$i,v=-1):m[1]===void 0?v=-2:(v=a.lastIndex-m[2].length,d=m[1],a=m[3]===void 0?ct:m[3]==='"'?Ts:Ms):a===Ts||a===Ms?a=ct:a===Os||a===Ls?a=$i:(a=ct,o=void 0);const U=a===ct&&i[h+1].startsWith("/>")?" ":"";s+=a===$i?u+Fu:v>=0?(r.push(d),u.slice(0,v)+xr+u.slice(v)+Ze+U):u+Ze+(v===-2?(r.push(void 0),h):U)}return[Ds(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let Cr=class Bu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const h=e.length-1,u=this.parts,[d,m]=Ku(e,t);if(this.el=Bu.createElement(d,r),ht.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=ht.nextNode())!==null&&u.length<h;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(xr)||y.startsWith(Ze)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+xr).split(Ze),P=/([.?@])?(.*)/.exec(U);u.push({type:1,index:s,name:P[2],strings:I,ctor:P[1]==="."?Yu:P[1]==="?"?Ju:P[1]==="@"?Qu:ho})}else u.push({type:6,index:s})}for(const y of v)o.removeAttribute(y)}if(Ns.test(o.tagName)){const v=o.textContent.split(Ze),y=v.length-1;if(y>0){o.textContent=zt?zt.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],co()),ht.nextNode(),u.push({type:2,index:++s});o.append(v[y],co())}}}else if(o.nodeType===8)if(o.data===Ps)u.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Ze,v+1))!==-1;)u.push({type:7,index:s}),v+=Ze.length-1}s++}}static createElement(e,t){const r=ut.createElement("template");return r.innerHTML=e,r}};function Ot(i,e,t=i,r){var o,s,a,h;if(e===ee)return e;let u=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const d=wi(e)?void 0:e._$litDirective$;return u?.constructor!==d&&((s=u?._$AO)===null||s===void 0||s.call(u,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,t,r)),r!==void 0?((a=(h=t)._$Co)!==null&&a!==void 0?a:h._$Co=[])[r]=u:t._$Cl=u),u!==void 0&&(e=Ot(i,u._$AS(i,e.values),u,r)),e}let Xu=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:ut).importNode(r,!0);ht.currentNode=s;let a=ht.nextNode(),h=0,u=0,d=o[0];for(;d!==void 0;){if(h===d.index){let m;d.type===2?m=new Sr(a,a.nextSibling,this,e):d.type===1?m=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(m=new ec(a,this,e)),this._$AV.push(m),d=o[++u]}h!==d?.index&&(a=ht.nextNode(),h++)}return ht.currentNode=ut,s}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Sr=class Du{constructor(e,t,r,o){var s;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(s=o?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ot(this,e,t),wi(e)?e===T||e==null||e===""?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==ee&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Gu(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==T&&wi(this._$AH)?this._$AA.nextSibling.data=e:this.$(ut.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,s=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=Cr.createElement(Ds(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.v(r);else{const a=new Xu(s,this),h=a.u(this.options);a.v(r),this.$(h),this._$AH=a}}_$AC(e){let t=Bs.get(e.strings);return t===void 0&&Bs.set(e.strings,t=new Cr(e)),t}T(e){zs(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const s of e)o===t.length?t.push(r=new Du(this.k(co()),this.k(co()),this,this.options)):r=t[o],r._$AI(s),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},ho=class{constructor(e,t,r,o,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const s=this.strings;let a=!1;if(s===void 0)e=Ot(this,e,t,0),a=!wi(e)||e!==this._$AH&&e!==ee,a&&(this._$AH=e);else{const h=e;let u,d;for(e=s[0],u=0;u<s.length-1;u++)d=Ot(this,h[r+u],t,u),d===ee&&(d=this._$AH[u]),a||(a=!wi(d)||d!==this._$AH[u]),d===T?e=T:e!==T&&(e+=(d??"")+s[u+1]),this._$AH[u]=d}a&&!o&&this.j(e)}j(e){e===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Yu=class extends ho{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===T?void 0:e}};const Zu=zt?zt.emptyScript:"";let Ju=class extends ho{constructor(){super(...arguments),this.type=4}j(e){e&&e!==T?this.element.setAttribute(this.name,Zu):this.element.removeAttribute(this.name)}},Qu=class extends ho{constructor(e,t,r,o,s){super(e,t,r,o,s),this.type=5}_$AI(e,t=this){var r;if((e=(r=Ot(this,e,t,0))!==null&&r!==void 0?r:T)===ee)return;const o=this._$AH,s=e===T&&o!==T||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==T&&(o===T||s);s&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},ec=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Ot(this,e)}};const tc={I:Sr},Vs=uo.litHtmlPolyfillSupport;Vs?.(Cr,Sr),((Er=uo.litHtmlVersions)!==null&&Er!==void 0?Er:uo.litHtmlVersions=[]).push("2.8.0");/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var
|
|
20
|
-
\f\r]`,ki=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fs=/-->/g,Gs=/>/g,
|
|
21
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),
|
|
19
|
+
*/var Ar;const po=window,Lt=po.trustedTypes,Hs=Lt?Lt.createPolicy("lit-html",{createHTML:i=>i}):void 0,Pr="$lit$",Je=`lit$${(Math.random()+"").slice(9)}$`,js="?"+Je,ic=`<${js}>`,dt=document,_i=()=>dt.createComment(""),Ui=i=>i===null||typeof i!="object"&&typeof i!="function",Rs=Array.isArray,oc=i=>Rs(i)||typeof i?.[Symbol.iterator]=="function",zr=`[
|
|
20
|
+
\f\r]`,ki=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fs=/-->/g,Gs=/>/g,pt=RegExp(`>|${zr}(?:([^\\s"'>=/]+)(${zr}*=${zr}*(?:[^
|
|
21
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),c=Xs(1),f=Xs(2),Mt=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),Ys=new WeakMap,bt=dt.createTreeWalker(dt,129,null,!1);function Zs(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Hs!==void 0?Hs.createHTML(e):e}const rc=(i,e)=>{const t=i.length-1,r=[];let o,s=e===2?"<svg>":"",a=ki;for(let h=0;h<t;h++){const u=i[h];let d,m,v=-1,y=0;for(;y<u.length&&(a.lastIndex=y,m=a.exec(u),m!==null);)y=a.lastIndex,a===ki?m[1]==="!--"?a=Fs:m[1]!==void 0?a=Gs:m[2]!==void 0?(Ks.test(m[2])&&(o=RegExp("</"+m[2],"g")),a=pt):m[3]!==void 0&&(a=pt):a===pt?m[0]===">"?(a=o??ki,v=-1):m[1]===void 0?v=-2:(v=a.lastIndex-m[2].length,d=m[1],a=m[3]===void 0?pt:m[3]==='"'?qs:Ws):a===qs||a===Ws?a=pt:a===Fs||a===Gs?a=ki:(a=pt,o=void 0);const U=a===pt&&i[h+1].startsWith("/>")?" ":"";s+=a===ki?u+ic:v>=0?(r.push(d),u.slice(0,v)+Pr+u.slice(v)+Je+U):u+Je+(v===-2?(r.push(void 0),h):U)}return[Zs(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let Or=class Vu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const h=e.length-1,u=this.parts,[d,m]=rc(e,t);if(this.el=Vu.createElement(d,r),bt.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=bt.nextNode())!==null&&u.length<h;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(Pr)||y.startsWith(Je)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+Pr).split(Je),P=/([.?@])?(.*)/.exec(U);u.push({type:1,index:s,name:P[2],strings:I,ctor:P[1]==="."?sc:P[1]==="?"?lc:P[1]==="@"?uc:bo})}else u.push({type:6,index:s})}for(const y of v)o.removeAttribute(y)}if(Ks.test(o.tagName)){const v=o.textContent.split(Je),y=v.length-1;if(y>0){o.textContent=Lt?Lt.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],_i()),bt.nextNode(),u.push({type:2,index:++s});o.append(v[y],_i())}}}else if(o.nodeType===8)if(o.data===js)u.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Je,v+1))!==-1;)u.push({type:7,index:s}),v+=Je.length-1}s++}}static createElement(e,t){const r=dt.createElement("template");return r.innerHTML=e,r}};function Tt(i,e,t=i,r){var o,s,a,h;if(e===Mt)return e;let u=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const d=Ui(e)?void 0:e._$litDirective$;return u?.constructor!==d&&((s=u?._$AO)===null||s===void 0||s.call(u,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,t,r)),r!==void 0?((a=(h=t)._$Co)!==null&&a!==void 0?a:h._$Co=[])[r]=u:t._$Cl=u),u!==void 0&&(e=Tt(i,u._$AS(i,e.values),u,r)),e}let nc=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:dt).importNode(r,!0);bt.currentNode=s;let a=bt.nextNode(),h=0,u=0,d=o[0];for(;d!==void 0;){if(h===d.index){let m;d.type===2?m=new Lr(a,a.nextSibling,this,e):d.type===1?m=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(m=new cc(a,this,e)),this._$AV.push(m),d=o[++u]}h!==d?.index&&(a=bt.nextNode(),h++)}return bt.currentNode=dt,s}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Lr=class Hu{constructor(e,t,r,o){var s;this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(s=o?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Tt(this,e,t),Ui(e)?e===C||e==null||e===""?(this._$AH!==C&&this._$AR(),this._$AH=C):e!==this._$AH&&e!==Mt&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):oc(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==C&&Ui(this._$AH)?this._$AA.nextSibling.data=e:this.$(dt.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,s=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=Or.createElement(Zs(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.v(r);else{const a=new nc(s,this),h=a.u(this.options);a.v(r),this.$(h),this._$AH=a}}_$AC(e){let t=Ys.get(e.strings);return t===void 0&&Ys.set(e.strings,t=new Or(e)),t}T(e){Rs(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const s of e)o===t.length?t.push(r=new Hu(this.k(_i()),this.k(_i()),this,this.options)):r=t[o],r._$AI(s),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},bo=class{constructor(e,t,r,o,s){this.type=1,this._$AH=C,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=C}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const s=this.strings;let a=!1;if(s===void 0)e=Tt(this,e,t,0),a=!Ui(e)||e!==this._$AH&&e!==Mt,a&&(this._$AH=e);else{const h=e;let u,d;for(e=s[0],u=0;u<s.length-1;u++)d=Tt(this,h[r+u],t,u),d===Mt&&(d=this._$AH[u]),a||(a=!Ui(d)||d!==this._$AH[u]),d===C?e=C:e!==C&&(e+=(d??"")+s[u+1]),this._$AH[u]=d}a&&!o&&this.j(e)}j(e){e===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},sc=class extends bo{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===C?void 0:e}};const ac=Lt?Lt.emptyScript:"";let lc=class extends bo{constructor(){super(...arguments),this.type=4}j(e){e&&e!==C?this.element.setAttribute(this.name,ac):this.element.removeAttribute(this.name)}},uc=class extends bo{constructor(e,t,r,o,s){super(e,t,r,o,s),this.type=5}_$AI(e,t=this){var r;if((e=(r=Tt(this,e,t,0))!==null&&r!==void 0?r:C)===Mt)return;const o=this._$AH,s=e===C&&o!==C||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==C&&(o===C||s);s&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},cc=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Tt(this,e)}};const Js=po.litHtmlPolyfillSupport;Js?.(Or,Lr),((Ar=po.litHtmlVersions)!==null&&Ar!==void 0?Ar:po.litHtmlVersions=[]).push("2.8.0");const hc=(i,e,t)=>{var r,o;const s=(r=t?.renderBefore)!==null&&r!==void 0?r:e;let a=s._$litPart$;if(a===void 0){const h=(o=t?.renderBefore)!==null&&o!==void 0?o:null;s._$litPart$=a=new Lr(e.insertBefore(_i(),h),h,void 0,t??{})}return a._$AI(i),a};/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/var
|
|
25
|
+
*/var Mr,Tr;let g=class extends Pt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=hc(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return Mt}};g.finalized=!0,g._$litElement$=!0,(Mr=globalThis.litElementHydrateSupport)===null||Mr===void 0||Mr.call(globalThis,{LitElement:g});const Qs=globalThis.litElementPolyfillSupport;Qs?.({LitElement:g}),((Tr=globalThis.litElementVersions)!==null&&Tr!==void 0?Tr:globalThis.litElementVersions=[]).push("3.3.3");/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/const
|
|
37
|
+
*/const Nr=({finisher:i,descriptor:e})=>(t,r)=>{var o;if(r===void 0){const s=(o=t.originalKey)!==null&&o!==void 0?o:t.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(t.key)}:{...t,key:s};return i!=null&&(a.finisher=function(h){i(h,s)}),a}{const s=t.constructor;e!==void 0&&Object.defineProperty(t,r,e(r)),i?.(s,r)}};/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/function S(i,e){return
|
|
41
|
+
*/function S(i,e){return Nr({descriptor:t=>({get(){var o,s;return(s=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0})})}/**
|
|
42
42
|
* @license
|
|
43
43
|
* Copyright 2017 Google LLC
|
|
44
44
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
45
|
-
*/function bc(i){return
|
|
45
|
+
*/function bc(i){return Nr({descriptor:e=>({get(){var t,r;return(r=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&r!==void 0?r:[]},enumerable:!0,configurable:!0})})}/**
|
|
46
46
|
* @license
|
|
47
47
|
* Copyright 2021 Google LLC
|
|
48
48
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
-
*/var
|
|
49
|
+
*/var Br;const mc=((Br=window.HTMLSlotElement)===null||Br===void 0?void 0:Br.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function Pe(i){const{slot:e,selector:t}=i??{};return Nr({descriptor:r=>({get(){var o;const s="slot"+(e?`[name=${e}]`:":not([name])"),a=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(s),h=a!=null?mc(a,i):[];return t?h.filter((u=>u.matches(t))):h},enumerable:!0,configurable:!0})})}var vc=`.uui-h1,
|
|
50
50
|
.uui-h2,
|
|
51
51
|
.uui-h3,
|
|
52
52
|
.uui-h4,
|
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
margin-top: var(--uui-size-layout-1,24px);
|
|
246
246
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
247
247
|
}
|
|
248
|
-
`;const
|
|
248
|
+
`;const Nt=Ye(vc),gc=b`
|
|
249
249
|
@keyframes uui-blink {
|
|
250
250
|
0%,
|
|
251
251
|
100% {
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
opacity: 1;
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
|
-
`,fc=
|
|
258
|
+
`,fc=Ye("uui-blink 0.9s infinite both"),yc=b`
|
|
259
259
|
@keyframes pulse {
|
|
260
260
|
0% {
|
|
261
261
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
opacity: 0;
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
|
-
`,wc=
|
|
276
|
+
`,wc=Ye("pulse 0.8s ease-in-out infinite both"),$c=b`
|
|
277
277
|
@keyframes uui-horizontal-shake {
|
|
278
278
|
10%,
|
|
279
279
|
90% {
|
|
@@ -296,14 +296,14 @@
|
|
|
296
296
|
transform: translateX(2px);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
-
`,_c=
|
|
300
|
-
${this._labelSlotHasContent===!1?
|
|
299
|
+
`,_c=Ye("uui-horizontal-shake 600ms ease backwards");let Dr=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},mt=class extends Dr{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ei=class extends Dr{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var Uc=Object.defineProperty,kc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Uc(e,t,o),o};const Ec=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return kc([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var xc=Object.defineProperty,ea=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&xc(e,t,o),o};const Ic=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return c`
|
|
300
|
+
${this._labelSlotHasContent===!1?c`<span class="label">${this.label}</span>`:""}
|
|
301
301
|
<slot
|
|
302
302
|
class="label"
|
|
303
303
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
304
304
|
name=${i||""}
|
|
305
305
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
306
|
-
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sc(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&&Cc(e,t,o),o};const Ac=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const c=a.tagName;return c==="A"||c==="BUTTON"||c==="INPUT"||c==="TEXTAREA"||c==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new Ei(Ei.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new Ei(Ei.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ta([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ta([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Pc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Oc=(i,e,t,r)=>{for(var o=zc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Pc(e,t,o),o};const Lc=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Oc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Mc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,mt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tc(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};const Nc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Bc=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const s=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",s)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(s=>s.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,s,a){const c={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Nc.indexOf(o)};return this.#r.push(c),this.#r.sort((h,d)=>h.weight>d.weight?1:d.weight>h.weight?-1:0),c}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(bt.INVALID,()=>{this._runValidators()}),o.addEventListener(bt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,s;this.#r.some(c=>c.checkMethod()?(this.#e[c.flagKey]=!0,o=c.getMessageMethod(),!0):!1),o||this.#o.some(c=>{let h;for(h in c.validity)if(h!=="valid"&&c.validity[h])return this.#e[h]=!0,o=c.validationMessage,s??=c,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new bt(bt.VALID)):this.dispatchEvent(new bt(bt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return mt([l({type:String})],t.prototype,"name",2),mt([l()],t.prototype,"value",1),mt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),mt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),mt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),mt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),mt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let ia=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 Dc=ia,Vc=(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)},Hc=(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;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-c,v=d.pageY-h;e?.onMove&&e.onMove(m,v)}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)},jc=(i,e,t)=>Math.min(Math.max(i,e),t),Rc=(i,e,t)=>t+e-i,Fc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},oa=(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 Gc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var Wc=Object.defineProperty,qc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Wc(e,t,o),o};const Kc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=oa(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return qc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Xc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Yc=["default","primary","secondary","outline","placeholder"],Zc=["default","positive","warning","danger","invalid"],Jc=["h1","h2","h3","h4","h5","h6"];var Qc="1.17.2";const ra=Qc;globalThis.__uuiVersions??=[],globalThis.__uuiVersions.push(ra);const Dr=globalThis.__uuiVersions;if(Dr.length>1){const i=[...new Set(Dr)];i.length>1?console.warn(`Multiple versions of Umbraco UI detected: ${i.join(", ")}. This is not supported and may cause issues.`):console.warn(`Multiple instances of Umbraco UI v${Dr[0]} loaded. This may indicate duplicate bundles.`)}function p(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var eh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends g{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[b`
|
|
306
|
+
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sc(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&&Cc(e,t,o),o};const Ac=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const h=a.tagName;return h==="A"||h==="BUTTON"||h==="INPUT"||h==="TEXTAREA"||h==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new Ei(Ei.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new Ei(Ei.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ta([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ta([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Pc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Oc=(i,e,t,r)=>{for(var o=zc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Pc(e,t,o),o};const Lc=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Oc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Mc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,vt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tc(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};const Nc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Bc=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const s=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",s)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(s=>s.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,s,a){const h={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Nc.indexOf(o)};return this.#r.push(h),this.#r.sort((u,d)=>u.weight>d.weight?1:d.weight>u.weight?-1:0),h}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(mt.INVALID,()=>{this._runValidators()}),o.addEventListener(mt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,s;this.#r.some(h=>h.checkMethod()?(this.#e[h.flagKey]=!0,o=h.getMessageMethod(),!0):!1),o||this.#o.some(h=>{let u;for(u in h.validity)if(u!=="valid"&&h.validity[u])return this.#e[u]=!0,o=h.validationMessage,s??=h,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new mt(mt.VALID)):this.dispatchEvent(new mt(mt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return vt([l({type:String})],t.prototype,"name",2),vt([l()],t.prototype,"value",1),vt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),vt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),vt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),vt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),vt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let ia=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 Dc=ia,Vc=(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)},Hc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=s.left+a.scrollX,u=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-h,v=d.pageY-u;e?.onMove&&e.onMove(m,v)}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)},jc=(i,e,t)=>Math.min(Math.max(i,e),t),Rc=(i,e,t)=>t+e-i,Fc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},oa=(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 Gc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var Wc=Object.defineProperty,qc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Wc(e,t,o),o};const Kc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=oa(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return qc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Xc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Yc=["default","primary","secondary","outline","placeholder"],Zc=["default","positive","warning","danger","invalid"],Jc=["h1","h2","h3","h4","h5","h6"];var Qc="1.18.0";const ra=Qc;globalThis.__uuiVersions??=[],globalThis.__uuiVersions.push(ra);const Vr=globalThis.__uuiVersions;if(Vr.length>1){const i=[...new Set(Vr)];i.length>1?console.warn(`Multiple versions of Umbraco UI detected: ${i.join(", ")}. This is not supported and may cause issues.`):console.warn(`Multiple instances of Umbraco UI v${Vr[0]} loaded. This may indicate duplicate bundles.`)}function p(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var eh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends g{render(){return c`<slot></slot>`}},n.UUIButtonGroupElement.styles=[b`
|
|
307
307
|
:host {
|
|
308
308
|
display: inline-flex;
|
|
309
309
|
align-items: stretch;
|
|
@@ -375,9 +375,9 @@
|
|
|
375
375
|
--uui-button-padding-left-factor: 1.5;
|
|
376
376
|
--uui-button-padding-right-factor: 1.5;
|
|
377
377
|
}
|
|
378
|
-
`],n.UUIActionBarElement=th([p("uui-action-bar")],n.UUIActionBarElement);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?oh(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&&ih(e,t,o),o};n.UUIAvatarGroupElement=class extends g{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return
|
|
378
|
+
`],n.UUIActionBarElement=th([p("uui-action-bar")],n.UUIActionBarElement);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?oh(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&&ih(e,t,o),o};n.UUIAvatarGroupElement=class extends g{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return c`
|
|
379
379
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
380
|
-
${this._isLimitExceeded()?
|
|
380
|
+
${this._isLimitExceeded()?c`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
381
381
|
`}},n.UUIAvatarGroupElement.styles=[b`
|
|
382
382
|
:host {
|
|
383
383
|
display: inline-flex;
|
|
@@ -395,11 +395,11 @@
|
|
|
395
395
|
#overflow-indication {
|
|
396
396
|
margin-left: 6px;
|
|
397
397
|
}
|
|
398
|
-
`],mo([Pe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),mo([$()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),mo([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=mo([p("uui-avatar-group")],n.UUIAvatarGroupElement);var rh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,
|
|
398
|
+
`],mo([Pe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),mo([$()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),mo([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=mo([p("uui-avatar-group")],n.UUIAvatarGroupElement);var rh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,Bt=(i,e,t,r)=>{for(var o=r>1?void 0:r?nh(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&&rh(e,t,o),o};n.UUIAvatarElement=class extends g{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this.name=""}get _initials(){return this.initials?.substring(0,3)||this.createInitials(this.name)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=e.split(/\s+/).filter(o=>o.length>0&&!/^[^\p{L}\p{N}]/u.test(o));if(r.length===0){const o=e.trim();if(o.length>0&&/\p{Extended_Pictographic}/u.test(o)){const s=o.split(/\s+/);for(const a of s)if(/\p{Extended_Pictographic}/u.test(a))return a}return t}return t=r[0].charAt(0),r.length>1&&(t+=r.at(-1).charAt(0)),t.toUpperCase()}renderImage(){return c` <img
|
|
399
399
|
src="${this.imgSrc}"
|
|
400
400
|
srcset="${this.imgSrcset}"
|
|
401
401
|
alt="${this._initials}"
|
|
402
|
-
title="${this.name}" />`}render(){return
|
|
402
|
+
title="${this.name}" />`}render(){return c`
|
|
403
403
|
${this.imgSrc?this.renderImage():""}
|
|
404
404
|
${this.imgSrc?"":this._initials}
|
|
405
405
|
<slot></slot>
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
overflow: hidden;
|
|
435
435
|
border-radius: 50%;
|
|
436
436
|
}
|
|
437
|
-
`],
|
|
437
|
+
`],Bt([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Bt([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Bt([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Bt([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",2),Bt([l({type:String})],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Bt([p("uui-avatar")],n.UUIAvatarElement);var sh=Object.defineProperty,ah=Object.getOwnPropertyDescriptor,vo=(i,e,t,r)=>{for(var o=r>1?void 0:r?ah(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&&sh(e,t,o),o};n.UUIBadgeElement=class extends g{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return c` <slot></slot> `}},n.UUIBadgeElement.styles=[b`
|
|
438
438
|
:host {
|
|
439
439
|
position: var(--uui-badge-position, absolute);
|
|
440
440
|
display: flex;
|
|
@@ -565,18 +565,18 @@
|
|
|
565
565
|
animation: none;
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
-
`],vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),vo([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=vo([p("uui-badge")],n.UUIBadgeElement);var lh=Object.defineProperty,uh=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&lh(e,t,o),o};const xi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return uh([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var ch=Object.defineProperty,na=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&ch(e,t,o),o};const ye=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return
|
|
569
|
-
${this._labelSlotHasContent===!1?
|
|
568
|
+
`],vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),vo([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=vo([p("uui-badge")],n.UUIBadgeElement);var lh=Object.defineProperty,uh=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&lh(e,t,o),o};const xi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return uh([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var ch=Object.defineProperty,na=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&ch(e,t,o),o};const ye=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return c`
|
|
569
|
+
${this._labelSlotHasContent===!1?c`<span class="label">${this.label}</span>`:""}
|
|
570
570
|
<slot
|
|
571
571
|
class="label"
|
|
572
572
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
573
573
|
name=${i||""}
|
|
574
574
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
575
|
-
`}}return na([l({type:String})],t.prototype,"label"),na([$()],t.prototype,"_labelSlotHasContent"),t};let hh=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},go=class extends hh{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,sa=(i,e,t,r)=>{for(var o=r>1?void 0:r?ph(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&&dh(e,t,o),o};const
|
|
575
|
+
`}}return na([l({type:String})],t.prototype,"label"),na([$()],t.prototype,"_labelSlotHasContent"),t};let hh=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},go=class extends hh{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,sa=(i,e,t,r)=>{for(var o=r>1?void 0:r?ph(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&&dh(e,t,o),o};const Dt=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const h=a.tagName;return h==="A"||h==="BUTTON"||h==="INPUT"||h==="TEXTAREA"||h==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new go(go.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new go(go.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return sa([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),sa([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var bh=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,vh=(i,e,t,r)=>{for(var o=mh(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&bh(e,t,o),o};const fo=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return vh([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};let aa=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Vt=class extends aa{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Kv=class extends aa{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var gh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?fh(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&&gh(e,t,o),o};const yh=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],we=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const s=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",s)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(s=>s.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,s,a){const h={flagKey:o,getMessageMethod:s,checkMethod:a,weight:yh.indexOf(o)};return this.#r.push(h),this.#r.sort((u,d)=>u.weight>d.weight?1:d.weight>u.weight?-1:0),h}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(Vt.INVALID,()=>{this._runValidators()}),o.addEventListener(Vt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,s;this.#r.some(h=>h.checkMethod()?(this.#e[h.flagKey]=!0,o=h.getMessageMethod(),!0):!1),o||this.#o.some(h=>{let u;for(u in h.validity)if(u!=="valid"&&h.validity[u])return this.#e[u]=!0,o=h.validationMessage,s??=h,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new Vt(Vt.VALID)):this.dispatchEvent(new Vt(Vt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return gt([l({type:String})],t.prototype,"name",2),gt([l()],t.prototype,"value",1),gt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),gt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),gt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),gt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),gt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t},wh=(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};var $h=Object.defineProperty,_h=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&$h(e,t,o),o};const Uh=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=wh(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return _h([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};/**
|
|
576
576
|
* @license
|
|
577
577
|
* Copyright 2018 Google LLC
|
|
578
578
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
579
|
-
*/const w=i=>i??T;let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},yo=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},
|
|
579
|
+
*/const w=i=>i??T;let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},yo=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ht=class extends z{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}},Hr=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var kh=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,jt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Eh(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&&kh(e,t,o),o};let ce=class extends we(ye("",g),""){constructor(e="checkbox"){super(),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keydown",this.#e)}get value(){return this._value}set value(e){const t=super.value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}#e(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),t.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),t.addEventListener("mouseup",()=>{r=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new Hr(Hr.CHANGE))}render(){return c`
|
|
580
580
|
<label>
|
|
581
581
|
<input
|
|
582
582
|
id="input"
|
|
@@ -644,11 +644,11 @@
|
|
|
644
644
|
span.label:empty {
|
|
645
645
|
display: none;
|
|
646
646
|
}
|
|
647
|
-
`]}};
|
|
647
|
+
`]}};jt([l({type:String,attribute:"label-position",reflect:!0})],ce.prototype,"labelPosition",2),jt([l({type:Boolean})],ce.prototype,"checked",1),jt([l({type:Boolean,reflect:!0})],ce.prototype,"indeterminate",2),jt([l({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),jt([l({type:Boolean,reflect:!0})],ce.prototype,"readonly",2),jt([S("#input")],ce.prototype,"_input",2);/**
|
|
648
648
|
* @license
|
|
649
649
|
* Copyright 2020 Google LLC
|
|
650
650
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
651
|
-
*/const la=Symbol.for(""),xh=i=>{if(i?.r===la)return i?._$litStatic$},ua=i=>({_$litStatic$:i,r:la}),ca=new Map,Ih=i=>(e,...t)=>{const r=t.length;let o,s;const a=[],
|
|
651
|
+
*/const la=Symbol.for(""),xh=i=>{if(i?.r===la)return i?._$litStatic$},ua=i=>({_$litStatic$:i,r:la}),ca=new Map,Ih=i=>(e,...t)=>{const r=t.length;let o,s;const a=[],h=[];let u,d=0,m=!1;for(;d<r;){for(u=e[d];d<r&&(s=t[d],(o=xh(s))!==void 0);)u+=o+e[++d],m=!0;d!==r&&h.push(s),a.push(u),d++}if(d===r&&a.push(e[r]),m){const v=a.join("$$lit$$");(e=ca.get(v))===void 0&&(a.raw=a,ca.set(v,e=a)),t=h}return i(e,...t)},ha=Ih(qu);var Ch=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sh(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&&Ch(e,t,o),o};function jr(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}n.UUIBoxElement=class extends g{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag="h5",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=jr(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=jr(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=jr(e.target)}}set headlineVariant(e){this._headlineVariantTag=e}get headlineVariant(){return this._headlineVariantTag}renderHeader(){return ha`<div
|
|
652
652
|
id="header"
|
|
653
653
|
class="uui-text"
|
|
654
654
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
</div>`}render(){return ha`
|
|
665
665
|
${this.renderHeader()}
|
|
666
666
|
<slot></slot>
|
|
667
|
-
`}},n.UUIBoxElement.styles=[
|
|
667
|
+
`}},n.UUIBoxElement.styles=[Nt,b`
|
|
668
668
|
:host {
|
|
669
669
|
display: block;
|
|
670
670
|
border: var(--uui-box-border-width, 0) solid
|
|
@@ -694,19 +694,19 @@
|
|
|
694
694
|
display: block;
|
|
695
695
|
margin-left: auto;
|
|
696
696
|
}
|
|
697
|
-
`],
|
|
697
|
+
`],ft([l({type:String})],n.UUIBoxElement.prototype,"headline",2),ft([l({attribute:"headline-variant"})],n.UUIBoxElement.prototype,"headlineVariant",1),ft([$()],n.UUIBoxElement.prototype,"_headlineVariantTag",2),ft([$()],n.UUIBoxElement.prototype,"_headlineSlotHasContent",2),ft([$()],n.UUIBoxElement.prototype,"_headerSlotHasContent",2),ft([$()],n.UUIBoxElement.prototype,"_headerActionsSlotHasContent",2),n.UUIBoxElement=ft([p("uui-box")],n.UUIBoxElement);let Ah=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 _=(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)},da=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=s.left+a.scrollX,u=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-h,v=d.pageY-u;e?.onMove&&e.onMove(m,v)}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)},O=(i,e,t)=>Math.min(Math.max(i,e),t),pa=(i,e,t)=>t+e-i,Ph=(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 zh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}/**
|
|
698
698
|
* @license
|
|
699
699
|
* Copyright 2017 Google LLC
|
|
700
700
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
701
|
-
*/const he={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},
|
|
701
|
+
*/const he={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},Rt=i=>(...e)=>({_$litDirective$:i,values:e});let Ft=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};/**
|
|
702
702
|
* @license
|
|
703
703
|
* Copyright 2020 Google LLC
|
|
704
704
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
705
|
-
*/const{I:Oh}=tc,ba=i=>i.strings===void 0,ma=()=>document.createComment(""),Ii=(i,e,t)=>{var r;const o=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(ma(),s),
|
|
705
|
+
*/const{I:Oh}=tc,ba=i=>i.strings===void 0,ma=()=>document.createComment(""),Ii=(i,e,t)=>{var r;const o=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(ma(),s),h=o.insertBefore(ma(),s);t=new Oh(a,h,i,i.options)}else{const a=t._$AB.nextSibling,h=t._$AM,u=h!==i;if(u){let d;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==h._$AU&&t._$AP(d)}if(a!==s||u){let d=t._$AA;for(;d!==a;){const m=d.nextSibling;o.insertBefore(d,s),d=m}}}return t},yt=(i,e,t=i)=>(i._$AI(e,t),i),Lh={},va=(i,e=Lh)=>i._$AH=e,Mh=i=>i._$AH,Rr=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const r=i._$AB.nextSibling;for(;t!==r;){const o=t.nextSibling;t.remove(),t=o}};/**
|
|
706
706
|
* @license
|
|
707
707
|
* Copyright 2017 Google LLC
|
|
708
708
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
709
|
-
*/const ga=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},wo=
|
|
709
|
+
*/const ga=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},wo=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const o=[],s=[];let a=0;for(const h of i)o[a]=r?r(h,a):a,s[a]=t(h,a),a++;return{values:s,keys:o}}render(i,e,t){return this.ct(i,e,t).values}update(i,[e,t,r]){var o;const s=Mh(i),{values:a,keys:h}=this.ct(e,t,r);if(!Array.isArray(s))return this.ut=h,a;const u=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],d=[];let m,v,y=0,U=s.length-1,I=0,P=a.length-1;for(;y<=U&&I<=P;)if(s[y]===null)y++;else if(s[U]===null)U--;else if(u[y]===h[I])d[I]=yt(s[y],a[I]),y++,I++;else if(u[U]===h[P])d[P]=yt(s[U],a[P]),U--,P--;else if(u[y]===h[P])d[P]=yt(s[y],a[P]),Ii(i,d[P+1],s[y]),y++,P--;else if(u[U]===h[I])d[I]=yt(s[U],a[I]),Ii(i,s[y],s[U]),U--,I++;else if(m===void 0&&(m=ga(h,I,P),v=ga(u,y,U)),m.has(u[y]))if(m.has(u[U])){const Z=v.get(h[I]),We=Z!==void 0?s[Z]:null;if(We===null){const qe=Ii(i,s[y]);yt(qe,a[I]),d[I]=qe}else d[I]=yt(We,a[I]),Ii(i,s[y],We),s[Z]=null;I++}else Rr(s[U]),U--;else Rr(s[y]),y++;for(;I<=P;){const Z=Ii(i,d[P+1]);yt(Z,a[I]),d[I++]=Z}for(;y<=U;){const Z=s[y++];Z!==null&&Rr(Z)}return this.ut=h,va(i,d),ee}}),Th=b`
|
|
710
710
|
@keyframes uui-blink {
|
|
711
711
|
0%,
|
|
712
712
|
100% {
|
|
@@ -716,7 +716,7 @@
|
|
|
716
716
|
opacity: 1;
|
|
717
717
|
}
|
|
718
718
|
}
|
|
719
|
-
`,Nh=
|
|
719
|
+
`,Nh=Ye("uui-blink 0.9s infinite both"),Bh=b`
|
|
720
720
|
@keyframes pulse {
|
|
721
721
|
0% {
|
|
722
722
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -734,7 +734,7 @@
|
|
|
734
734
|
opacity: 0;
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
|
-
`;
|
|
737
|
+
`;Ye("pulse 0.8s ease-in-out infinite both");const $o=b`
|
|
738
738
|
@keyframes uui-horizontal-shake {
|
|
739
739
|
10%,
|
|
740
740
|
90% {
|
|
@@ -757,11 +757,11 @@
|
|
|
757
757
|
transform: translateX(2px);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
760
|
-
`,_o=Xe("uui-horizontal-shake 600ms ease backwards");f`<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"/><path d="M12 5v14"/></svg>`,f`<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="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,f`<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="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,f`<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="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`;const Uo=f`<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>`;f`<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="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,f`<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="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,f`<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 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,f`<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="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`;const Dh=f`<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>`;f`<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="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,f`<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="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,f`<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,f`<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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,f`<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="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,f`<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,f`<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="M12 16v-4" /><path d="M12 8h.01" /></svg>`,f`<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`;const Vh=f`<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>`;f`<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="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`;const Hh=f`<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>`;f`<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"><polygon points="5 3 19 12 5 21 5 3" /></svg>`;const Rr=f`<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>`;f`<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="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`;const jh=f`<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>`;f`<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="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`;const Rh=f`<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>`;f`<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 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`;const Fh=f`<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>`,Gh=f`<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>`;f`<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="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`;const Wh=f`<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 qh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,fa=i=>{throw TypeError(i)},ie=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kh(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&&qh(e,t,o),o},ya=(i,e,t)=>e.has(i)||fa("Cannot "+t),Xh=(i,e,t)=>(ya(i,e,"read from private field"),e.get(i)),Yh=(i,e,t)=>e.has(i)?fa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Zh=(i,e,t,r)=>(ya(i,e,"write to private field"),e.set(i,t),t),ko;n.UUIButtonElement=class extends we(ye("",Uh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Yh(this,ko),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(Xh(this,ko)),(this.state==="success"||this.state==="failed")&&Zh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=u`<uui-icon
|
|
760
|
+
`,_o=Ye("uui-horizontal-shake 600ms ease backwards");f`<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"/><path d="M12 5v14"/></svg>`,f`<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="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,f`<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="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,f`<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="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`;const Uo=f`<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>`;f`<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="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,f`<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="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,f`<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 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,f`<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="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`;const Dh=f`<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>`;f`<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="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,f`<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="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,f`<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,f`<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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,f`<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="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,f`<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,f`<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="M12 16v-4" /><path d="M12 8h.01" /></svg>`,f`<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`;const Vh=f`<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>`;f`<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="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`;const Hh=f`<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>`;f`<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"><polygon points="5 3 19 12 5 21 5 3" /></svg>`;const Fr=f`<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>`;f`<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="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`;const jh=f`<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>`;f`<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="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`;const Rh=f`<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>`;f`<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 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`;const Fh=f`<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>`,Gh=f`<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>`;f`<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="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`;const Wh=f`<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 qh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,fa=i=>{throw TypeError(i)},ie=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kh(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&&qh(e,t,o),o},ya=(i,e,t)=>e.has(i)||fa("Cannot "+t),Xh=(i,e,t)=>(ya(i,e,"read from private field"),e.get(i)),Yh=(i,e,t)=>e.has(i)?fa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Zh=(i,e,t,r)=>(ya(i,e,"write to private field"),e.set(i,t),t),ko;n.UUIButtonElement=class extends we(ye("",Uh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Yh(this,ko),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(Xh(this,ko)),(this.state==="success"||this.state==="failed")&&Zh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=c`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=c`<uui-icon
|
|
761
761
|
name="check"
|
|
762
|
-
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=
|
|
762
|
+
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=c`<uui-icon
|
|
763
763
|
name="wrong"
|
|
764
|
-
.fallback=${Wh.strings[0]}></uui-icon>`;break;default:return C}return
|
|
764
|
+
.fallback=${Wh.strings[0]}></uui-icon>`;break;default:return C}return c`<div id="state">${e}</div>`}render(){return this.href?c`
|
|
765
765
|
<a
|
|
766
766
|
id="button"
|
|
767
767
|
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
@@ -773,7 +773,7 @@
|
|
|
773
773
|
${this.renderState()} ${this.renderLabel()}
|
|
774
774
|
<slot name="extra"></slot>
|
|
775
775
|
</a>
|
|
776
|
-
`:
|
|
776
|
+
`:c`
|
|
777
777
|
<button
|
|
778
778
|
id="button"
|
|
779
779
|
type=${this.type}
|
|
@@ -1157,20 +1157,50 @@
|
|
|
1157
1157
|
var(--color-standalone)
|
|
1158
1158
|
);
|
|
1159
1159
|
}
|
|
1160
|
-
`],ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ie([l({type:String})],n.UUIButtonElement.prototype,"href",2),ie([l({type:String})],n.UUIButtonElement.prototype,"target",2),ie([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ie([l({type:String})],n.UUIButtonElement.prototype,"title",2),ie([S("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ie([p("uui-button")],n.UUIButtonElement);var Jh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,wa=
|
|
1160
|
+
`],ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ie([l({type:String})],n.UUIButtonElement.prototype,"href",2),ie([l({type:String})],n.UUIButtonElement.prototype,"target",2),ie([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ie([l({type:String})],n.UUIButtonElement.prototype,"title",2),ie([S("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ie([p("uui-button")],n.UUIButtonElement);var Jh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,wa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qh(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&&Jh(e,t,o),o};n.UUIScrollContainerElement=class extends g{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return c`<slot></slot>`}},n.UUIScrollContainerElement.styles=[b`
|
|
1161
|
+
:host {
|
|
1162
|
+
display: block;
|
|
1163
|
+
scrollbar-width: thin;
|
|
1164
|
+
scrollbar-color: var(--uui-color-disabled-contrast,#c4c4c4)
|
|
1165
|
+
var(--uui-color-surface,#fff);
|
|
1166
|
+
overflow-y: auto;
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
:host([enforce-scroll]) {
|
|
1170
|
+
overflow-y: scroll;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
:host::-webkit-scrollbar {
|
|
1174
|
+
width: 6px;
|
|
1175
|
+
height: 6px; /* needed for horizontal scrollbar */
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
:host::-webkit-scrollbar-track {
|
|
1179
|
+
background: var(--uui-color-surface,#fff);
|
|
1180
|
+
border-radius: 3px;
|
|
1181
|
+
}
|
|
1182
|
+
:host::-webkit-scrollbar-thumb {
|
|
1183
|
+
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1184
|
+
border-radius: 3px;
|
|
1185
|
+
}
|
|
1186
|
+
`],wa([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=wa([p("uui-scroll-container")],n.UUIScrollContainerElement);var ed=Object.defineProperty,td=Object.getOwnPropertyDescriptor,$a=i=>{throw TypeError(i)},wt=(i,e,t,r)=>{for(var o=r>1?void 0:r?td(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&&ed(e,t,o),o},Gr=(i,e,t)=>e.has(i)||$a("Cannot "+t),L=(i,e,t)=>(Gr(i,e,"read from private field"),t?t.call(i):e.get(i)),ze=(i,e,t)=>e.has(i)?$a("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ci=(i,e,t,r)=>(Gr(i,e,"write to private field"),e.set(i,t),t),Qe=(i,e,t)=>(Gr(i,e,"access private method"),t),Oe,et,$t,Si,Wr,Le,Ai,qr,$e,Kr,_a,Xr,Ua,Yr;n.UUIPopoverContainerElement=class extends g{constructor(){super(),ze(this,$e),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,ze(this,Oe,null),ze(this,et,[]),ze(this,$t,null),ze(this,Si,{width:0,height:0}),ze(this,Wr,e=>{this._open=e.newState==="open",Ci(this,Oe,Ph(this,"popovertarget",this.id)),L(this,Oe)?.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:e.oldState,newState:e.newState}})),this._open?(Qe(this,$e,Ua).call(this),Qe(this,$e,_a).call(this),requestAnimationFrame(()=>{L(this,Le).call(this)})):(Qe(this,$e,Xr).call(this),this.style.removeProperty("--_available-height"))}),ze(this,Le,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",L(this,Ai).call(this,3))}),ze(this,Ai,e=>{if(L(this,qr).call(this),e--,L(this,Oe)===null)return;const t=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,s=this._actualPlacement.indexOf("right")!==-1,a=this._actualPlacement.indexOf("-start")!==-1,h=this._actualPlacement.indexOf("-end")!==-1,u=L(this,Oe).getBoundingClientRect(),d=this.getBoundingClientRect();let m=0,v=0;r&&(m=u.top+u.height,a&&(v=u.left),h&&(v=u.left+u.width-d.width),!a&&!h&&(v=u.left+u.width/2-d.width/2)),t&&(m=u.top-d.height,a&&(v=u.left),h&&(v=u.left+u.width-d.width),!a&&!h&&(v=u.left+u.width/2-d.width/2)),o&&(v=u.left-d.width,a&&(m=u.top),h&&(m=u.top+u.height-d.height),!a&&!h&&(m=u.top+u.height/2-d.height/2)),s&&(v=u.left+u.width,a&&(m=u.top),h&&(m=u.top+u.height-d.height),!a&&!h&&(m=u.top+u.height/2-d.height/2));const y=window.innerWidth,U=window.innerHeight,I=Math.min(0,u.top+u.height),P=Math.max(Math.min(m,U-d.height),u.top-d.height);if(Math.max(I,P)!==m&&(t||r)&&e>0){Qe(this,$e,Kr).call(this),L(this,Ai).call(this,e);return}m=Math.max(I,P);const Z=Math.min(0,u.left+u.width),We=Math.max(Math.min(v,y-d.width),u.left-d.width),qe=Math.max(Z,We);if(qe!==v&&(o||s)&&e>0){Qe(this,$e,Kr).call(this),L(this,Ai).call(this,e);return}if(v=qe,m+d.height<0||m>U||v+d.width<0||v>y){this.hidePopover();return}const Ke=t?u.top-2*this.margin:r?U-(u.top+u.height)-2*this.margin:U-u.top-this.margin;this.style.setProperty("--_available-height",`${Math.max(Ke,0)}px`),this.style.transform=`translate(${v}px, ${m}px)`,this.style.opacity="1"}),ze(this,qr,()=>{const e={top:"bottom",bottom:"top",left:"right",right:"left"};let t=this._actualPlacement.split("-")[0];t=e[t]||t,t=t.charAt(0).toUpperCase()+t.slice(1);const r=`margin${t}`;this.style.margin="0",this.style[r]=`${this.margin}px`}),this.addEventListener("beforetoggle",L(this,Wr),{passive:!0})}get open(){return this._open}get placement(){return this._placement}set placement(e){this._placement=e,this._actualPlacement=e,L(this,Le).call(this)}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover",""),L(this,$t)||(Ci(this,$t,new ResizeObserver(e=>{const t=e[0],r=t.contentRect.width,o=t.contentRect.height;r===L(this,Si).width&&o===L(this,Si).height||(Ci(this,Si,{width:r,height:o}),L(this,Le).call(this))})),L(this,$t).observe(this))}disconnectedCallback(){super.disconnectedCallback(),Qe(this,$e,Xr).call(this),L(this,$t)?.disconnect(),Ci(this,$t,null)}_getScrollParents(){return L(this,et)}render(){return c`<uui-scroll-container><slot></slot></uui-scroll-container>`}},Oe=new WeakMap,et=new WeakMap,$t=new WeakMap,Si=new WeakMap,Wr=new WeakMap,Le=new WeakMap,Ai=new WeakMap,qr=new WeakMap,$e=new WeakSet,Kr=function(){const[i,e]=this._actualPlacement.split("-"),t=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${t}-${e}`},_a=function(){L(this,et).forEach(i=>{i.addEventListener("scroll",L(this,Le),{passive:!0})}),document.addEventListener("scroll",L(this,Le),{passive:!0})},Xr=function(){L(this,et).forEach(i=>{i.removeEventListener("scroll",L(this,Le))}),document.removeEventListener("scroll",L(this,Le))},Ua=function(){if(Ci(this,et,[]),!L(this,Oe))return;let i=getComputedStyle(L(this,Oe));if(i.position==="fixed")return;let e=i.position==="absolute";const t=/(auto|scroll)/;let r=L(this,Oe);for(;r;){if(i=getComputedStyle(r),e&&i.position==="static"){r=Qe(this,$e,Yr).call(this,r);continue}if(i.position!=="static"&&(e=i.position==="absolute"),t.test(i.overflow+i.overflowY+i.overflowX)&&L(this,et).push(r),i.position==="fixed")return;r=Qe(this,$e,Yr).call(this,r)}L(this,et).push(document.body)},Yr=function(i){return i?.assignedSlot?i.assignedSlot:i?.parentElement?i.parentElement:i?.getRootNode()?.host},n.UUIPopoverContainerElement.styles=[b`
|
|
1161
1187
|
:host {
|
|
1162
1188
|
margin: 0;
|
|
1163
1189
|
width: fit-content;
|
|
1164
1190
|
height: fit-content;
|
|
1165
1191
|
border: none;
|
|
1166
|
-
border-radius: 0;
|
|
1167
1192
|
padding: 0;
|
|
1168
1193
|
background-color: none;
|
|
1169
1194
|
background: none;
|
|
1170
|
-
overflow: visible;
|
|
1171
1195
|
color: var(--uui-color-text,#060606);
|
|
1196
|
+
box-shadow: var(--uui-shadow-depth-4,0 14px 28px rgba(0,0,0,0.25) , 0 10px 10px rgba(0,0,0,0.22));
|
|
1197
|
+
border-radius: var(--uui-border-radius,3px);
|
|
1198
|
+
}
|
|
1199
|
+
|
|
1200
|
+
uui-scroll-container {
|
|
1201
|
+
max-height: var(--_available-height, none);
|
|
1172
1202
|
}
|
|
1173
|
-
`],
|
|
1203
|
+
`],wt([l({type:Number})],n.UUIPopoverContainerElement.prototype,"margin",2),wt([l({type:Boolean})],n.UUIPopoverContainerElement.prototype,"open",1),wt([l({type:String,reflect:!0})],n.UUIPopoverContainerElement.prototype,"placement",1),wt([$()],n.UUIPopoverContainerElement.prototype,"_placement",2),wt([$()],n.UUIPopoverContainerElement.prototype,"_open",2),wt([$()],n.UUIPopoverContainerElement.prototype,"_actualPlacement",2),n.UUIPopoverContainerElement=wt([p("uui-popover-container")],n.UUIPopoverContainerElement);var id=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUISymbolMoreElement=class extends g{render(){return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
1174
1204
|
<circle cx="17" cy="50" r="9"></circle>
|
|
1175
1205
|
<circle cx="50" cy="50" r="9"></circle>
|
|
1176
1206
|
<circle cx="83" cy="50" r="9"></circle>
|
|
@@ -1185,7 +1215,7 @@
|
|
|
1185
1215
|
svg {
|
|
1186
1216
|
fill: currentColor;
|
|
1187
1217
|
}
|
|
1188
|
-
`],n.UUISymbolMoreElement=
|
|
1218
|
+
`],n.UUISymbolMoreElement=id([p("uui-symbol-more")],n.UUISymbolMoreElement);var od=Object.defineProperty,rd=Object.getOwnPropertyDescriptor,ka=i=>{throw TypeError(i)},Gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?rd(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&&od(e,t,o),o},Zr=(i,e,t)=>e.has(i)||ka("Cannot "+t),x=(i,e,t)=>(Zr(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),Me=(i,e,t,r)=>(Zr(i,e,"write to private field"),e.set(i,t),t),Ue=(i,e,t)=>(Zr(i,e,"access private method"),t),ke,de,Te,tt,Eo,Pi,zi,Ne,oe,Ea,xa,Jr,Qr,en,tn,Wt;n.UUIResponsiveContainerElement=class extends g{constructor(){super(...arguments),_e(this,oe),this.collapse="end",_e(this,ke,[]),_e(this,de,[]),_e(this,Te,new Map),_e(this,tt,[]),_e(this,Eo,new ResizeObserver(Ue(this,oe,xa).bind(this))),_e(this,Pi,[]),_e(this,zi,!1),_e(this,Ne,!1),_e(this,Wt,e=>{const t=e.currentTarget,r=x(this,Te).get(t);r&&(this._popoverContainerElement?.hidePopover(),r.click())})}connectedCallback(){super.connectedCallback(),Me(this,Ne,!0),Ue(this,oe,Ea).call(this)}disconnectedCallback(){super.disconnectedCallback(),Me(this,Ne,!1),x(this,Eo).disconnect(),Ue(this,oe,Qr).call(this)}render(){const e=c`
|
|
1189
1219
|
<uui-button
|
|
1190
1220
|
popovertarget="popover-container"
|
|
1191
1221
|
style="display: none"
|
|
@@ -1196,11 +1226,11 @@
|
|
|
1196
1226
|
<uui-symbol-more></uui-symbol-more>
|
|
1197
1227
|
</slot>
|
|
1198
1228
|
</uui-button>
|
|
1199
|
-
`;return
|
|
1229
|
+
`;return c`
|
|
1200
1230
|
<div id="main">
|
|
1201
1231
|
${this.collapse==="start"?e:""}
|
|
1202
1232
|
<div id="items-container">
|
|
1203
|
-
<slot @slotchange=${Ue(this,oe,
|
|
1233
|
+
<slot @slotchange=${Ue(this,oe,Jr)}></slot>
|
|
1204
1234
|
</div>
|
|
1205
1235
|
${this.collapse==="end"?e:""}
|
|
1206
1236
|
</div>
|
|
@@ -1209,10 +1239,10 @@
|
|
|
1209
1239
|
popover
|
|
1210
1240
|
placement=${this.collapse==="start"?"bottom-start":"bottom-end"}>
|
|
1211
1241
|
<div id="dropdown-container">
|
|
1212
|
-
${wo(x(this,de),t=>
|
|
1242
|
+
${wo(x(this,de),t=>c`${t}`)}
|
|
1213
1243
|
</div>
|
|
1214
1244
|
</uui-popover-container>
|
|
1215
|
-
`}},ke=new WeakMap,de=new WeakMap,Te=new WeakMap,
|
|
1245
|
+
`}},ke=new WeakMap,de=new WeakMap,Te=new WeakMap,tt=new WeakMap,Eo=new WeakMap,Pi=new WeakMap,zi=new WeakMap,Ne=new WeakMap,oe=new WeakSet,Ea=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,x(this,Ne)&&(x(this,Eo).observe(this._mainElement),requestAnimationFrame(()=>{x(this,Ne)&&Ue(this,oe,Jr).call(this)}))},xa=function(i){if(!x(this,Ne))return;const e=i[0].contentBoxSize[0].inlineSize;Ue(this,oe,tn).call(this,e)},Jr=function(){x(this,Ne)&&(Ue(this,oe,Qr).call(this),Me(this,ke,this._slottedNodes?[...this._slottedNodes]:[]),x(this,ke).forEach(i=>{const e=new ResizeObserver(Ue(this,oe,en).bind(this));e.observe(i),x(this,Pi).push(e)}),Ue(this,oe,en).call(this))},Qr=function(){x(this,Pi).forEach(i=>i.disconnect()),Me(this,Pi,[]),Me(this,tt,[]),x(this,de).forEach(i=>{i.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear()},en=async function(){if(!x(this,Ne)||x(this,zi))return;Me(this,zi,!0),await this.updateComplete;const i=Number.parseFloat(getComputedStyle(this).getPropertyValue("--uui-responsive-container-gap")),e=Number.isNaN(i)?8:i;let t=0;for(let o=0;o<x(this,ke).length;o++)x(this,ke)[o].style.display="",t+=x(this,ke)[o].offsetWidth,x(this,tt)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Ue(this,oe,tn).call(this,this._mainElement.offsetWidth),Me(this,zi,!1)},tn=function(i){const e=this._moreButtonElement?.offsetWidth||40,t=i-e;x(this,de).forEach(o=>{o.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear();const r=x(this,tt).length;if(this.collapse==="end")for(let o=0;o<r;o++){const s=x(this,tt)[o],a=x(this,ke)[o],h=o===r-1?i:t;if(s<=h)a.style.display="";else{a.style.display="none";const u=a.cloneNode(!0);u.style.display="",u.addEventListener("click",x(this,Wt)),x(this,Te).set(u,a),x(this,Te).set(a,u),x(this,de).push(u)}}else{const o=x(this,tt)[r-1]||0;for(let s=0;s<r;s++){const a=x(this,ke)[s],h=o-(s>0?x(this,tt)[s-1]:0),u=(s===0||x(this,ke)[s-1].style.display==="none")&&x(this,de).length===0?i:t;if(h<=u)a.style.display="";else{a.style.display="none";const d=a.cloneNode(!0);d.style.display="",d.addEventListener("click",x(this,Wt)),x(this,Te).set(d,a),x(this,Te).set(a,d),x(this,de).push(d)}}}x(this,de).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement?.hidePopover()):this._moreButtonElement.style.display="",this.requestUpdate()},Wt=new WeakMap,n.UUIResponsiveContainerElement.styles=[b`
|
|
1216
1246
|
:host {
|
|
1217
1247
|
display: flex;
|
|
1218
1248
|
min-width: 0;
|
|
@@ -1256,24 +1286,36 @@
|
|
|
1256
1286
|
padding: var(--uui-size-space-2,6px);
|
|
1257
1287
|
gap: var(--uui-size-space-1,3px);
|
|
1258
1288
|
}
|
|
1259
|
-
`],
|
|
1289
|
+
`],Gt([S("#more-button")],n.UUIResponsiveContainerElement.prototype,"_moreButtonElement",2),Gt([S("#popover-container")],n.UUIResponsiveContainerElement.prototype,"_popoverContainerElement",2),Gt([S("#main")],n.UUIResponsiveContainerElement.prototype,"_mainElement",2),Gt([l({type:String,reflect:!0})],n.UUIResponsiveContainerElement.prototype,"collapse",2),Gt([Pe({flatten:!0})],n.UUIResponsiveContainerElement.prototype,"_slottedNodes",2),n.UUIResponsiveContainerElement=Gt([p("uui-responsive-container")],n.UUIResponsiveContainerElement);var nd=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,on=(i,e,t,r)=>{for(var o=r>1?void 0:r?sd(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&&nd(e,t,o),o};n.UUIBreadcrumbItemElement=class extends g{constructor(){super(...arguments),this.lastItem=!1}connectedCallback(){super.connectedCallback()}_onKeydown(e){e.key==="Enter"&&e.currentTarget.click()}renderLinkAndSeparator(){const e=this.href?c`<a id="link" href=${this.href}><slot></slot></a>`:c`<span
|
|
1290
|
+
id="link"
|
|
1291
|
+
tabindex="0"
|
|
1292
|
+
role="link"
|
|
1293
|
+
@keydown=${this._onKeydown}
|
|
1294
|
+
><slot></slot
|
|
1295
|
+
></span>`;return c`${e}<span part="separator"></span>`}renderCurrent(){return c`<span id="last-item"><slot></slot></span>`}render(){return c`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[b`
|
|
1260
1296
|
:host {
|
|
1261
1297
|
font-size: var(--uui-type-small-size,12px);
|
|
1262
1298
|
color: currentColor;
|
|
1263
1299
|
}
|
|
1264
1300
|
|
|
1265
1301
|
a,
|
|
1266
|
-
a:visited
|
|
1302
|
+
a:visited,
|
|
1303
|
+
span#link {
|
|
1267
1304
|
color: currentColor;
|
|
1305
|
+
cursor: pointer;
|
|
1306
|
+
text-decoration: underline;
|
|
1268
1307
|
}
|
|
1269
|
-
a:hover
|
|
1308
|
+
a:hover,
|
|
1309
|
+
span#link:hover {
|
|
1270
1310
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1271
1311
|
}
|
|
1272
|
-
a:focus
|
|
1312
|
+
a:focus,
|
|
1313
|
+
span#link:focus {
|
|
1273
1314
|
color: var(--uui-color-focus,#3879ff);
|
|
1274
1315
|
}
|
|
1275
1316
|
|
|
1276
|
-
a:focus-visible
|
|
1317
|
+
a:focus-visible,
|
|
1318
|
+
span#link:focus-visible {
|
|
1277
1319
|
border-radius: var(--uui-border-radius,3px);
|
|
1278
1320
|
outline: 2px solid var(--uui-color-focus,#3879ff);
|
|
1279
1321
|
}
|
|
@@ -1295,7 +1337,7 @@
|
|
|
1295
1337
|
overflow: hidden;
|
|
1296
1338
|
text-overflow: ellipsis;
|
|
1297
1339
|
}
|
|
1298
|
-
`],
|
|
1340
|
+
`],on([l()],n.UUIBreadcrumbItemElement.prototype,"href",2),on([l({type:Boolean,attribute:"last-item"})],n.UUIBreadcrumbItemElement.prototype,"lastItem",2),n.UUIBreadcrumbItemElement=on([p("uui-breadcrumb-item")],n.UUIBreadcrumbItemElement);var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,Ia=(i,e,t,r)=>{for(var o=r>1?void 0:r?ld(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&&ad(e,t,o),o};n.UUIBreadcrumbsElement=class extends g{elementIsBreadcrumbItem(e){return e instanceof n.UUIBreadcrumbItemElement}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation"),_(this,"uui-responsive-container")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return c`<uui-responsive-container
|
|
1299
1341
|
id="breadcrumbs-list"
|
|
1300
1342
|
collapse="start">
|
|
1301
1343
|
<span slot="trigger-content">
|
|
@@ -1333,11 +1375,11 @@
|
|
|
1333
1375
|
color: var(--uui-color-border,#d8d7d9); /* Matches breadcrumb separator */
|
|
1334
1376
|
margin-left: var(--uui-size-2,6px);
|
|
1335
1377
|
}
|
|
1336
|
-
`],
|
|
1378
|
+
`],Ia([Pe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],n.UUIBreadcrumbsElement.prototype,"slotNodes",2),n.UUIBreadcrumbsElement=Ia([p("uui-breadcrumbs")],n.UUIBreadcrumbsElement);/**
|
|
1337
1379
|
* @license
|
|
1338
1380
|
* Copyright 2018 Google LLC
|
|
1339
1381
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1340
|
-
*/const
|
|
1382
|
+
*/const Ca="important",ud=" !"+Ca,Be=Rt(class extends Ft{constructor(i){var e;if(super(i),i.type!==he.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce(((e,t)=>{const r=i[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(i,[e]){const{style:t}=i.element;if(this.ht===void 0){this.ht=new Set;for(const r in e)this.ht.add(r);return this.render(e)}this.ht.forEach((r=>{e[r]==null&&(this.ht.delete(r),r.includes("-")?t.removeProperty(r):t[r]="")}));for(const r in e){const o=e[r];if(o!=null){this.ht.add(r);const s=typeof o=="string"&&o.endsWith(ud);r.includes("-")||s?t.setProperty(r,s?o.slice(0,-11):o,s?Ca:""):t[r]=o}}return ee}});let rn=class extends z{static{this.CLICK="click"}constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};var cd=Object.defineProperty,hd=Object.getOwnPropertyDescriptor,Sa=i=>{throw TypeError(i)},_t=(i,e,t,r)=>{for(var o=r>1?void 0:r?hd(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&&cd(e,t,o),o},dd=(i,e,t)=>e.has(i)||Sa("Cannot "+t),pd=(i,e,t)=>e.has(i)?Sa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),xo=(i,e,t)=>(dd(i,e,"access private method"),t),qt,nn,Aa,Pa;n.UUIButtonInlineCreateElement=class extends g{constructor(){super(...arguments),pd(this,qt),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 rn(rn.CLICK))}render(){return this.href?xo(this,qt,Aa).call(this):xo(this,qt,Pa).call(this)}},qt=new WeakSet,nn=function(){return c`
|
|
1341
1383
|
<div
|
|
1342
1384
|
id="plus"
|
|
1343
1385
|
style=${Be({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
@@ -1349,21 +1391,21 @@
|
|
|
1349
1391
|
d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z" />
|
|
1350
1392
|
</svg>
|
|
1351
1393
|
</div>
|
|
1352
|
-
`},
|
|
1394
|
+
`},Aa=function(){return c`<a
|
|
1353
1395
|
id="button-wrapper"
|
|
1354
1396
|
@mousemove=${this._onMouseMove}
|
|
1355
1397
|
href=${w(this.href)}
|
|
1356
1398
|
target=${w(this.target||void 0)}
|
|
1357
1399
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
1358
1400
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1359
|
-
${xo(this,
|
|
1360
|
-
</a>`},
|
|
1401
|
+
${xo(this,qt,nn).call(this)}
|
|
1402
|
+
</a>`},Pa=function(){return c`
|
|
1361
1403
|
<button
|
|
1362
1404
|
id="button-wrapper"
|
|
1363
1405
|
@mousemove=${this._onMouseMove}
|
|
1364
1406
|
@click=${this._handleClick}
|
|
1365
1407
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1366
|
-
${xo(this,
|
|
1408
|
+
${xo(this,qt,nn).call(this)}
|
|
1367
1409
|
</button>
|
|
1368
1410
|
`},n.UUIButtonInlineCreateElement.styles=[Th,b`
|
|
1369
1411
|
:host {
|
|
@@ -1522,11 +1564,11 @@
|
|
|
1522
1564
|
#button-wrapper:active #plus {
|
|
1523
1565
|
transform: scale(1.1);
|
|
1524
1566
|
}
|
|
1525
|
-
`]
|
|
1567
|
+
`],_t([$()],n.UUIButtonInlineCreateElement.prototype,"_position",2),_t([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),_t([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),_t([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),_t([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),_t([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=_t([p("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Oi=class extends z{constructor(){super(...arguments),this.text=null}static{this.COPIED="copied"}static{this.COPYING="copying"}};var bd=Object.defineProperty,md=Object.getOwnPropertyDescriptor,za=i=>{throw TypeError(i)},Io=(i,e,t,r)=>{for(var o=r>1?void 0:r?md(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&&bd(e,t,o),o},Oa=(i,e,t)=>e.has(i)||za("Cannot "+t),sn=(i,e,t)=>(Oa(i,e,"read from private field"),t?t.call(i):e.get(i)),La=(i,e,t)=>e.has(i)?za("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),vd=(i,e,t,r)=>(Oa(i,e,"write to private field"),e.set(i,t),t),Li,an;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,La(this,Li),La(this,an,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new Oi(Oi.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new Oi(Oi.COPIED);r.text=e,this.dispatchEvent(r),vd(this,Li,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),_(this,"uui-icon"),this.addEventListener("click",sn(this,an))}disconnectedCallback(){super.disconnectedCallback(),sn(this,Li)&&clearTimeout(sn(this,Li))}renderLabel(){return c`
|
|
1526
1568
|
<slot class="label">
|
|
1527
1569
|
<uui-icon name="copy"></uui-icon>
|
|
1528
1570
|
</slot>
|
|
1529
|
-
`}},Li=new WeakMap,
|
|
1571
|
+
`}},Li=new WeakMap,an=new WeakMap,n.UUIButtonCopyTextElement.styles=n.UUIButtonElement.styles,Io([l({type:String})],n.UUIButtonCopyTextElement.prototype,"text",2),Io([l({type:String,attribute:"copy-from"})],n.UUIButtonCopyTextElement.prototype,"copyFrom",2),Io([l({type:Number,attribute:"animation-state-delay"})],n.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),n.UUIButtonCopyTextElement=Io([p("uui-button-copy-text")],n.UUIButtonCopyTextElement);var gd=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUICheckboxElement=class extends ce{renderCheckbox(){return c`
|
|
1530
1572
|
<div id="ticker">
|
|
1531
1573
|
<div id="icon-check">
|
|
1532
1574
|
${this.indeterminate?Rh:Uo}
|
|
@@ -1734,7 +1776,7 @@
|
|
|
1734
1776
|
:host([disabled]) input:indeterminate + #ticker #icon-check {
|
|
1735
1777
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1736
1778
|
}
|
|
1737
|
-
`],n.UUICheckboxElement=
|
|
1779
|
+
`],n.UUICheckboxElement=gd([p("uui-checkbox")],n.UUICheckboxElement);let Mi=class extends z{static{this.OPEN="open"}};var fd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?yd(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&&fd(e,t,o),o};n.UUICardElement=class extends fo(Dt(g)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Mi(Mi.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Mi(Mi.OPEN)))}renderCheckbox(){if(this.selectable)return c`
|
|
1738
1780
|
<uui-checkbox
|
|
1739
1781
|
id="select-checkbox"
|
|
1740
1782
|
label="select"
|
|
@@ -1743,8 +1785,8 @@
|
|
|
1743
1785
|
@click=${e=>e.stopPropagation()}
|
|
1744
1786
|
@change=${()=>this.click()}>
|
|
1745
1787
|
</uui-checkbox>
|
|
1746
|
-
`}render(){return
|
|
1747
|
-
<div id="select-border"></div>`}},n.UUICardElement.styles=[
|
|
1788
|
+
`}render(){return c`<slot id="open-part"></slot>
|
|
1789
|
+
<div id="select-border"></div>`}},n.UUICardElement.styles=[Nt,b`
|
|
1748
1790
|
:host {
|
|
1749
1791
|
position: relative;
|
|
1750
1792
|
display: flex;
|
|
@@ -1906,24 +1948,24 @@
|
|
|
1906
1948
|
#select-checkbox[checked] {
|
|
1907
1949
|
opacity: 1;
|
|
1908
1950
|
}
|
|
1909
|
-
`],
|
|
1910
|
-
${Ti(this,
|
|
1911
|
-
${this.href?Ti(this,
|
|
1951
|
+
`],Kt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Kt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Kt([l({type:String})],n.UUICardElement.prototype,"href",2),Kt([l({type:String})],n.UUICardElement.prototype,"target",2),Kt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=Kt([p("uui-card")],n.UUICardElement);var wd=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,Ma=i=>{throw TypeError(i)},Co=(i,e,t,r)=>{for(var o=r>1?void 0:r?$d(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&&wd(e,t,o),o},_d=(i,e,t)=>e.has(i)||Ma("Cannot "+t),Ud=(i,e,t)=>e.has(i)?Ma("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ti=(i,e,t)=>(_d(i,e,"access private method"),t),Ut,Ta,Na,Ba,ln;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ud(this,Ut),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return c`
|
|
1952
|
+
${Ti(this,Ut,Ba).call(this)}
|
|
1953
|
+
${this.href?Ti(this,Ut,Na).call(this):Ti(this,Ut,Ta).call(this)}
|
|
1912
1954
|
<!-- Select border must be right after #open-part -->
|
|
1913
1955
|
<div id="select-border"></div>
|
|
1914
1956
|
${this.selectable?this.renderCheckbox():C}
|
|
1915
1957
|
<slot name="tag"></slot>
|
|
1916
1958
|
<slot name="actions"></slot>
|
|
1917
|
-
`}},
|
|
1959
|
+
`}},Ut=new WeakSet,Ta=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return c`
|
|
1918
1960
|
<button
|
|
1919
1961
|
id="open-part"
|
|
1920
1962
|
class="uui-text"
|
|
1921
1963
|
tabindex=${w(i)}
|
|
1922
1964
|
@click=${this.handleOpenClick}
|
|
1923
1965
|
@keydown=${this.handleOpenKeydown}>
|
|
1924
|
-
${Ti(this,
|
|
1966
|
+
${Ti(this,Ut,ln).call(this)}
|
|
1925
1967
|
</button>
|
|
1926
|
-
`},
|
|
1968
|
+
`},Na=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return c`
|
|
1927
1969
|
<a
|
|
1928
1970
|
id="open-part"
|
|
1929
1971
|
class="uui-text"
|
|
@@ -1931,11 +1973,11 @@
|
|
|
1931
1973
|
href=${w(this.disabled?void 0:this.href)}
|
|
1932
1974
|
target=${w(this.target||void 0)}
|
|
1933
1975
|
rel=${w(this.rel||e)}>
|
|
1934
|
-
${Ti(this,
|
|
1976
|
+
${Ti(this,Ut,ln).call(this)}
|
|
1935
1977
|
</a>
|
|
1936
|
-
`},
|
|
1978
|
+
`},Ba=function(){return c`<div id="portrait">
|
|
1937
1979
|
<slot></slot>
|
|
1938
|
-
</div> `},
|
|
1980
|
+
</div> `},ln=function(){return c`
|
|
1939
1981
|
<div id="content">
|
|
1940
1982
|
<span title="${this.name}" id="name">${this.name}</span>
|
|
1941
1983
|
<small title="${w(this.description)}">${this.description}<slot name="description"></slot></small>
|
|
@@ -2082,7 +2124,7 @@
|
|
|
2082
2124
|
calc(var(--uui-size-space-4,12px) * -1);
|
|
2083
2125
|
top: 0;
|
|
2084
2126
|
}
|
|
2085
|
-
`],Co([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Co([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Co([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=Co([p("uui-card-block-type")],n.UUICardBlockTypeElement);var
|
|
2127
|
+
`],Co([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Co([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Co([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=Co([p("uui-card-block-type")],n.UUICardBlockTypeElement);var kd=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,Da=i=>{throw TypeError(i)},So=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ed(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&&kd(e,t,o),o},xd=(i,e,t)=>e.has(i)||Da("Cannot "+t),Id=(i,e,t)=>e.has(i)?Da("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ao=(i,e,t)=>(xd(i,e,"access private method"),t),Xt,un,Va,Ha;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Id(this,Xt),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
2086
2128
|
xmlns="http://www.w3.org/2000/svg"
|
|
2087
2129
|
viewBox="0 0 24 24"
|
|
2088
2130
|
fill="none"
|
|
@@ -2093,16 +2135,16 @@
|
|
|
2093
2135
|
id="icon">
|
|
2094
2136
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
2095
2137
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
2096
|
-
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),
|
|
2138
|
+
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}renderDetail(){return c`<small id="detail"
|
|
2097
2139
|
>${this.detail}<slot name="detail"></slot></small
|
|
2098
|
-
><slot id="default"></slot>`}render(){return
|
|
2099
|
-
${this.href?Ao(this,
|
|
2140
|
+
><slot id="default"></slot>`}render(){return c`
|
|
2141
|
+
${this.href?Ao(this,Xt,Ha).call(this):Ao(this,Xt,Va).call(this)}
|
|
2100
2142
|
<!-- Select border must be right after #open-part -->
|
|
2101
2143
|
<div id="select-border"></div>
|
|
2102
2144
|
${this.selectable?this.renderCheckbox():C}
|
|
2103
2145
|
<slot name="tag"></slot>
|
|
2104
2146
|
<slot name="actions"></slot>
|
|
2105
|
-
`}},
|
|
2147
|
+
`}},Xt=new WeakSet,un=function(){return c`
|
|
2106
2148
|
<span id="content" class="uui-text">
|
|
2107
2149
|
<span id="item">
|
|
2108
2150
|
<span id="icon">
|
|
@@ -2115,22 +2157,22 @@
|
|
|
2115
2157
|
</span>
|
|
2116
2158
|
${this.renderDetail()}
|
|
2117
2159
|
</span>
|
|
2118
|
-
`},
|
|
2160
|
+
`},Va=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return c`
|
|
2119
2161
|
<button
|
|
2120
2162
|
id="open-part"
|
|
2121
2163
|
tabindex=${w(i)}
|
|
2122
2164
|
@click=${this.handleOpenClick}
|
|
2123
2165
|
@keydown=${this.handleOpenKeydown}>
|
|
2124
|
-
${Ao(this,
|
|
2166
|
+
${Ao(this,Xt,un).call(this)}
|
|
2125
2167
|
</button>
|
|
2126
|
-
`},
|
|
2168
|
+
`},Ha=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return c`
|
|
2127
2169
|
<a
|
|
2128
2170
|
id="open-part"
|
|
2129
2171
|
tabindex=${w(i)}
|
|
2130
2172
|
href=${w(this.disabled?void 0:this.href)}
|
|
2131
2173
|
target=${w(this.target||void 0)}
|
|
2132
2174
|
rel=${w(this.rel||e)}>
|
|
2133
|
-
${Ao(this,
|
|
2175
|
+
${Ao(this,Xt,un).call(this)}
|
|
2134
2176
|
</a>
|
|
2135
2177
|
`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`
|
|
2136
2178
|
:host {
|
|
@@ -2239,33 +2281,33 @@
|
|
|
2239
2281
|
top: var(--uui-size-5,15px);
|
|
2240
2282
|
left: var(--uui-size-6,18px);
|
|
2241
2283
|
}
|
|
2242
|
-
`],So([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),So([l({type:String})],n.UUICardContentNodeElement.prototype,"detail",2),So([$()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=So([p("uui-card-content-node")],n.UUICardContentNodeElement);var
|
|
2284
|
+
`],So([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),So([l({type:String})],n.UUICardContentNodeElement.prototype,"detail",2),So([$()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=So([p("uui-card-content-node")],n.UUICardContentNodeElement);var Cd=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,ja=i=>{throw TypeError(i)},Ni=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sd(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&&Cd(e,t,o),o},Ad=(i,e,t)=>e.has(i)||ja("Cannot "+t),Pd=(i,e,t)=>e.has(i)?ja("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Po=(i,e,t)=>(Ad(i,e,"access private method"),t),Yt,Ra,Fa,cn;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Pd(this,Yt),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?c`<uui-symbol-folder id="entity-symbol"></uui-symbol-folder>`:c`<uui-symbol-file
|
|
2243
2285
|
id="entity-symbol"
|
|
2244
|
-
type="${this.fileExt}"></uui-symbol-file>`}render(){return
|
|
2286
|
+
type="${this.fileExt}"></uui-symbol-file>`}render(){return c` ${this.renderMedia()}
|
|
2245
2287
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
2246
|
-
${this.href?Po(this,
|
|
2288
|
+
${this.href?Po(this,Yt,Fa).call(this):Po(this,Yt,Ra).call(this)}
|
|
2247
2289
|
<!-- Select border must be right after .open-part -->
|
|
2248
2290
|
<div id="select-border"></div>
|
|
2249
2291
|
${this.selectable?this.renderCheckbox():C}
|
|
2250
2292
|
<slot name="tag"></slot>
|
|
2251
|
-
<slot name="actions"></slot>`}},
|
|
2293
|
+
<slot name="actions"></slot>`}},Yt=new WeakSet,Ra=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return c`
|
|
2252
2294
|
<button
|
|
2253
2295
|
id="open-part"
|
|
2254
2296
|
tabindex=${w(i)}
|
|
2255
2297
|
@click=${this.handleOpenClick}
|
|
2256
2298
|
@keydown=${this.handleOpenKeydown}>
|
|
2257
|
-
${Po(this,
|
|
2299
|
+
${Po(this,Yt,cn).call(this)}
|
|
2258
2300
|
</button>
|
|
2259
|
-
`},
|
|
2301
|
+
`},Fa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return c`
|
|
2260
2302
|
<a
|
|
2261
2303
|
id="open-part"
|
|
2262
2304
|
tabindex=${w(i)}
|
|
2263
2305
|
href=${w(this.disabled?void 0:this.href)}
|
|
2264
2306
|
target=${w(this.target||void 0)}
|
|
2265
2307
|
rel=${w(this.rel||e)}>
|
|
2266
|
-
${Po(this,
|
|
2308
|
+
${Po(this,Yt,cn).call(this)}
|
|
2267
2309
|
</a>
|
|
2268
|
-
`},
|
|
2310
|
+
`},cn=function(){return c`
|
|
2269
2311
|
<div id="content" class="uui-text">
|
|
2270
2312
|
<!--
|
|
2271
2313
|
TODO: Implement info box when pop-out is ready
|
|
@@ -2412,33 +2454,33 @@
|
|
|
2412
2454
|
height: var(--uui-size-8);
|
|
2413
2455
|
}
|
|
2414
2456
|
*/
|
|
2415
|
-
`],Ni([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Ni([l({type:String})],n.UUICardMediaElement.prototype,"detail",2),Ni([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Ni([$()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Ni([p("uui-card-media")],n.UUICardMediaElement);var
|
|
2416
|
-
${this.href?zo(this,
|
|
2457
|
+
`],Ni([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Ni([l({type:String})],n.UUICardMediaElement.prototype,"detail",2),Ni([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Ni([$()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Ni([p("uui-card-media")],n.UUICardMediaElement);var zd=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,Ga=i=>{throw TypeError(i)},hn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Od(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&&zd(e,t,o),o},Ld=(i,e,t)=>e.has(i)||Ga("Cannot "+t),Md=(i,e,t)=>e.has(i)?Ga("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),zo=(i,e,t)=>(Ld(i,e,"access private method"),t),Zt,Wa,qa,dn;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Md(this,Zt),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=zh(e.target)}}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return c`
|
|
2458
|
+
${this.href?zo(this,Zt,qa).call(this):zo(this,Zt,Wa).call(this)}
|
|
2417
2459
|
<!-- Select border must be right after #open-part -->
|
|
2418
2460
|
<div id="select-border"></div>
|
|
2419
2461
|
${this.selectable?this.renderCheckbox():C}
|
|
2420
2462
|
<slot name="tag"></slot>
|
|
2421
2463
|
<slot name="actions"></slot>
|
|
2422
|
-
`}},
|
|
2464
|
+
`}},Zt=new WeakSet,Wa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return c`
|
|
2423
2465
|
<div
|
|
2424
2466
|
id="open-part"
|
|
2425
2467
|
tabindex=${w(i)}
|
|
2426
2468
|
@click=${this.handleOpenClick}
|
|
2427
2469
|
@keydown=${this.handleOpenKeydown}>
|
|
2428
|
-
${zo(this,
|
|
2470
|
+
${zo(this,Zt,dn).call(this)}
|
|
2429
2471
|
</div>
|
|
2430
|
-
`},
|
|
2472
|
+
`},qa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return c`
|
|
2431
2473
|
<a
|
|
2432
2474
|
id="open-part"
|
|
2433
2475
|
tabindex=${w(i)}
|
|
2434
2476
|
href=${w(this.disabled?void 0:this.href)}
|
|
2435
2477
|
target=${w(this.target||void 0)}
|
|
2436
2478
|
rel=${w(this.rel||e)}>
|
|
2437
|
-
${zo(this,
|
|
2479
|
+
${zo(this,Zt,dn).call(this)}
|
|
2438
2480
|
</a>
|
|
2439
|
-
`},
|
|
2481
|
+
`},dn=function(){return c`
|
|
2440
2482
|
<div id="content">
|
|
2441
|
-
${this._avatarSlotHasContent?C:
|
|
2483
|
+
${this._avatarSlotHasContent?C:c`<uui-avatar
|
|
2442
2484
|
class="avatar"
|
|
2443
2485
|
name=${this.name}
|
|
2444
2486
|
size="m"></uui-avatar>`}
|
|
@@ -2535,7 +2577,7 @@
|
|
|
2535
2577
|
margin-top: var(--uui-size-space-1,3px);
|
|
2536
2578
|
margin-bottom: var(--uui-size-space-2,6px);
|
|
2537
2579
|
}
|
|
2538
|
-
`],
|
|
2580
|
+
`],hn([l({type:String})],n.UUICardUserElement.prototype,"name",2),hn([$()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=hn([p("uui-card-user")],n.UUICardUserElement);var Td=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Ka=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nd(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&&Td(e,t,o),o};n.UUICaretElement=class extends g{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 c`<svg
|
|
2539
2581
|
xmlns="http://www.w3.org/2000/svg"
|
|
2540
2582
|
viewBox="0 0 24 24"
|
|
2541
2583
|
fill="none"
|
|
@@ -2558,11 +2600,11 @@
|
|
|
2558
2600
|
:host([open]) svg {
|
|
2559
2601
|
transform: rotate(180deg);
|
|
2560
2602
|
}
|
|
2561
|
-
`],
|
|
2603
|
+
`],Ka([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Ka([p("uui-caret")],n.UUICaretElement);/**
|
|
2562
2604
|
* @license
|
|
2563
2605
|
* Copyright 2018 Google LLC
|
|
2564
2606
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2565
|
-
*/const
|
|
2607
|
+
*/const pn=Rt(class extends Ft{constructor(i){var e;if(super(i),i.type!==he.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[e]){var t,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((s=>s!==""))));for(const s in e)e[s]&&!(!((t=this.nt)===null||t===void 0)&&t.has(s))&&this.it.add(s);return this.render(e)}const o=i.element.classList;this.it.forEach((s=>{s in e||(o.remove(s),this.it.delete(s))}));for(const s in e){const a=!!e[s];a===this.it.has(s)||!((r=this.nt)===null||r===void 0)&&r.has(s)||(a?(o.add(s),this.it.add(s)):(o.remove(s),this.it.delete(s)))}return ee}});var Bd={grad:.9,turn:360,rad:360/(2*Math.PI)},De=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},j=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},re=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Xa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ya=function(i){return{r:re(i.r,0,255),g:re(i.g,0,255),b:re(i.b,0,255),a:re(i.a)}},bn=function(i){return{r:j(i.r),g:j(i.g),b:j(i.b),a:j(i.a,3)}},Dd=/^#([0-9a-f]{3,8})$/i,Oo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Za=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),h=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:s?a/s*100:0,v:s/255*100,a:o}},Ja=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),h=r*(1-(e-s)*t),u=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},Qa=function(i){return{h:Xa(i.h),s:re(i.s,0,100),l:re(i.l,0,100),a:re(i.a)}},el=function(i){return{h:j(i.h),s:j(i.s),l:j(i.l),a:j(i.a,3)}},tl=function(i){return Ja((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Bi=function(i){return{h:(e=Za(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Vd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,jd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,il={string:[[function(i){var e=Dd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?j(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?j(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=jd.exec(i)||Rd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ya({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Vd.exec(i)||Hd.exec(i);if(!e)return null;var t,r,o=Qa({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Bd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return tl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return De(e)&&De(t)&&De(r)?Ya({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!De(e)||!De(t)||!De(r))return null;var a=Qa({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return tl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!De(e)||!De(t)||!De(r))return null;var a=(function(h){return{h:Xa(h.h),s:re(h.s,0,100),v:re(h.v,0,100),a:re(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return Ja(a)},"hsv"]]},ol=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Fd=function(i){return typeof i=="string"?ol(i.trim(),il.string):typeof i=="object"&&i!==null?ol(i,il.object):[null,void 0]},mn=function(i,e){var t=Bi(i);return{h:t.h,s:re(t.s+100*e,0,100),l:t.l,a:t.a}},vn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},rl=function(i,e){var t=Bi(i);return{h:t.h,s:t.s,l:re(t.l+100*e,0,100),a:t.a}},nl=(function(){function i(e){this.parsed=Fd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return j(vn(this.rgba),2)},i.prototype.isDark=function(){return vn(this.rgba)<.5},i.prototype.isLight=function(){return vn(this.rgba)>=.5},i.prototype.toHex=function(){return e=bn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Oo(j(255*s)):"","#"+Oo(t)+Oo(r)+Oo(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return bn(this.rgba)},i.prototype.toRgbString=function(){return e=bn(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return el(Bi(this.rgba))},i.prototype.toHslString=function(){return e=el(Bi(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=Za(this.rgba),{h:j(e.h),s:j(e.s),v:j(e.v),a:j(e.a,3)};var e},i.prototype.invert=function(){return ne({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),ne(mn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),ne(mn(this.rgba,-e))},i.prototype.grayscale=function(){return ne(mn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),ne(rl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),ne(rl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?ne({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):j(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Bi(this.rgba);return typeof e=="number"?ne({h:e,s:t.s,l:t.l,a:t.a}):j(t.h)},i.prototype.isEqual=function(e){return this.toHex()===ne(e).toHex()},i})(),ne=function(i){return i instanceof nl?i:new nl(i)};let gn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Gd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,Ee=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wd(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&&Gd(e,t,o),o};n.UUIColorAreaElement=class extends g{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.disabled=!1,this.readonly=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000"}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const r=ne(e);if(r.isValid()){const{h:o,s,l:a,a:h}=r.toHsl();o!==0&&(this.hue=o),this.lightness=a,this.saturation=s,this.brightness=this.getBrightness(a),this.alpha=h*100}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(e){if(this.disabled||this.readonly)return;const t=this.shadowRoot.querySelector(".color-area"),r=t.querySelector(".color-area__handle"),{width:o,height:s}=t.getBoundingClientRect();r.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,da(t,{onMove:(a,h)=>{isNaN(a)||isNaN(h)||(this.saturation=O(a/o*100,0,100),this.brightness=O(100-h/s*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=O(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=O(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=O(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=O(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=ne({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new gn(gn.CHANGE))}getHexString(e,t,r,o=100){const s=ne(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return c`
|
|
2566
2608
|
<div
|
|
2567
2609
|
part="grid"
|
|
2568
2610
|
class="color-area"
|
|
@@ -2571,7 +2613,7 @@
|
|
|
2571
2613
|
@touchstart=${this.handleGridDrag}>
|
|
2572
2614
|
<span
|
|
2573
2615
|
part="grid-handle"
|
|
2574
|
-
class=${
|
|
2616
|
+
class=${pn({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
2575
2617
|
style=${Be({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
2576
2618
|
role="application"
|
|
2577
2619
|
tabindex=${w(this.disabled?void 0:"0")}
|
|
@@ -2638,9 +2680,9 @@
|
|
|
2638
2680
|
* @license
|
|
2639
2681
|
* Copyright 2020 Google LLC
|
|
2640
2682
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2641
|
-
*/const Gd=jt(class extends Rt{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===Q||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return Q}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return Q}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return Q;return va(i),e}});var Wd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},nl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},sl=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},gn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},qd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},al=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),c=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:o}},ll=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),c=r*(1-(e-s)*t),h=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,c,a,a,h,r][d],g:255*[h,r,r,c,a,a][d],b:255*[a,a,h,r,r,c][d],a:o}},ul=function(i){return{h:nl(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},cl=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},hl=function(i){return ll((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Di=function(i){return{h:(e=al(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Kd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Yd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,fn={string:[[function(i){var e=qd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?R(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?R(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Yd.exec(i)||Zd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:sl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Kd.exec(i)||Xd.exec(i);if(!e)return null;var t,r,o=ul({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Wd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return hl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return Ve(e)&&Ve(t)&&Ve(r)?sl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=ul({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return hl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=(function(c){return{h:nl(c.h),s:se(c.s,0,100),v:se(c.v,0,100),a:se(c.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return ll(a)},"hsv"]]},dl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Jd=function(i){return typeof i=="string"?dl(i.trim(),fn.string):typeof i=="object"&&i!==null?dl(i,fn.object):[null,void 0]},yn=function(i,e){var t=Di(i);return{h:t.h,s:se(t.s+100*e,0,100),l:t.l,a:t.a}},wn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},pl=function(i,e){var t=Di(i);return{h:t.h,s:t.s,l:se(t.l+100*e,0,100),a:t.a}},Mo=(function(){function i(e){this.parsed=Jd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return R(wn(this.rgba),2)},i.prototype.isDark=function(){return wn(this.rgba)<.5},i.prototype.isLight=function(){return wn(this.rgba)>=.5},i.prototype.toHex=function(){return e=gn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Lo(R(255*s)):"","#"+Lo(t)+Lo(r)+Lo(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return gn(this.rgba)},i.prototype.toRgbString=function(){return e=gn(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return cl(Di(this.rgba))},i.prototype.toHslString=function(){return e=cl(Di(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=al(this.rgba),{h:R(e.h),s:R(e.s),v:R(e.v),a:R(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(yn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(yn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(yn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(pl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(pl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):R(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Di(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):R(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i})(),pe=function(i){return i instanceof Mo?i:new Mo(i)},bl=[],Qd=function(i){i.forEach(function(e){bl.indexOf(e)<0&&(e(Mo,fn),bl.push(e))})};function ep(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var o in t)r[t[o]]=o;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,h,d=r[this.toHex()];if(d)return d;if(a?.closest){var m=this.toRgb(),v=1/0,y="black";if(!s.length)for(var U in t)s[U]=new i(t[U]).toRgb();for(var I in t){var A=(c=m,h=s[I],Math.pow(c.r-h.r,2)+Math.pow(c.g-h.g,2)+Math.pow(c.b-h.b,2));A<v&&(v=A,y=I)}return y}},e.string.push([function(a){var c=a.toLowerCase(),h=c==="transparent"?"#0000":t[c];return h?new i(h).toRgb():null},"name"])}let Vi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var tp=Object.defineProperty,ip=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?ip(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&&tp(e,t,o),o};Qd([ep]);const ml="EyeDropper"in window;n.UUIColorPickerElement=class extends ye("label",g){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=pe("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:a,b:c}=this._colord.toRgb(),{h,s:d,l:m}=this._colord.toHsl(),{v}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${a}, ${c})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${h}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${h}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${h}, ${d}%, ${v}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(r)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(t)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}handleEyeDropper(){ml&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=100,this.inputValue="",this._value=e,this.dispatchEvent(new Vi(Vi.CHANGE)),!0;const t=new Mo(e),{h:r,s:o,l:s,a}=t.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?a*100:100;const c=e;return c&&c.h&&(this.hue=c.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Vi(Vi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,r,o=100){const s=pe(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return u`
|
|
2683
|
+
*/const qd=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===ee||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return ee}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return ee}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return ee;return va(i),e}});var Kd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},sl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},al=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},fn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},Xd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ll=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),h=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:s?a/s*100:0,v:s/255*100,a:o}},ul=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),h=r*(1-(e-s)*t),u=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},cl=function(i){return{h:sl(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},hl=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},dl=function(i){return ul((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Di=function(i){return{h:(e=ll(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Yd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Jd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Qd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yn={string:[[function(i){var e=Xd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?R(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?R(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Jd.exec(i)||Qd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:al({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Yd.exec(i)||Zd.exec(i);if(!e)return null;var t,r,o=cl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Kd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return dl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return Ve(e)&&Ve(t)&&Ve(r)?al({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=cl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return dl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=(function(h){return{h:sl(h.h),s:se(h.s,0,100),v:se(h.v,0,100),a:se(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return ul(a)},"hsv"]]},pl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},ep=function(i){return typeof i=="string"?pl(i.trim(),yn.string):typeof i=="object"&&i!==null?pl(i,yn.object):[null,void 0]},wn=function(i,e){var t=Di(i);return{h:t.h,s:se(t.s+100*e,0,100),l:t.l,a:t.a}},$n=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},bl=function(i,e){var t=Di(i);return{h:t.h,s:t.s,l:se(t.l+100*e,0,100),a:t.a}},Mo=(function(){function i(e){this.parsed=ep(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return R($n(this.rgba),2)},i.prototype.isDark=function(){return $n(this.rgba)<.5},i.prototype.isLight=function(){return $n(this.rgba)>=.5},i.prototype.toHex=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Lo(R(255*s)):"","#"+Lo(t)+Lo(r)+Lo(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return fn(this.rgba)},i.prototype.toRgbString=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return hl(Di(this.rgba))},i.prototype.toHslString=function(){return e=hl(Di(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=ll(this.rgba),{h:R(e.h),s:R(e.s),v:R(e.v),a:R(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(wn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):R(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Di(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):R(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i})(),pe=function(i){return i instanceof Mo?i:new Mo(i)},ml=[],tp=function(i){i.forEach(function(e){ml.indexOf(e)<0&&(e(Mo,yn),ml.push(e))})};function ip(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var o in t)r[t[o]]=o;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var h,u,d=r[this.toHex()];if(d)return d;if(a?.closest){var m=this.toRgb(),v=1/0,y="black";if(!s.length)for(var U in t)s[U]=new i(t[U]).toRgb();for(var I in t){var P=(h=m,u=s[I],Math.pow(h.r-u.r,2)+Math.pow(h.g-u.g,2)+Math.pow(h.b-u.b,2));P<v&&(v=P,y=I)}return y}},e.string.push([function(a){var h=a.toLowerCase(),u=h==="transparent"?"#0000":t[h];return u?new i(u).toRgb():null},"name"])}let Vi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var op=Object.defineProperty,rp=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?rp(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&&op(e,t,o),o};tp([ip]);const vl="EyeDropper"in window;n.UUIColorPickerElement=class extends ye("label",g){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=pe("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:a,b:h}=this._colord.toRgb(),{h:u,s:d,l:m}=this._colord.toHsl(),{v}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${a}, ${h})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${d}%, ${v}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(r)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(t)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}handleEyeDropper(){vl&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=100,this.inputValue="",this._value=e,this.dispatchEvent(new Vi(Vi.CHANGE)),!0;const t=new Mo(e),{h:r,s:o,l:s,a}=t.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?a*100:100;const h=e;return h&&h.h&&(this.hue=h.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Vi(Vi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,r,o=100){const s=pe(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return c`
|
|
2642
2684
|
<div
|
|
2643
|
-
class=${
|
|
2685
|
+
class=${pn({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2644
2686
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
2645
2687
|
<uui-color-area
|
|
2646
2688
|
.value="${this.value}"
|
|
@@ -2660,7 +2702,7 @@
|
|
|
2660
2702
|
?readonly=${this.readonly}
|
|
2661
2703
|
@change=${this.handleHueChange}>
|
|
2662
2704
|
</uui-color-slider>
|
|
2663
|
-
${this.opacity?
|
|
2705
|
+
${this.opacity?c`
|
|
2664
2706
|
<uui-color-slider
|
|
2665
2707
|
hide-value-label
|
|
2666
2708
|
label="alpha"
|
|
@@ -2692,14 +2734,14 @@
|
|
|
2692
2734
|
autocomplete="off"
|
|
2693
2735
|
autocapitalize="off"
|
|
2694
2736
|
spellcheck="false"
|
|
2695
|
-
.value=${
|
|
2737
|
+
.value=${qd(this.inputValue)}
|
|
2696
2738
|
?disabled=${this.disabled}
|
|
2697
2739
|
?readonly=${this.readonly}
|
|
2698
2740
|
@keydown=${this.handleInputKeyDown}
|
|
2699
2741
|
@change=${this.handleInputChange}>
|
|
2700
2742
|
</uui-input>
|
|
2701
2743
|
<uui-button-group>
|
|
2702
|
-
${this.noFormatToggle?"":
|
|
2744
|
+
${this.noFormatToggle?"":c`<uui-button
|
|
2703
2745
|
label="Toggle color format"
|
|
2704
2746
|
@click=${this.handleFormatToggle}
|
|
2705
2747
|
class="color-picker__toggle-format"
|
|
@@ -2707,7 +2749,7 @@
|
|
|
2707
2749
|
compact>
|
|
2708
2750
|
<span>${this.format}</span>
|
|
2709
2751
|
</uui-button>`}
|
|
2710
|
-
${
|
|
2752
|
+
${vl?c`<uui-button
|
|
2711
2753
|
label="Select a color"
|
|
2712
2754
|
?disabled=${this.disabled||this.readonly}
|
|
2713
2755
|
@click=${this.handleEyeDropper}
|
|
@@ -2720,20 +2762,20 @@
|
|
|
2720
2762
|
</div>
|
|
2721
2763
|
${this._renderSwatches()}
|
|
2722
2764
|
</div>
|
|
2723
|
-
`}_renderSwatches(){return this.swatches?.length?
|
|
2765
|
+
`}_renderSwatches(){return this.swatches?.length?c`<uui-color-swatches
|
|
2724
2766
|
id="swatches"
|
|
2725
2767
|
class="color-picker__swatches"
|
|
2726
2768
|
label="Swatches"
|
|
2727
2769
|
?disabled=${this.disabled}
|
|
2728
2770
|
?readonly=${this.readonly}
|
|
2729
2771
|
@change=${this.handleColorSwatchChange}>
|
|
2730
|
-
${this.swatches.map(e=>
|
|
2772
|
+
${this.swatches.map(e=>c`<uui-color-swatch label="${e}" .value=${e}>
|
|
2731
2773
|
</uui-color-swatch>`)}
|
|
2732
|
-
</uui-color-swatches>`:C}_renderPreviewButton(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return
|
|
2774
|
+
</uui-color-swatches>`:C}_renderPreviewButton(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return c`<button
|
|
2733
2775
|
type="button"
|
|
2734
2776
|
part="trigger"
|
|
2735
2777
|
aria-label="${this.label||"Open Color picker"}"
|
|
2736
|
-
class=${
|
|
2778
|
+
class=${pn({"color-picker__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-picker__transparent-bg":!0})}
|
|
2737
2779
|
style=${Be({"--preview-color":e})}
|
|
2738
2780
|
?disabled=${this.disabled}
|
|
2739
2781
|
aria-haspopup="true"
|
|
@@ -2892,7 +2934,7 @@
|
|
|
2892
2934
|
uui-color-area {
|
|
2893
2935
|
width: 100%;
|
|
2894
2936
|
}
|
|
2895
|
-
`],D([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),D([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),D([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),D([$()],n.UUIColorPickerElement.prototype,"inputValue",2),D([$()],n.UUIColorPickerElement.prototype,"hue",2),D([$()],n.UUIColorPickerElement.prototype,"saturation",2),D([$()],n.UUIColorPickerElement.prototype,"lightness",2),D([$()],n.UUIColorPickerElement.prototype,"alpha",2),D([$()],n.UUIColorPickerElement.prototype,"_colord",2),D([l()],n.UUIColorPickerElement.prototype,"value",1),D([l()],n.UUIColorPickerElement.prototype,"format",2),D([l()],n.UUIColorPickerElement.prototype,"name",2),D([l()],n.UUIColorPickerElement.prototype,"size",2),D([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"readonly",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),D([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=D([p("uui-color-picker")],n.UUIColorPickerElement);var op={grad:.9,turn:360,rad:360/(2*Math.PI)},He=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},ae=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},vl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},gl=function(i){return{r:ae(i.r,0,255),g:ae(i.g,0,255),b:ae(i.b,0,255),a:ae(i.a)}},$n=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},rp=/^#([0-9a-f]{3,8})$/i,To=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},fl=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),c=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:o}},yl=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),c=r*(1-(e-s)*t),h=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,c,a,a,h,r][d],g:255*[h,r,r,c,a,a][d],b:255*[a,a,h,r,r,c][d],a:o}},wl=function(i){return{h:vl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},$l=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},_l=function(i){return yl((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Hi=function(i){return{h:(e=fl(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},np=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,sp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ap=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ul={string:[[function(i){var e=rp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?F(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?F(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=ap.exec(i)||lp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:gl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=np.exec(i)||sp.exec(i);if(!e)return null;var t,r,o=wl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(op[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return _l(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return He(e)&&He(t)&&He(r)?gl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=wl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return _l(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=(function(c){return{h:vl(c.h),s:ae(c.s,0,100),v:ae(c.v,0,100),a:ae(c.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return yl(a)},"hsv"]]},kl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},up=function(i){return typeof i=="string"?kl(i.trim(),Ul.string):typeof i=="object"&&i!==null?kl(i,Ul.object):[null,void 0]},_n=function(i,e){var t=Hi(i);return{h:t.h,s:ae(t.s+100*e,0,100),l:t.l,a:t.a}},Un=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},El=function(i,e){var t=Hi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},kn=(function(){function i(e){this.parsed=up(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return F(Un(this.rgba),2)},i.prototype.isDark=function(){return Un(this.rgba)<.5},i.prototype.isLight=function(){return Un(this.rgba)>=.5},i.prototype.toHex=function(){return e=$n(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?To(F(255*s)):"","#"+To(t)+To(r)+To(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return $n(this.rgba)},i.prototype.toRgbString=function(){return e=$n(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return $l(Hi(this.rgba))},i.prototype.toHslString=function(){return e=$l(Hi(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=fl(this.rgba),{h:F(e.h),s:F(e.s),v:F(e.v),a:F(e.a,3)};var e},i.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),je(_n(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),je(_n(this.rgba,-e))},i.prototype.grayscale=function(){return je(_n(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),je(El(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),je(El(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):F(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Hi(this.rgba);return typeof e=="number"?je({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},i})(),je=function(i){return i instanceof kn?i:new kn(i)};let En=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var cp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,be=(i,e,t,r)=>{for(var o=r>1?void 0:r?hp(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&&cp(e,t,o),o};n.UUIColorSliderElement=class extends ye("label",g){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1,this.hideValueLabel=!1}willUpdate(e){if(e.has("type")&&(this.type==="hue"?this.max=360:this.type==="saturation"?this.max=100:this.type==="lightness"?this.max=100:this.type==="opacity"&&(this.max=this.max??100),this.precision=this.precision??1,this.color)){const t=new kn(this.color),{h:r,s:o,l:s}=t.toHsl(),{r:a,g:c,b:h}=t.toRgb(),d=this.type==="saturation"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, 0%, ${s}%), hsl(${r}, 100%, ${s}%))`:this.type==="lightness"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, ${o}%, 0%), hsl(${r}, ${o}%, 100%))`:null,m=this.type==="opacity"?`linear-gradient(to ${this.vertical?"top":"right"}, transparent 0%, rgba(${a}, ${c}, ${h}, ${this.max}%) 100%)`:null;this.style.setProperty("--uui-slider-background-image",d),this.style.setProperty("--uui-slider-hue-color",m)}}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),da(this.container,{onMove:(o,s)=>{this.vertical?this.value=pa(O(s/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new En(En.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pa(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div
|
|
2937
|
+
`],D([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),D([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),D([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),D([$()],n.UUIColorPickerElement.prototype,"inputValue",2),D([$()],n.UUIColorPickerElement.prototype,"hue",2),D([$()],n.UUIColorPickerElement.prototype,"saturation",2),D([$()],n.UUIColorPickerElement.prototype,"lightness",2),D([$()],n.UUIColorPickerElement.prototype,"alpha",2),D([$()],n.UUIColorPickerElement.prototype,"_colord",2),D([l()],n.UUIColorPickerElement.prototype,"value",1),D([l()],n.UUIColorPickerElement.prototype,"format",2),D([l()],n.UUIColorPickerElement.prototype,"name",2),D([l()],n.UUIColorPickerElement.prototype,"size",2),D([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"readonly",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),D([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=D([p("uui-color-picker")],n.UUIColorPickerElement);var np={grad:.9,turn:360,rad:360/(2*Math.PI)},He=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},ae=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},gl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},fl=function(i){return{r:ae(i.r,0,255),g:ae(i.g,0,255),b:ae(i.b,0,255),a:ae(i.a)}},_n=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},sp=/^#([0-9a-f]{3,8})$/i,To=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},yl=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),h=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:s?a/s*100:0,v:s/255*100,a:o}},wl=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),h=r*(1-(e-s)*t),u=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},$l=function(i){return{h:gl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},_l=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},Ul=function(i){return wl((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Hi=function(i){return{h:(e=yl(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},ap=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,up=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,cp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,kl={string:[[function(i){var e=sp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?F(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?F(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=up.exec(i)||cp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:fl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=ap.exec(i)||lp.exec(i);if(!e)return null;var t,r,o=$l({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(np[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Ul(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return He(e)&&He(t)&&He(r)?fl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=$l({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return Ul(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=(function(h){return{h:gl(h.h),s:ae(h.s,0,100),v:ae(h.v,0,100),a:ae(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return wl(a)},"hsv"]]},El=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},hp=function(i){return typeof i=="string"?El(i.trim(),kl.string):typeof i=="object"&&i!==null?El(i,kl.object):[null,void 0]},Un=function(i,e){var t=Hi(i);return{h:t.h,s:ae(t.s+100*e,0,100),l:t.l,a:t.a}},kn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},xl=function(i,e){var t=Hi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},En=(function(){function i(e){this.parsed=hp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return F(kn(this.rgba),2)},i.prototype.isDark=function(){return kn(this.rgba)<.5},i.prototype.isLight=function(){return kn(this.rgba)>=.5},i.prototype.toHex=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?To(F(255*s)):"","#"+To(t)+To(r)+To(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return _n(this.rgba)},i.prototype.toRgbString=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return _l(Hi(this.rgba))},i.prototype.toHslString=function(){return e=_l(Hi(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=yl(this.rgba),{h:F(e.h),s:F(e.s),v:F(e.v),a:F(e.a,3)};var e},i.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,-e))},i.prototype.grayscale=function(){return je(Un(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):F(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Hi(this.rgba);return typeof e=="number"?je({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},i})(),je=function(i){return i instanceof En?i:new En(i)};let xn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var dp=Object.defineProperty,pp=Object.getOwnPropertyDescriptor,be=(i,e,t,r)=>{for(var o=r>1?void 0:r?pp(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&&dp(e,t,o),o};n.UUIColorSliderElement=class extends ye("label",g){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1,this.hideValueLabel=!1}willUpdate(e){if(e.has("type")&&(this.type==="hue"?this.max=360:this.type==="saturation"?this.max=100:this.type==="lightness"?this.max=100:this.type==="opacity"&&(this.max=this.max??100),this.precision=this.precision??1,this.color)){const t=new En(this.color),{h:r,s:o,l:s}=t.toHsl(),{r:a,g:h,b:u}=t.toRgb(),d=this.type==="saturation"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, 0%, ${s}%), hsl(${r}, 100%, ${s}%))`:this.type==="lightness"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, ${o}%, 0%), hsl(${r}, ${o}%, 100%))`:null,m=this.type==="opacity"?`linear-gradient(to ${this.vertical?"top":"right"}, transparent 0%, rgba(${a}, ${h}, ${u}, ${this.max}%) 100%)`:null;this.style.setProperty("--uui-slider-background-image",d),this.style.setProperty("--uui-slider-hue-color",m)}}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),da(this.container,{onMove:(o,s)=>{this.vertical?this.value=pa(O(s/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new xn(xn.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pa(this.value,this.min,this.max):this.max/this.value)}render(){return c`<div
|
|
2896
2938
|
part="slider"
|
|
2897
2939
|
id="color-slider"
|
|
2898
2940
|
role="slider"
|
|
@@ -2906,7 +2948,7 @@
|
|
|
2906
2948
|
@mousedown=${this.handleDrag}
|
|
2907
2949
|
@touchstart=${this.handleDrag}
|
|
2908
2950
|
@keydown=${this.handleKeyDown}>
|
|
2909
|
-
${this.type==="opacity"?
|
|
2951
|
+
${this.type==="opacity"?c`<div
|
|
2910
2952
|
id="current-hue"
|
|
2911
2953
|
style=${Be({backgroundImage:"var(--uui-slider-hue-color)"})}></div>`:""}
|
|
2912
2954
|
<!-- <slot name="detail"> </slot> -->
|
|
@@ -3034,10 +3076,10 @@
|
|
|
3034
3076
|
* @license
|
|
3035
3077
|
* Copyright 2017 Google LLC
|
|
3036
3078
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3037
|
-
*/const ji=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(t=s)._$AO)===null||r===void 0||r.call(t,e,!1),ji(s,e);return!0},No=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},
|
|
3079
|
+
*/const ji=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(t=s)._$AO)===null||r===void 0||r.call(t,e,!1),ji(s,e);return!0},No=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},Il=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),vp(e)}};function bp(i){this._$AN!==void 0?(No(this),this._$AM=i,Il(this)):this._$AM=i}function mp(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=t;s<r.length;s++)ji(r[s],!1),No(r[s]);else r!=null&&(ji(r,!1),No(r));else ji(this,i)}const vp=i=>{var e,t,r,o;i.type==he.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=mp),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=bp))};let gp=class extends Ft{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),Il(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(ji(this,e),No(this))}setValue(e){if(ba(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const In=new WeakMap,Bo=Rt(class extends gp{render(i){return T}update(i,[e]){var t;const r=e!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=e,this.dt=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),T}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=In.get(t);r===void 0&&(r=new WeakMap,In.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.dt,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.dt,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=In.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var fp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,Cl=i=>{throw TypeError(i)},Jt=(i,e,t,r)=>{for(var o=r>1?void 0:r?yp(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&&fp(e,t,o),o},wp=(i,e,t)=>e.has(i)||Cl("Cannot "+t),$p=(i,e,t)=>e.has(i)?Cl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_p=(i,e,t)=>(wp(i,e,"access private method"),t),Cn,Sl;n.UUIColorSwatchElement=class extends ye("label",Dt(xi(g))){constructor(){super(),$p(this,Cn),this.disabled=!1,this.readonly=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){return this._value??""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){const t=this._color;this._color=e,this.requestUpdate("color",t)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(e){(e.has("disabled")||e.has("readonly"))&&this.selectable&&(this.selectable=!this.disabled&&!this.readonly,this.deselectable=!this.disabled&&!this.readonly),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}focus(e){this.selectableTarget?.focus(e)}render(){return c`
|
|
3038
3080
|
<button
|
|
3039
3081
|
id="swatch"
|
|
3040
|
-
${Bo(
|
|
3082
|
+
${Bo(_p(this,Cn,Sl))}
|
|
3041
3083
|
aria-label=${this.label}
|
|
3042
3084
|
?disabled="${this.disabled}"
|
|
3043
3085
|
title="${this.label}">
|
|
@@ -3053,10 +3095,10 @@
|
|
|
3053
3095
|
</div>
|
|
3054
3096
|
${this._renderWithLabel()}
|
|
3055
3097
|
</button>
|
|
3056
|
-
`}_renderWithLabel(){return this.showLabel?
|
|
3098
|
+
`}_renderWithLabel(){return this.showLabel?c`<div class="color-swatch__label">
|
|
3057
3099
|
<strong>${this.renderLabel()}</strong>
|
|
3058
3100
|
${this.value}
|
|
3059
|
-
</div>`:C}},
|
|
3101
|
+
</div>`:C}},Cn=new WeakSet,Sl=function(i){this.selectableTarget=i||this},n.UUIColorSwatchElement.styles=[b`
|
|
3060
3102
|
:host {
|
|
3061
3103
|
position: relative;
|
|
3062
3104
|
display: inline-flex;
|
|
@@ -3219,19 +3261,19 @@
|
|
|
3219
3261
|
white-space: nowrap;
|
|
3220
3262
|
box-sizing: border-box;
|
|
3221
3263
|
}
|
|
3222
|
-
`],
|
|
3264
|
+
`],Jt([l()],n.UUIColorSwatchElement.prototype,"value",1),Jt([l()],n.UUIColorSwatchElement.prototype,"color",1),Jt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),Jt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"readonly",2),Jt([l({type:Boolean,attribute:"show-label",reflect:!0})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=Jt([p("uui-color-swatch")],n.UUIColorSwatchElement);let Ri=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Up=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,Fi=(i,e,t,r)=>{for(var o=r>1?void 0:r?kp(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&&Up(e,t,o),o};n.UUIColorSwatchesElement=class extends ye("label",g){constructor(){super(),this.value="",this.disabled=!1,this.readonly=!1,this._onSelected=e=>{const t=e.target;this._swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Ri(Ri.CHANGE)))},this._onDeselected=e=>{const t=e.target;this._swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Ri(Ri.CHANGE))))},this.addEventListener(Ht.SELECTED,this._onSelected),this.addEventListener(Ht.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this._swatches||this._swatches.length===0||this._swatches.forEach(e=>{e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.disabled?e.setAttribute("disabled",""):e.setAttribute("selectable","selectable"),this.readonly&&e.setAttribute("readonly",""),this.value!==""&&e.value===this.value&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this._swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!e.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}},n.UUIColorSwatchesElement.styles=[b`
|
|
3223
3265
|
:host {
|
|
3224
3266
|
display: flex;
|
|
3225
3267
|
flex-wrap: wrap;
|
|
3226
3268
|
gap: 0.4rem;
|
|
3227
3269
|
}
|
|
3228
|
-
`],Fi([l()],n.UUIColorSwatchesElement.prototype,"value",2),Fi([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"disabled",2),Fi([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"readonly",2),Fi([Pe({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"_swatches",2),n.UUIColorSwatchesElement=Fi([p("uui-color-swatches")],n.UUIColorSwatchesElement);let me=class extends z{static{this.CHANGE="change"}static{this.INNER_SLOT_CHANGE="inner-slot-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var
|
|
3270
|
+
`],Fi([l()],n.UUIColorSwatchesElement.prototype,"value",2),Fi([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"disabled",2),Fi([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"readonly",2),Fi([Pe({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"_swatches",2),n.UUIColorSwatchesElement=Fi([p("uui-color-swatches")],n.UUIColorSwatchesElement);let me=class extends z{static{this.CHANGE="change"}static{this.INNER_SLOT_CHANGE="inner-slot-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Ep=Object.defineProperty,xp=Object.getOwnPropertyDescriptor,Al=i=>{throw TypeError(i)},it=(i,e,t,r)=>{for(var o=r>1?void 0:r?xp(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&&Ep(e,t,o),o},Ip=(i,e,t)=>e.has(i)||Al("Cannot "+t),Cp=(i,e,t)=>e.has(i)?Al("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Pl=(i,e,t)=>(Ip(i,e,"access private method"),t),Do,Sn;n.UUIComboboxListElement=class extends g{constructor(){super(...arguments),Cp(this,Do),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Pl(this,Do,Sn).call(this),this._updateSelection(),this.dispatchEvent(new me(me.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new me(me.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new me(me.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{if(!(this._options.length<=0))switch(e.code){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),this._getActiveElement?.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Ht.SELECTED,this._onSelected),this.addEventListener(Ht.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Ht.SELECTED,this._onSelected),this.removeEventListener(Ht.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(e=>e.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(e=>e.value===this._activeElementValue)}_goToIndex(e){if(this._options.length===0)return;e=Math.min(Math.max(e,0),this._options.length-1);const t=this._options[e];this._activeElementValue=t.value,Pl(this,Do,Sn).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return c` <slot @slotchange=${this._onSlotChange}></slot> `}},Do=new WeakSet,Sn=function(){for(let e=0;e<this._activeOptions.length;e++)this._activeOptions[e].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},n.UUIComboboxListElement.styles=[b`
|
|
3229
3271
|
:host {
|
|
3230
3272
|
display: flex;
|
|
3231
3273
|
flex-direction: column;
|
|
3232
3274
|
box-sizing: border-box;
|
|
3233
3275
|
}
|
|
3234
|
-
`],
|
|
3276
|
+
`],it([l()],n.UUIComboboxListElement.prototype,"value",1),it([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),it([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),it([Pe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),it([Pe({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),it([$()],n.UUIComboboxListElement.prototype,"_value",2),it([$()],n.UUIComboboxListElement.prototype,"_activeElementValue",2),n.UUIComboboxListElement=it([p("uui-combobox-list")],n.UUIComboboxListElement);var Sp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,Qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ap(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&&Sp(e,t,o),o};n.UUIComboboxListOptionElement=class extends Dt(xi(g)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){return this._value?this._value:this.textContent?.trim()||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){return this._displayValue?this._displayValue:this.textContent?.trim()||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return c`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[b`
|
|
3235
3277
|
:host {
|
|
3236
3278
|
position: relative;
|
|
3237
3279
|
cursor: pointer;
|
|
@@ -3313,7 +3355,7 @@
|
|
|
3313
3355
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
3314
3356
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
3315
3357
|
}
|
|
3316
|
-
`],
|
|
3358
|
+
`],Qt([$()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Qt([$()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Qt([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Qt([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Qt([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Qt([p("uui-combobox-list-option")],n.UUIComboboxListOptionElement);let ve=class extends z{static{this.SEARCH="search"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Pp=Object.defineProperty,zp=Object.getOwnPropertyDescriptor,zl=i=>{throw TypeError(i)},q=(i,e,t,r)=>{for(var o=r>1?void 0:r?zp(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&&Pp(e,t,o),o},An=(i,e,t)=>e.has(i)||zl("Cannot "+t),E=(i,e,t)=>(An(i,e,"read from private field"),t?t.call(i):e.get(i)),W=(i,e,t)=>e.has(i)?zl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ol=(i,e,t,r)=>(An(i,e,"write to private field"),e.set(i,t),t),Vo=(i,e,t)=>(An(i,e,"access private method"),t),J,ei,ti,Ll,Gi,Ho,jo,Ro,Pn,Fo,Go,zn,Wi,ii,On,Wo,qo,Ln,Ko;n.UUIComboboxElement=class extends we(g,""){constructor(){super(...arguments),W(this,ti),this.closeLabel="Close",this.disabled=!1,this.hideExpandSymbol=!1,this.readonly=!1,this.placeholder="",W(this,J),W(this,ei),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,W(this,Gi,()=>{this._isPhone=E(this,ei).matches}),W(this,jo,()=>requestAnimationFrame(()=>this._input.focus())),W(this,Ro,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||E(this,ii).call(this)})),W(this,Pn,e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new ve(ve.SEARCH)),E(this,Wi).call(this)}),W(this,Fo,()=>{this.value&&this.value!==E(this,J)?.value&&Vo(this,ti,Ho).call(this)}),W(this,Go,()=>{this.value=E(this,J)?.value||"",this.search=this.value?this.search:"",E(this,ii).call(this),this.dispatchEvent(new ve(ve.CHANGE))}),W(this,zn,()=>{this.readonly||(this.open=!this.open)}),W(this,Wi,()=>{this.open||this.readonly||(this.open=!0)}),W(this,ii,()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new ve(ve.SEARCH)))}),W(this,On,e=>{this.open===!1&&e.code==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation(),E(this,Wi).call(this)),(e.code==="ArrowUp"||e.code==="ArrowDown")&&E(this,Wi).call(this),e.code==="Escape"&&E(this,ii).call(this)}),W(this,Wo,e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new ve(ve.SEARCH)),this.dispatchEvent(new ve(ve.CHANGE)))}),W(this,qo,()=>c`<uui-input
|
|
3317
3359
|
slot="trigger"
|
|
3318
3360
|
id="combobox-input"
|
|
3319
3361
|
label="combobox-input"
|
|
@@ -3324,16 +3366,16 @@
|
|
|
3324
3366
|
.disabled=${this.disabled}
|
|
3325
3367
|
.readonly=${this.readonly}
|
|
3326
3368
|
popovertarget="combobox-popover"
|
|
3327
|
-
@click=${E(this,
|
|
3328
|
-
@input=${E(this,
|
|
3329
|
-
@keydown=${E(this,
|
|
3369
|
+
@click=${E(this,zn)}
|
|
3370
|
+
@input=${E(this,Pn)}
|
|
3371
|
+
@keydown=${E(this,On)}>
|
|
3330
3372
|
<slot name="input-prepend" slot="prepend"></slot>
|
|
3331
|
-
${E(this,
|
|
3332
|
-
${this.hideExpandSymbol?C:
|
|
3373
|
+
${E(this,Ln).call(this)}
|
|
3374
|
+
${this.hideExpandSymbol?C:c`<div id="expand-symbol-wrapper" slot="append">
|
|
3333
3375
|
<uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
|
|
3334
3376
|
</div>`}
|
|
3335
3377
|
<slot name="input-append" slot="append"></slot>
|
|
3336
|
-
</uui-input>`),W(this,
|
|
3378
|
+
</uui-input>`),W(this,Ln,()=>this.disabled||this.readonly?C:c`<uui-button
|
|
3337
3379
|
id="clear-button"
|
|
3338
3380
|
@click=${E(this,Wo)}
|
|
3339
3381
|
@keydown=${E(this,Wo)}
|
|
@@ -3343,17 +3385,17 @@
|
|
|
3343
3385
|
style="height: 100%;"
|
|
3344
3386
|
tabindex=${this.value||this.search?"":"-1"}
|
|
3345
3387
|
class=${this.value||this.search?"visible":""}>
|
|
3346
|
-
<uui-icon name="remove" .fallback=${
|
|
3347
|
-
</uui-button>`),W(this,Ko,()=>
|
|
3388
|
+
<uui-icon name="remove" .fallback=${Fr.strings[0]}></uui-icon>
|
|
3389
|
+
</uui-button>`),W(this,Ko,()=>c`<div id="dropdown">
|
|
3348
3390
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
3349
|
-
<slot @slotchange=${Vo(this,
|
|
3391
|
+
<slot @slotchange=${Vo(this,ti,Ll)}></slot>
|
|
3350
3392
|
</uui-scroll-container>
|
|
3351
|
-
</div>`)}get value(){return super.value}set value(e){super.value=e,typeof e=="string"&&Vo(this,
|
|
3352
|
-
<uui-button label="close" look="primary" @click=${E(this,
|
|
3393
|
+
</div>`)}get value(){return super.value}set value(e){super.value=e,typeof e=="string"&&Vo(this,ti,Ho).call(this)}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}get open(){return this._isOpen}set open(e){const t=e;this._isOpen=e;const r=this._comboboxPopoverElement;if(r)if(e){const o=this._input.offsetWidth;r.style.setProperty("--popover-width",`${o}px`),r.showPopover()}else r.hidePopover();this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",E(this,Ro)),this.addEventListener("mousedown",E(this,jo)),Ol(this,ei,window.matchMedia("(max-width: 600px)")),E(this,Gi).call(this),E(this,ei).addEventListener("change",E(this,Gi)),_(this,"uui-icon"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-combobox-list"),_(this,"uui-scroll-container"),_(this,"uui-popover-container"),_(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",E(this,Ro)),this.removeEventListener("mousedown",E(this,jo)),E(this,ei).removeEventListener("change",E(this,Gi))}getFormElement(){return this._input}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}render(){return this._isPhone&&this.open?c`<div id="phone-wrapper">
|
|
3394
|
+
<uui-button label="close" look="primary" @click=${E(this,ii)}>
|
|
3353
3395
|
${this.closeLabel}
|
|
3354
3396
|
</uui-button>
|
|
3355
3397
|
${E(this,qo).call(this)} ${E(this,Ko).call(this)}
|
|
3356
|
-
</div>`:
|
|
3398
|
+
</div>`:c`
|
|
3357
3399
|
${E(this,qo).call(this)}
|
|
3358
3400
|
<uui-popover-container
|
|
3359
3401
|
id="combobox-popover"
|
|
@@ -3361,7 +3403,7 @@
|
|
|
3361
3403
|
placement="bottom-end">
|
|
3362
3404
|
${E(this,Ko).call(this)}
|
|
3363
3405
|
</uui-popover-container>
|
|
3364
|
-
`}},J=new WeakMap,
|
|
3406
|
+
`}},J=new WeakMap,ei=new WeakMap,ti=new WeakSet,Ll=function(){E(this,J)&&(E(this,J).removeEventListener(me.CHANGE,E(this,Go)),E(this,J).removeEventListener(me.INNER_SLOT_CHANGE,E(this,Fo)));const i=this._comboboxListElements?.[0];i&&(Ol(this,J,i),E(this,J).for=this,E(this,J).addEventListener(me.CHANGE,E(this,Go)),E(this,J).addEventListener(me.INNER_SLOT_CHANGE,E(this,Fo))),this.updateComplete.then(()=>{Vo(this,ti,Ho).call(this)})},Gi=new WeakMap,Ho=function(){E(this,J)&&(E(this,J).value=this.value,requestAnimationFrame(()=>this._displayValue=E(this,J).displayValue||""))},jo=new WeakMap,Ro=new WeakMap,Pn=new WeakMap,Fo=new WeakMap,Go=new WeakMap,zn=new WeakMap,Wi=new WeakMap,ii=new WeakMap,On=new WeakMap,Wo=new WeakMap,qo=new WeakMap,Ln=new WeakMap,Ko=new WeakMap,n.UUIComboboxElement.styles=[b`
|
|
3365
3407
|
:host {
|
|
3366
3408
|
display: inline-flex;
|
|
3367
3409
|
}
|
|
@@ -3441,11 +3483,11 @@
|
|
|
3441
3483
|
#phone-wrapper #scroll-container {
|
|
3442
3484
|
max-height: unset;
|
|
3443
3485
|
}
|
|
3444
|
-
`],q([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),q([l({type:String})],n.UUIComboboxElement.prototype,"search",1),q([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",1),q([l({type:String,attribute:"close-label"})],n.UUIComboboxElement.prototype,"closeLabel",2),q([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),q([l({type:Boolean,reflect:!1,attribute:"hide-expand-symbol"})],n.UUIComboboxElement.prototype,"hideExpandSymbol",2),q([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"readonly",2),q([l()],n.UUIComboboxElement.prototype,"placeholder",2),q([S("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),q([S("#combobox-popover")],n.UUIComboboxElement.prototype,"_comboboxPopoverElement",2),q([Pe({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),q([$()],n.UUIComboboxElement.prototype,"_displayValue",2),q([$()],n.UUIComboboxElement.prototype,"_search",2),q([$()],n.UUIComboboxElement.prototype,"_isPhone",2),q([$()],n.UUIComboboxElement.prototype,"_isOpen",2),n.UUIComboboxElement=q([p("uui-combobox")],n.UUIComboboxElement);var
|
|
3486
|
+
`],q([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),q([l({type:String})],n.UUIComboboxElement.prototype,"search",1),q([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",1),q([l({type:String,attribute:"close-label"})],n.UUIComboboxElement.prototype,"closeLabel",2),q([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),q([l({type:Boolean,reflect:!1,attribute:"hide-expand-symbol"})],n.UUIComboboxElement.prototype,"hideExpandSymbol",2),q([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"readonly",2),q([l()],n.UUIComboboxElement.prototype,"placeholder",2),q([S("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),q([S("#combobox-popover")],n.UUIComboboxElement.prototype,"_comboboxPopoverElement",2),q([Pe({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),q([$()],n.UUIComboboxElement.prototype,"_displayValue",2),q([$()],n.UUIComboboxElement.prototype,"_search",2),q([$()],n.UUIComboboxElement.prototype,"_isPhone",2),q([$()],n.UUIComboboxElement.prototype,"_isOpen",2),n.UUIComboboxElement=q([p("uui-combobox")],n.UUIComboboxElement);var Op=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,Mn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lp(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&&Op(e,t,o),o};n.UUIDialogLayoutElement=class extends g{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return c` <h3
|
|
3445
3487
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
3446
3488
|
${this.headline}
|
|
3447
3489
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
3448
|
-
</h3>`}renderContent(){return
|
|
3490
|
+
</h3>`}renderContent(){return c`<slot></slot>`}renderActions(){return c`<slot id="actions" name="actions"></slot>`}render(){return c`${this.renderHeadline()} ${this.renderContent()}
|
|
3449
3491
|
${this.renderActions()} `}},n.UUIDialogLayoutElement.styles=[b`
|
|
3450
3492
|
:host {
|
|
3451
3493
|
display: block;
|
|
@@ -3459,7 +3501,7 @@
|
|
|
3459
3501
|
justify-content: end;
|
|
3460
3502
|
gap: var(--uui-size-4,12px);
|
|
3461
3503
|
}
|
|
3462
|
-
`],
|
|
3504
|
+
`],Mn([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),Mn([$()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=Mn([p("uui-dialog-layout")],n.UUIDialogLayoutElement);var Mp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIDialogElement=class extends g{render(){return c`<slot></slot>`}},n.UUIDialogElement.styles=[b`
|
|
3463
3505
|
:host {
|
|
3464
3506
|
position: relative;
|
|
3465
3507
|
display: block;
|
|
@@ -3477,7 +3519,7 @@
|
|
|
3477
3519
|
calc(var(--uui-border-radius,3px) * 2)
|
|
3478
3520
|
);
|
|
3479
3521
|
}
|
|
3480
|
-
`],n.UUIDialogElement=
|
|
3522
|
+
`],n.UUIDialogElement=Mp([p("uui-dialog")],n.UUIDialogElement);var Tp=Object.defineProperty,Np=Object.getOwnPropertyDescriptor,Ml=(i,e,t,r)=>{for(var o=r>1?void 0:r?Np(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&&Tp(e,t,o),o};n.UUISymbolFileDropzoneElement=class extends g{constructor(){super(...arguments),this.error=!1}render(){return c`<svg
|
|
3481
3523
|
xmlns="http://www.w3.org/2000/svg"
|
|
3482
3524
|
viewBox="0 0 512 512"
|
|
3483
3525
|
id="upload-icon">
|
|
@@ -3502,7 +3544,7 @@
|
|
|
3502
3544
|
:host([error]) #upload-icon {
|
|
3503
3545
|
fill: var(--uui-color-invalid,#c31d4c);
|
|
3504
3546
|
}
|
|
3505
|
-
`],
|
|
3547
|
+
`],Ml([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=Ml([p("uui-symbol-file-dropzone")],n.UUISymbolFileDropzoneElement);let Re=class extends z{static{this.CHANGE="change"}static{this.REJECT="reject"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Bp=Object.defineProperty,Dp=Object.getOwnPropertyDescriptor,oi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dp(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&&Bp(e,t,o),o};n.UUIFileDropzoneElement=class extends ye("",g){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this._accept="",this.disallowFolderUpload=!1,this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(e){if(e){const r=[],o=[];e.split(",").forEach(s=>{s=s.trim().toLowerCase(),/[a-z]+\/[a-z*]/s.test(s)?r.push(s):o.push(s.replace(/^\./,""))}),this._acceptedMimeTypes=r,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[];const t=this._accept;this._accept=e,this.requestUpdate("accept",t)}get accept(){return this._accept}browse(){this._input.click()}_shouldProcessFolder(){return!this.disallowFolderUpload&&this.multiple}async _getAllEntries(e){const t=[...e].filter(r=>r?.kind==="file").map(r=>this._getEntry(r)).filter(r=>r!==null);return this._processRootEntries(t)}async _processRootEntries(e){const t=[],r=[],o=[];for(const s of e)if(s.isDirectory)this._shouldProcessFolder()&&t.push(await this._mkdir(s));else{const a=await this._getAsFile(s);this._isAccepted(a)?r.push(a):o.push(a)}return{files:r,folders:t,rejectedFiles:o}}_getEntry(e){let t=null;return"webkitGetAsEntry"in e?t=e.webkitGetAsEntry():"getAsEntry"in e&&(t=e.getAsEntry()),t}async _processEntries(e,t,r){for(const o of e)if(o.isFile){const s=await this._getAsFile(o);this._isAccepted(s)&&r.push(s)}else if(o.isDirectory){const s=await this._mkdir(o);t.push(s)}}async _readAllEntries(e,t,r){return new Promise((o,s)=>{e.readEntries(async a=>{if(!a.length){o();return}await this._processEntries(a,t,r),await this._readAllEntries(e,t,r),o()},s)})}async _mkdir(e){const t=e.createReader(),r=[],o=[];return await this._readAllEntries(t,r,o),{folderName:e.name,folders:r,files:o}}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),r=e.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o of this._acceptedMimeTypes)if(t===o||o.endsWith("/*")&&t.startsWith(o.replace("*","")))return!0;return!1}async _getAsFile(e){return new Promise((t,r)=>e.file(t,r))}async _onDrop(e){e.preventDefault(),this._dropzone.classList.remove("hover");const t=e.dataTransfer?.items;if(t){const r=await this._getAllEntries(t);if(this.multiple===!1&&r.files.length&&(r.files=[r.files[0]],r.folders=[],r.rejectedFiles=[]),r.rejectedFiles.length>0&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r.rejectedFiles,folders:[]}})),!r.files.length&&!r.folders.length)return;this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:r.files,folders:r.folders}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.multiple===!1&&e.length>1&&e.splice(1,e.length-1);const t=e.filter(o=>this._isAccepted(o)),r=e.filter(o=>!this._isAccepted(o));r.length>0&&(this.multiple||t.length===0)&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r,folders:[]}})),t.length&&this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:t,folders:[]}}))}render(){return c`
|
|
3506
3548
|
<div id="dropzone">
|
|
3507
3549
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
3508
3550
|
${this.renderLabel()}
|
|
@@ -3554,12 +3596,12 @@
|
|
|
3554
3596
|
opacity: 0;
|
|
3555
3597
|
display: none;
|
|
3556
3598
|
}
|
|
3557
|
-
`],
|
|
3599
|
+
`],oi([S("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),oi([S("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),oi([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",1),oi([l({type:Boolean,reflect:!0,attribute:"disallow-folder-upload"})],n.UUIFileDropzoneElement.prototype,"disallowFolderUpload",2),oi([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=oi([p("uui-file-dropzone")],n.UUIFileDropzoneElement);let Vp=class{static humanFileSize(e,t=!1,r=1){const o=t?1e3:1024;if(Math.abs(e)<o)return e+" B";const s=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const h=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*h)/h>=o&&a<s.length-1);return e.toFixed(r)+" "+s[a]}};var Hp=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,xe=(i,e,t,r)=>{for(var o=r>1?void 0:r?jp(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&&Hp(e,t,o),o};n.UUIFilePreviewElement=class extends g{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(r=>{this._src=r})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-thumbnail"),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?c`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?c`<uui-symbol-file-thumbnail
|
|
3558
3600
|
.src=${this._src}
|
|
3559
3601
|
.alt=${this._name}
|
|
3560
|
-
id="file-symbol"></uui-symbol-file-thumbnail>`:
|
|
3602
|
+
id="file-symbol"></uui-symbol-file-thumbnail>`:c`<uui-symbol-file
|
|
3561
3603
|
id="file-symbol"
|
|
3562
|
-
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return
|
|
3604
|
+
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return c`
|
|
3563
3605
|
<span
|
|
3564
3606
|
id="file-name"
|
|
3565
3607
|
class=${this._url?"has-source":""}
|
|
@@ -3568,13 +3610,13 @@
|
|
|
3568
3610
|
<span id="file-name-start">${e}</span>
|
|
3569
3611
|
<span id="file-name-end">${t}</span>
|
|
3570
3612
|
</span>
|
|
3571
|
-
`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return
|
|
3613
|
+
`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return c`
|
|
3572
3614
|
<slot id="actions" name="actions"></slot>
|
|
3573
3615
|
${this._fileTypeTemplate()}
|
|
3574
3616
|
<div id="file-info">
|
|
3575
3617
|
${this._renderLongName()}
|
|
3576
3618
|
<span id="file-size">
|
|
3577
|
-
${this._size&&!this._isDirectory?
|
|
3619
|
+
${this._size&&!this._isDirectory?c`${Vp.humanFileSize(this._size,!0)}`:""}
|
|
3578
3620
|
</span>
|
|
3579
3621
|
</div>
|
|
3580
3622
|
`}},n.UUIFilePreviewElement.styles=[b`
|
|
@@ -3645,7 +3687,7 @@
|
|
|
3645
3687
|
text-decoration: underline;
|
|
3646
3688
|
cursor: pointer;
|
|
3647
3689
|
}
|
|
3648
|
-
`],xe([$()],n.UUIFilePreviewElement.prototype,"_name",2),xe([$()],n.UUIFilePreviewElement.prototype,"_url",2),xe([$()],n.UUIFilePreviewElement.prototype,"_extension",2),xe([$()],n.UUIFilePreviewElement.prototype,"_src",2),xe([$()],n.UUIFilePreviewElement.prototype,"_size",2),xe([$()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),xe([$()],n.UUIFilePreviewElement.prototype,"_file",2),xe([$()],n.UUIFilePreviewElement.prototype,"_isImage",2),xe([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=xe([p("uui-file-preview")],n.UUIFilePreviewElement);var
|
|
3690
|
+
`],xe([$()],n.UUIFilePreviewElement.prototype,"_name",2),xe([$()],n.UUIFilePreviewElement.prototype,"_url",2),xe([$()],n.UUIFilePreviewElement.prototype,"_extension",2),xe([$()],n.UUIFilePreviewElement.prototype,"_src",2),xe([$()],n.UUIFilePreviewElement.prototype,"_size",2),xe([$()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),xe([$()],n.UUIFilePreviewElement.prototype,"_file",2),xe([$()],n.UUIFilePreviewElement.prototype,"_isImage",2),xe([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=xe([p("uui-file-preview")],n.UUIFilePreviewElement);var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Xo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fp(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&&Rp(e,t,o),o};n.UUIFormLayoutItemElement=class extends g{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),_(this,"uui-form-validation-message")}render(){return c`
|
|
3649
3691
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
3650
3692
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
3651
3693
|
</div>
|
|
@@ -3684,10 +3726,10 @@
|
|
|
3684
3726
|
* @license
|
|
3685
3727
|
* Copyright 2017 Google LLC
|
|
3686
3728
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3687
|
-
*/class
|
|
3729
|
+
*/class Tn extends Ft{constructor(e){if(super(e),this.et=T,e.type!==he.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===T||e==null)return this.ft=void 0,this.et=e;if(e===ee)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Tn.directiveName="unsafeHTML",Tn.resultType=1;const Yo=Rt(Tn);var Gp=Object.defineProperty,Wp=Object.getOwnPropertyDescriptor,Tl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wp(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&&Gp(e,t,o),o};n.UUIFormValidationMessageElement=class extends g{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate("_messages")},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate("_messages")},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;typeof e=="string"?t=this.getRootNode()?.getElementById(e):e instanceof HTMLElement&&(t=e);const r=t??this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(yo.INVALID,this._onControlInvalid),o.removeEventListener(yo.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(yo.INVALID,this._onControlInvalid),this._for.addEventListener(yo.VALID,this._onControlValid))}render(){return c`
|
|
3688
3730
|
<slot></slot>
|
|
3689
3731
|
<div id="messages">
|
|
3690
|
-
${wo(this._messages,e=>
|
|
3732
|
+
${wo(this._messages,e=>c`<div>${Yo(e[1])}</div>`)}
|
|
3691
3733
|
<slot name="message"></slot>
|
|
3692
3734
|
</div>
|
|
3693
3735
|
`}},n.UUIFormValidationMessageElement.styles=[b`
|
|
@@ -3698,7 +3740,7 @@
|
|
|
3698
3740
|
71
|
|
3699
3741
|
));
|
|
3700
3742
|
}
|
|
3701
|
-
`],
|
|
3743
|
+
`],Tl([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Tl([p("uui-form-validation-message")],n.UUIFormValidationMessageElement);var qp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIFormElement=class extends g{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return c`<slot @slotchange=${this._onSlotChanged}></slot>`}},n.UUIFormElement=qp([p("uui-form")],n.UUIFormElement);let qi=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t}),this.icon=null}static{this.ICON_REQUEST="icon-request"}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xp(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&&Kp(e,t,o),o};n.UUIIconElement=class extends g{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.label="",this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new qi(qi.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon(),typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}render(){return this._useFallback===!0?this.fallback===null?c`<slot name="fallback"></slot>`:c`${Yo(this.fallback)}`:this._nameSvg!==null?c`${Yo(this._nameSvg)}`:this.svg!==null?c`${Yo(this.svg)}`:c`<slot></slot>`}},n.UUIIconElement.styles=[b`
|
|
3702
3744
|
:host {
|
|
3703
3745
|
vertical-align: text-bottom;
|
|
3704
3746
|
display: inline-flex;
|
|
@@ -3724,7 +3766,7 @@
|
|
|
3724
3766
|
:host-context(div[slot='append']) {
|
|
3725
3767
|
margin-right: var(--uui-size-2, 6px);
|
|
3726
3768
|
}
|
|
3727
|
-
`],Ut([$()],n.UUIIconElement.prototype,"_nameSvg",2),Ut([l()],n.UUIIconElement.prototype,"label",2),Ut([l()],n.UUIIconElement.prototype,"name",1),Ut([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Ut([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Ut([$()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Ut([p("uui-icon")],n.UUIIconElement);let Tn=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Nn=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qi.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qi.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Tn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Tn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Tl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xp(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&&Kp(e,t,o),o};n.UUIIconRegistryElement=class extends g{constructor(){super(),this._icons={},this._registry=new Nn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Tl([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Tl([p("uui-icon-registry")],n.UUIIconRegistryElement);const Yp=f`<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"/><path d="M12 5v14"/></svg>`,Zp=f`<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="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,Jp=f`<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="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,Qp=f`<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="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,eb=f`<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>`,tb=f`<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="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,ib=f`<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="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,ob=f`<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 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,rb=f`<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="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,nb=f`<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>`,sb=f`<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="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,ab=f`<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="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,lb=f`<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,ub=f`<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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,cb=f`<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="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,hb=f`<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,db=f`<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="M12 16v-4" /><path d="M12 8h.01" /></svg>`,pb=f`<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,bb=f`<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>`,mb=f`<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="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,vb=f`<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>`,gb=f`<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"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,fb=f`<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>`,yb=f`<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="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,wb=f`<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>`,$b=f`<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="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,_b=f`<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>`,Ub=f`<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 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,kb=f`<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>`,Eb=f`<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>`,xb=f`<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="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Ib=f`<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>`;let Nl=class extends Nn{constructor(){super(),this.defineIcon("add",Yp.strings[0]),this.defineIcon("alert",Zp.strings[0]),this.defineIcon("attachment",Jp.strings[0]),this.defineIcon("calendar",Qp.strings[0]),this.defineIcon("check",eb.strings[0]),this.defineIcon("clipboard",tb.strings[0]),this.defineIcon("code",ib.strings[0]),this.defineIcon("colorpicker",ob.strings[0]),this.defineIcon("copy",rb.strings[0]),this.defineIcon("delete",nb.strings[0]),this.defineIcon("document",sb.strings[0]),this.defineIcon("download",ab.strings[0]),this.defineIcon("edit",lb.strings[0]),this.defineIcon("favorite",ub.strings[0]),this.defineIcon("folder",cb.strings[0]),this.defineIcon("forbidden",hb.strings[0]),this.defineIcon("info",db.strings[0]),this.defineIcon("link",pb.strings[0]),this.defineIcon("lock",bb.strings[0]),this.defineIcon("pause",mb.strings[0]),this.defineIcon("picture",vb.strings[0]),this.defineIcon("play",gb.strings[0]),this.defineIcon("remove",fb.strings[0]),this.defineIcon("search",yb.strings[0]),this.defineIcon("see",wb.strings[0]),this.defineIcon("settings",$b.strings[0]),this.defineIcon("subtract",_b.strings[0]),this.defineIcon("sync",Ub.strings[0]),this.defineIcon("unlock",kb.strings[0]),this.defineIcon("unsee",Eb.strings[0]),this.defineIcon("wand",xb.strings[0]),this.defineIcon("wrong",Ib.strings[0])}};var Cb=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Nl}},n.UUIIconRegistryEssentialElement=Cb([p("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Sb=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,oi=(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&&Sb(e,t,o),o};n.UUIInputFileElement=class extends we(g){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}">
|
|
3769
|
+
`],kt([$()],n.UUIIconElement.prototype,"_nameSvg",2),kt([l()],n.UUIIconElement.prototype,"label",2),kt([l()],n.UUIIconElement.prototype,"name",1),kt([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),kt([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),kt([$()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=kt([p("uui-icon")],n.UUIIconElement);let Nn=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Bn=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qi.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qi.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Nn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Nn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Nl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zp(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&&Yp(e,t,o),o};n.UUIIconRegistryElement=class extends g{constructor(){super(),this._icons={},this._registry=new Bn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return c`<slot></slot>`}},Nl([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Nl([p("uui-icon-registry")],n.UUIIconRegistryElement);const Jp=f`<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"/><path d="M12 5v14"/></svg>`,Qp=f`<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="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,eb=f`<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="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,tb=f`<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="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,ib=f`<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>`,ob=f`<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="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,rb=f`<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="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,nb=f`<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 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,sb=f`<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="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,ab=f`<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>`,lb=f`<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="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,ub=f`<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="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,cb=f`<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,hb=f`<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="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,db=f`<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="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,pb=f`<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,bb=f`<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="M12 16v-4" /><path d="M12 8h.01" /></svg>`,mb=f`<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,vb=f`<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>`,gb=f`<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="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,fb=f`<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>`,yb=f`<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"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,wb=f`<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>`,$b=f`<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="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,_b=f`<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>`,Ub=f`<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="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,kb=f`<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>`,Eb=f`<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 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,xb=f`<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>`,Ib=f`<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>`,Cb=f`<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="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Sb=f`<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>`;let Bl=class extends Bn{constructor(){super(),this.defineIcon("add",Jp.strings[0]),this.defineIcon("alert",Qp.strings[0]),this.defineIcon("attachment",eb.strings[0]),this.defineIcon("calendar",tb.strings[0]),this.defineIcon("check",ib.strings[0]),this.defineIcon("clipboard",ob.strings[0]),this.defineIcon("code",rb.strings[0]),this.defineIcon("colorpicker",nb.strings[0]),this.defineIcon("copy",sb.strings[0]),this.defineIcon("delete",ab.strings[0]),this.defineIcon("document",lb.strings[0]),this.defineIcon("download",ub.strings[0]),this.defineIcon("edit",cb.strings[0]),this.defineIcon("favorite",hb.strings[0]),this.defineIcon("folder",db.strings[0]),this.defineIcon("forbidden",pb.strings[0]),this.defineIcon("info",bb.strings[0]),this.defineIcon("link",mb.strings[0]),this.defineIcon("lock",vb.strings[0]),this.defineIcon("pause",gb.strings[0]),this.defineIcon("picture",fb.strings[0]),this.defineIcon("play",yb.strings[0]),this.defineIcon("remove",wb.strings[0]),this.defineIcon("search",$b.strings[0]),this.defineIcon("see",_b.strings[0]),this.defineIcon("settings",Ub.strings[0]),this.defineIcon("subtract",kb.strings[0]),this.defineIcon("sync",Eb.strings[0]),this.defineIcon("unlock",xb.strings[0]),this.defineIcon("unsee",Ib.strings[0]),this.defineIcon("wand",Cb.strings[0]),this.defineIcon("wrong",Sb.strings[0])}};var Ab=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Bl}},n.UUIIconRegistryEssentialElement=Ab([p("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Pb=Object.defineProperty,zb=Object.getOwnPropertyDescriptor,ri=(i,e,t,r)=>{for(var o=r>1?void 0:r?zb(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.UUIInputFileElement=class extends we(g){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return c`<uui-file-preview .file="${e}">
|
|
3728
3770
|
<uui-action-bar slot="actions">
|
|
3729
3771
|
<uui-button
|
|
3730
3772
|
@click=${()=>this._removeFile(t)}
|
|
@@ -3733,7 +3775,7 @@
|
|
|
3733
3775
|
<uui-icon name="delete" .fallback=${Dh.strings[0]}></uui-icon>
|
|
3734
3776
|
</uui-button>
|
|
3735
3777
|
</uui-action-bar>
|
|
3736
|
-
</uui-file-preview>`}_renderFiles(){return
|
|
3778
|
+
</uui-file-preview>`}_renderFiles(){return c`${wo(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return c`
|
|
3737
3779
|
<uui-file-dropzone
|
|
3738
3780
|
id="dropzone"
|
|
3739
3781
|
?multiple=${this.multiple}
|
|
@@ -3742,7 +3784,7 @@
|
|
|
3742
3784
|
label="Drop files here"></uui-file-dropzone>
|
|
3743
3785
|
<div id="files">
|
|
3744
3786
|
${this._renderFiles()}
|
|
3745
|
-
${this._files.length===0||this.multiple?
|
|
3787
|
+
${this._files.length===0||this.multiple?c`<uui-button
|
|
3746
3788
|
@click=${this._handleClick}
|
|
3747
3789
|
id="add-button"
|
|
3748
3790
|
look="placeholder"
|
|
@@ -3797,13 +3839,13 @@
|
|
|
3797
3839
|
justify-content: center;
|
|
3798
3840
|
align-items: stretch;
|
|
3799
3841
|
}
|
|
3800
|
-
`],
|
|
3842
|
+
`],ri([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),ri([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),ri([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),ri([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),ri([$()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=ri([p("uui-input-file")],n.UUIInputFileElement);let Ki=class extends z{static{this.CHANGE="change"}static{this.INPUT="input"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Ob=Object.defineProperty,Lb=Object.getOwnPropertyDescriptor,Dl=i=>{throw TypeError(i)},G=(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&&Ob(e,t,o),o},Mb=(i,e,t)=>e.has(i)||Dl("Cannot "+t),Tb=(i,e,t)=>e.has(i)?Dl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Nb=(i,e,t)=>(Mb(i,e,"access private method"),t),Dn,Vl;n.UUIInputElement=class extends we(ye("",g),""){constructor(){super(),Tb(this,Dn),this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t-e} too many.`,this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="text",this.tabIndex=0,this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keydown",Nb(this,Dn,Vl)),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&String(this.value).length>this.maxlength),this.updateComplete.then(()=>{this.addFormControlElement(this._input)})}get type(){return this._type}set type(e){this._type=e}async blur(){await this.updateComplete,this._input.blur()}async focus(){await this.updateComplete,this._input.focus()}async select(){await this.updateComplete,this._input.select()}getFormElement(){return this.shadowRoot?.querySelector("input")}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new Ki(Ki.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ki(Ki.CHANGE))}renderPrepend(){return c`<slot name="prepend"></slot>`}renderAppend(){return c`<slot name="append"></slot>`}render(){return c`
|
|
3801
3843
|
${this.renderPrepend()}
|
|
3802
3844
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3803
3845
|
${this.renderAppend()}
|
|
3804
|
-
`}renderInputWithAutoWidth(){return
|
|
3846
|
+
`}renderInputWithAutoWidth(){return c`<div id="autoWidth">
|
|
3805
3847
|
${this.renderInput()}${this.renderAutoWidthBackground()}
|
|
3806
|
-
</div>`}renderInput(){return
|
|
3848
|
+
</div>`}renderInput(){return c`<input
|
|
3807
3849
|
id="input"
|
|
3808
3850
|
size=${w(this.autoWidth?"1":void 0)}
|
|
3809
3851
|
.type=${this.type}
|
|
@@ -3825,7 +3867,7 @@
|
|
|
3825
3867
|
?readonly=${this.readonly}
|
|
3826
3868
|
tabindex=${w(this.tabIndex)}
|
|
3827
3869
|
@input=${this.onInput}
|
|
3828
|
-
@change=${this.onChange} />`}renderAutoWidthBackground(){return
|
|
3870
|
+
@change=${this.onChange} />`}renderAutoWidthBackground(){return c` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return c`${this.value.length>0?this.value:this.placeholder}`}},Dn=new WeakSet,Vl=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[b`
|
|
3829
3871
|
:host {
|
|
3830
3872
|
position: relative;
|
|
3831
3873
|
display: inline-flex;
|
|
@@ -3974,9 +4016,9 @@
|
|
|
3974
4016
|
height: 100%;
|
|
3975
4017
|
--uui-input-border-width: 0;
|
|
3976
4018
|
}
|
|
3977
|
-
`],G([l()],n.UUIInputElement.prototype,"min",2),G([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),G([l({attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),G([l()],n.UUIInputElement.prototype,"max",2),G([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),G([l({attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),G([l({type:Number})],n.UUIInputElement.prototype,"step",2),G([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),G([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),G([l()],n.UUIInputElement.prototype,"placeholder",2),G([l()],n.UUIInputElement.prototype,"autocomplete",2),G([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),G([l({type:String})],n.UUIInputElement.prototype,"type",1),G([l({attribute:"inputmode"})],n.UUIInputElement.prototype,"inputMode",2),G([l({type:String})],n.UUIInputElement.prototype,"pattern",2),G([l({type:Number,reflect:!1,attribute:"tabindex"})],n.UUIInputElement.prototype,"tabIndex",2),G([S("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=G([p("uui-input")],n.UUIInputElement);let
|
|
4019
|
+
`],G([l()],n.UUIInputElement.prototype,"min",2),G([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),G([l({attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),G([l()],n.UUIInputElement.prototype,"max",2),G([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),G([l({attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),G([l({type:Number})],n.UUIInputElement.prototype,"step",2),G([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),G([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),G([l()],n.UUIInputElement.prototype,"placeholder",2),G([l()],n.UUIInputElement.prototype,"autocomplete",2),G([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),G([l({type:String})],n.UUIInputElement.prototype,"type",1),G([l({attribute:"inputmode"})],n.UUIInputElement.prototype,"inputMode",2),G([l({type:String})],n.UUIInputElement.prototype,"pattern",2),G([l({type:Number,reflect:!1,attribute:"tabindex"})],n.UUIInputElement.prototype,"tabIndex",2),G([S("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=G([p("uui-input")],n.UUIInputElement);let Vn=class extends z{static{this.LOCK_CHANGE="lock-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Bb=Object.defineProperty,Db=Object.getOwnPropertyDescriptor,Hl=i=>{throw TypeError(i)},Zo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Db(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},jl=(i,e,t)=>e.has(i)||Hl("Cannot "+t),Vb=(i,e,t)=>(jl(i,e,"read from private field"),t?t.call(i):e.get(i)),Hb=(i,e,t)=>e.has(i)?Hl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),jb=(i,e,t,r)=>(jl(i,e,"write to private field"),e.set(i,t),t),Jo;n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),Hb(this,Jo,!0),this.unlockLabel="Unlock input",this.lockLabel="Lock input",this.readonly=!0,this.tabIndex=-1}set locked(e){jb(this,Jo,e),this.readonly=e,this.tabIndex=e?-1:0}get locked(){return Vb(this,Jo)}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new Vn(Vn.LOCK_CHANGE)),this.locked||this._input?.focus()}renderIcon(){return this.locked===!0?c`<uui-icon name="lock" .fallback=${Vh.strings[0]}></uui-icon>`:c`<uui-icon
|
|
3978
4020
|
name="unlock"
|
|
3979
|
-
.fallback=${Fh.strings[0]}></uui-icon>`}renderPrepend(){return
|
|
4021
|
+
.fallback=${Fh.strings[0]}></uui-icon>`}renderPrepend(){return c`<uui-button
|
|
3980
4022
|
.disabled=${this.disabled}
|
|
3981
4023
|
@click=${this._onLockToggle}
|
|
3982
4024
|
compact
|
|
@@ -3997,9 +4039,9 @@
|
|
|
3997
4039
|
cursor: not-allowed;
|
|
3998
4040
|
opacity: 0.55;
|
|
3999
4041
|
}
|
|
4000
|
-
`],Zo([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",1),Zo([l({type:String,reflect:!1,attribute:"unlock-label"})],n.UUIInputLockElement.prototype,"unlockLabel",2),Zo([l({type:String,reflect:!1,attribute:"lock-label"})],n.UUIInputLockElement.prototype,"lockLabel",2),n.UUIInputLockElement=Zo([p("uui-input-lock")],n.UUIInputLockElement);var
|
|
4042
|
+
`],Zo([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",1),Zo([l({type:String,reflect:!1,attribute:"unlock-label"})],n.UUIInputLockElement.prototype,"unlockLabel",2),Zo([l({type:String,reflect:!1,attribute:"lock-label"})],n.UUIInputLockElement.prototype,"lockLabel",2),n.UUIInputLockElement=Zo([p("uui-input-lock")],n.UUIInputLockElement);var Rb=Object.defineProperty,Fb=Object.getOwnPropertyDescriptor,Hn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fb(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&&Rb(e,t,o),o};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){this.passwordType=e}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?c`<uui-icon name="see" .fallback=${jh.strings[0]}></uui-icon>`:c`<uui-icon
|
|
4001
4043
|
name="unsee"
|
|
4002
|
-
.fallback=${Gh.strings[0]}></uui-icon>`}renderAppend(){return
|
|
4044
|
+
.fallback=${Gh.strings[0]}></uui-icon>`}renderAppend(){return c`<uui-button
|
|
4003
4045
|
.disabled=${this.disabled}
|
|
4004
4046
|
@click=${this._onPasswordToggle}
|
|
4005
4047
|
compact
|
|
@@ -4015,7 +4057,7 @@
|
|
|
4015
4057
|
#clear:hover {
|
|
4016
4058
|
color: black;
|
|
4017
4059
|
}
|
|
4018
|
-
`],
|
|
4060
|
+
`],Hn([$()],n.UUIInputPasswordElement.prototype,"passwordType",2),Hn([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=Hn([p("uui-input-password")],n.UUIInputPasswordElement);var Gb=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyboardShortcutElement=class extends g{render(){return c`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[b`
|
|
4019
4061
|
:host {
|
|
4020
4062
|
display: inline-block;
|
|
4021
4063
|
font-family: inherit;
|
|
@@ -4030,7 +4072,7 @@
|
|
|
4030
4072
|
::slotted(*:last-child)uui-key {
|
|
4031
4073
|
margin-right: 0px;
|
|
4032
4074
|
}
|
|
4033
|
-
`],n.UUIKeyboardShortcutElement=
|
|
4075
|
+
`],n.UUIKeyboardShortcutElement=Gb([p("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Wb=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyElement=class extends g{render(){return c`<slot></slot>`}},n.UUIKeyElement.styles=[b`
|
|
4034
4076
|
:host {
|
|
4035
4077
|
background: var(--uui-color-surface,#fff);
|
|
4036
4078
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -4044,9 +4086,9 @@
|
|
|
4044
4086
|
user-select: none;
|
|
4045
4087
|
text-transform: lowercase;
|
|
4046
4088
|
}
|
|
4047
|
-
`],n.UUIKeyElement=
|
|
4089
|
+
`],n.UUIKeyElement=Wb([p("uui-key")],n.UUIKeyElement);var qb=Object.defineProperty,Kb=Object.getOwnPropertyDescriptor,Qo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kb(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&&qb(e,t,o),o};n.UUILabelElement=class extends g{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return c`
|
|
4048
4090
|
<slot></slot>
|
|
4049
|
-
${this.required?
|
|
4091
|
+
${this.required?c`<div id="required">*</div>`:""}
|
|
4050
4092
|
`}},n.UUILabelElement.styles=[b`
|
|
4051
4093
|
:host {
|
|
4052
4094
|
font-weight: 700;
|
|
@@ -4062,8 +4104,8 @@
|
|
|
4062
4104
|
color: var(--uui-color-danger,#c31d4c);
|
|
4063
4105
|
font-weight: 900;
|
|
4064
4106
|
}
|
|
4065
|
-
`],Qo([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Qo([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Qo([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Qo([p("uui-label")],n.UUILabelElement);var
|
|
4066
|
-
${this.progress?
|
|
4107
|
+
`],Qo([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Qo([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Qo([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Qo([p("uui-label")],n.UUILabelElement);var Xb=Object.defineProperty,Yb=Object.getOwnPropertyDescriptor,jn=(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&&Xb(e,t,o),o};n.UUILoaderBarElement=class extends g{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=O(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return c`
|
|
4108
|
+
${this.progress?c`<div
|
|
4067
4109
|
id="bar"
|
|
4068
4110
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
4069
4111
|
<div
|
|
@@ -4130,7 +4172,7 @@
|
|
|
4130
4172
|
transform-origin: 175% 0%;
|
|
4131
4173
|
}
|
|
4132
4174
|
}
|
|
4133
|
-
`],
|
|
4175
|
+
`],jn([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),jn([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=jn([p("uui-loader-bar")],n.UUILoaderBarElement);var Zb=Object.defineProperty,Jb=Object.getOwnPropertyDescriptor,Rn=(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&&Zb(e,t,o),o};n.UUILoaderCircleElement=class extends g{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?c`<span id="progress-display">${this.progress}</span>`:""}render(){return c`
|
|
4134
4176
|
<svg
|
|
4135
4177
|
id="spinner"
|
|
4136
4178
|
class=${this.progress?"":"animate"}
|
|
@@ -4232,7 +4274,7 @@
|
|
|
4232
4274
|
/* Center the text */
|
|
4233
4275
|
padding-top: 0.09em;
|
|
4234
4276
|
}
|
|
4235
|
-
`],
|
|
4277
|
+
`],Rn([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),Rn([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=Rn([p("uui-loader-circle")],n.UUILoaderCircleElement);var Qb=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUILoaderElement=class extends g{render(){return c`
|
|
4236
4278
|
<div></div>
|
|
4237
4279
|
<div></div>
|
|
4238
4280
|
<div></div>
|
|
@@ -4276,47 +4318,47 @@
|
|
|
4276
4318
|
background-color: currentColor;
|
|
4277
4319
|
}
|
|
4278
4320
|
}
|
|
4279
|
-
`],n.UUILoaderElement=
|
|
4321
|
+
`],n.UUILoaderElement=Qb([p("uui-loader")],n.UUILoaderElement);let ni=class extends z{static{this.SHOW_CHILDREN="show-children"}static{this.HIDE_CHILDREN="hide-children"}static{this.CLICK_LABEL="click-label"}};var em=Object.defineProperty,tm=Object.getOwnPropertyDescriptor,Rl=i=>{throw TypeError(i)},le=(i,e,t,r)=>{for(var o=r>1?void 0:r?tm(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&&em(e,t,o),o},im=(i,e,t)=>e.has(i)||Rl("Cannot "+t),om=(i,e,t)=>e.has(i)?Rl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Fn=(i,e,t)=>(im(i,e,"access private method"),t),Xi,Gn,Fl;n.UUIMenuItemElement=class extends fo(Dt(xi(ye("label",g)))){constructor(){super(...arguments),om(this,Xi),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.caretLabel="Reveal the underlying items",this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?ni.HIDE_CHILDREN:ni.SHOW_CHILDREN,t=new ni(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),_(this,"uui-symbol-expand"),_(this,"uui-loader-bar")}async focus(){await this.updateComplete,this.shadowRoot?.querySelector("#label-button")?.focus?.()}_renderLabelInside(){return c` <slot
|
|
4280
4322
|
name="icon"
|
|
4281
4323
|
id="icon"
|
|
4282
4324
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
4283
4325
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
4284
4326
|
${this.renderLabel()}
|
|
4285
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?
|
|
4327
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?c` <span id="label-button" ${Bo(this._labelButtonChanged)}>
|
|
4286
4328
|
${this._renderLabelInside()}
|
|
4287
|
-
</span>`:
|
|
4329
|
+
</span>`:c` <a
|
|
4288
4330
|
id="label-button"
|
|
4289
4331
|
${Bo(this._labelButtonChanged)}
|
|
4290
4332
|
href=${w(this.href)}
|
|
4291
4333
|
target=${w(this.target||void 0)}
|
|
4292
4334
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
4293
|
-
@click=${
|
|
4335
|
+
@click=${Fn(this,Xi,Gn)}
|
|
4294
4336
|
?disabled=${this.disabled}
|
|
4295
4337
|
aria-label="${this.label}">
|
|
4296
4338
|
${this._renderLabelInside()}
|
|
4297
|
-
</a>`}_renderLabelAsButton(){return
|
|
4339
|
+
</a>`}_renderLabelAsButton(){return c` <button
|
|
4298
4340
|
id="label-button"
|
|
4299
4341
|
${Bo(this._labelButtonChanged)}
|
|
4300
|
-
@click=${
|
|
4342
|
+
@click=${Fn(this,Xi,Gn)}
|
|
4301
4343
|
?disabled=${this.disabled}
|
|
4302
4344
|
aria-label="${this.label}">
|
|
4303
4345
|
${this._renderLabelInside()}
|
|
4304
|
-
</button>`}render(){return
|
|
4346
|
+
</button>`}render(){return c`
|
|
4305
4347
|
<div id="menu-item" aria-label="menuitem" role="menuitem">
|
|
4306
4348
|
<div id="label-button-background"></div>
|
|
4307
|
-
${this.hasChildren?
|
|
4349
|
+
${this.hasChildren?c`<button
|
|
4308
4350
|
id="caret-button"
|
|
4309
4351
|
aria-label=${this.caretLabel}
|
|
4310
4352
|
@click=${this._onCaretClicked}>
|
|
4311
|
-
${
|
|
4353
|
+
${Fn(this,Xi,Fl).call(this)}
|
|
4312
4354
|
</button>`:""}
|
|
4313
4355
|
${this.href&&this.selectOnly!==!0&&this.selectable!==!0?this._renderLabelAsAnchor():this._renderLabelAsButton()}
|
|
4314
4356
|
|
|
4315
4357
|
<slot id="actions-container" name="actions"></slot>
|
|
4316
|
-
${this.loading?
|
|
4358
|
+
${this.loading?c`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
4317
4359
|
</div>
|
|
4318
|
-
${this.showChildren?
|
|
4319
|
-
`}},Xi=new WeakSet,
|
|
4360
|
+
${this.showChildren?c`<slot></slot>`:""}
|
|
4361
|
+
`}},Xi=new WeakSet,Gn=function(){if(this.selectOnly)return;const i=new ni(ni.CLICK_LABEL);this.dispatchEvent(i)},Fl=function(){if(this.renderExpandSymbol){const i=this.renderExpandSymbol();if(i)return i}return c`<uui-symbol-expand
|
|
4320
4362
|
aria-hidden="true"
|
|
4321
4363
|
?open=${this.showChildren}></uui-symbol-expand>`},n.UUIMenuItemElement.styles=[b`
|
|
4322
4364
|
:host {
|
|
@@ -4720,7 +4762,7 @@
|
|
|
4720
4762
|
opacity: 0;
|
|
4721
4763
|
animation: fadeIn 120ms ease-in 60ms forwards;
|
|
4722
4764
|
}
|
|
4723
|
-
`],le([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),le([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),le([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),le([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"rel",2),le([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),le([l({type:String,attribute:"caret-label"})],n.UUIMenuItemElement.prototype,"caretLabel",2),le([l({attribute:!1})],n.UUIMenuItemElement.prototype,"renderExpandSymbol",2),le([$()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=le([p("uui-menu-item")],n.UUIMenuItemElement);var
|
|
4765
|
+
`],le([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),le([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),le([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),le([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),le([l({type:String})],n.UUIMenuItemElement.prototype,"rel",2),le([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),le([l({type:String,attribute:"caret-label"})],n.UUIMenuItemElement.prototype,"caretLabel",2),le([l({attribute:!1})],n.UUIMenuItemElement.prototype,"renderExpandSymbol",2),le([$()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=le([p("uui-menu-item")],n.UUIMenuItemElement);var rm=Object.defineProperty,nm=Object.getOwnPropertyDescriptor,si=(i,e,t,r)=>{for(var o=r>1?void 0:r?nm(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&&rm(e,t,o),o};const Gl="uui:modal-open",ai="uui:modal-close",Wl="uui:modal-close-end";let ue=class extends g{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Gl,{cancelable:!0}),r=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(ai,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this.forceClose()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}forceClose(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.dispatchEvent(new CustomEvent(Wl)),this.remove()}static{this.styles=[b`
|
|
4724
4766
|
dialog {
|
|
4725
4767
|
display: block;
|
|
4726
4768
|
margin: 0;
|
|
@@ -4748,9 +4790,9 @@
|
|
|
4748
4790
|
:host([index='0']) dialog::after {
|
|
4749
4791
|
opacity: 0;
|
|
4750
4792
|
}
|
|
4751
|
-
`]}};
|
|
4793
|
+
`]}};si([S("dialog")],ue.prototype,"_dialogElement",2),si([l({type:Boolean,reflect:!0,attribute:"is-open"})],ue.prototype,"isOpen",2),si([l({type:Boolean,reflect:!0,attribute:"is-closing"})],ue.prototype,"isClosing",2),si([l({type:Number,reflect:!0})],ue.prototype,"index",2),si([l({type:Number,reflect:!0,attribute:"unique-index"})],ue.prototype,"uniqueIndex",2),si([l({type:Number,attribute:"transition-duration"})],ue.prototype,"transitionDuration",1);var sm=Object.defineProperty,am=Object.getOwnPropertyDescriptor,ql=i=>{throw TypeError(i)},Kl=(i,e,t,r)=>{for(var o=r>1?void 0:r?am(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&&sm(e,t,o),o},lm=(i,e,t)=>e.has(i)||ql("Cannot "+t),Xl=(i,e,t)=>(lm(i,e,"read from private field"),t?t.call(i):e.get(i)),um=(i,e,t)=>e.has(i)?ql("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),er,Wn;n.UUIModalSidebarElement=class extends ue{constructor(){super(...arguments),um(this,er),this.size="full"}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Xl(this,er,Wn)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}forceClose(){this.isClosing||(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Xl(this,er,Wn)+"px"),setTimeout(()=>{super.forceClose()},this.transitionDuration))}render(){return c`<dialog>
|
|
4752
4794
|
<slot></slot>
|
|
4753
|
-
</dialog>`}},er=new WeakSet,
|
|
4795
|
+
</dialog>`}},er=new WeakSet,Wn=function(){return this._dialogElement?.getBoundingClientRect().width??0},n.UUIModalSidebarElement.styles=[...ue.styles,b`
|
|
4754
4796
|
:host {
|
|
4755
4797
|
outline: none;
|
|
4756
4798
|
--uui-modal-sidebar-left-gap: 24px;
|
|
@@ -4792,7 +4834,7 @@
|
|
|
4792
4834
|
:host([size='small']) dialog {
|
|
4793
4835
|
max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
4794
4836
|
}
|
|
4795
|
-
`],
|
|
4837
|
+
`],Kl([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=Kl([p("uui-modal-sidebar")],n.UUIModalSidebarElement);var cm=Object.defineProperty,hm=Object.getOwnPropertyDescriptor,Yl=i=>{throw TypeError(i)},li=(i,e,t,r)=>{for(var o=r>1?void 0:r?hm(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&&cm(e,t,o),o},Zl=(i,e,t)=>e.has(i)||Yl("Cannot "+t),Yi=(i,e,t)=>(Zl(i,e,"read from private field"),t?t.call(i):e.get(i)),qn=(i,e,t)=>e.has(i)?Yl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),tr=(i,e,t)=>(Zl(i,e,"access private method"),t),Kn,ui,ci,Xn,Yn;n.UUIModalContainerElement=class extends g{constructor(){super(),qn(this,ci),this.sidebarGap=64,this.transitionDurationMS=250,qn(this,Kn,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof ue)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(ai,Yi(this,ui))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(ai,Yi(this,ui))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}tr(this,ci,Xn).call(this),tr(this,ci,Yn).call(this)}),qn(this,ui,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(ai,Yi(this,ui)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}tr(this,ci,Xn).call(this),tr(this,ci,Yn).call(this)}),this.addEventListener(ai,Yi(this,ui))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return c`<slot @slotchange=${Yi(this,Kn)}></slot>`}},Kn=new WeakMap,ui=new WeakMap,ci=new WeakSet,Xn=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(e=>!e.isClosing).reverse()??[];i?.forEach((e,t)=>{e.index=t,e.transitionDuration=this.transitionDurationMS}),i?.forEach(e=>{const t=i?.filter(r=>r.constructor.name===e.constructor.name);e.uniqueIndex=t?.indexOf(e)??0})},Yn=function(){requestAnimationFrame(()=>{let i=0;const e=this._sidebars?.filter(t=>!t.isClosing).reverse()??[];for(let t=0;t<e.length;t++){const r=e[t],o=e[t+1],s=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",s+"px")}),o?.hasAttribute("hide"))break;const a=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,u=a+i+this.sidebarGap-h;i=u>0?u:0}})},n.UUIModalContainerElement.styles=b`
|
|
4796
4838
|
:host {
|
|
4797
4839
|
position: fixed;
|
|
4798
4840
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -4809,7 +4851,7 @@
|
|
|
4809
4851
|
:host([backdrop])::after {
|
|
4810
4852
|
opacity: 1;
|
|
4811
4853
|
}
|
|
4812
|
-
`,
|
|
4854
|
+
`,li([S("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),li([$()],n.UUIModalContainerElement.prototype,"_modals",2),li([$()],n.UUIModalContainerElement.prototype,"_sidebars",2),li([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),li([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=li([p("uui-modal-container")],n.UUIModalContainerElement);var dm=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIModalDialogElement=class extends ue{render(){return c`
|
|
4813
4855
|
<dialog>
|
|
4814
4856
|
<slot></slot>
|
|
4815
4857
|
</dialog>
|
|
@@ -4837,28 +4879,28 @@
|
|
|
4837
4879
|
:host(:not([index='0'])) dialog {
|
|
4838
4880
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
4839
4881
|
}
|
|
4840
|
-
`],n.UUIModalDialogElement=
|
|
4882
|
+
`],n.UUIModalDialogElement=dm([p("uui-modal-dialog")],n.UUIModalDialogElement);let Et=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var pm=Object.defineProperty,bm=Object.getOwnPropertyDescriptor,te=(i,e,t,r)=>{for(var o=r>1?void 0:r?bm(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&&pm(e,t,o),o};const mm=45,Zn=(i,e,t)=>Math.min(Math.max(i,e),t),vm=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends g{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.firstLabel="First",this.previousLabel="Previous",this.nextLabel="Next",this.lastLabel="Last",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),_(this,"uui-button"),_(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((o,s)=>o+s.getBoundingClientRect().width,0),r=(e-t)/mm/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,r=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return vm(Zn(t,1,this.total),Zn(r,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=Zn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Et(Et.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Et(Et.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Et(Et.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return c`<uui-button
|
|
4841
4883
|
compact
|
|
4842
4884
|
look="outline"
|
|
4843
4885
|
class="nav"
|
|
4844
4886
|
role="listitem"
|
|
4845
4887
|
label=${this.firstLabel}
|
|
4846
4888
|
?disabled=${this._current===1}
|
|
4847
|
-
@click=${()=>this.goToPage(1)}></uui-button>`}renderPrevious(){return
|
|
4889
|
+
@click=${()=>this.goToPage(1)}></uui-button>`}renderPrevious(){return c`<uui-button
|
|
4848
4890
|
compact
|
|
4849
4891
|
look="outline"
|
|
4850
4892
|
class="nav"
|
|
4851
4893
|
role="listitem"
|
|
4852
4894
|
label=${this.previousLabel}
|
|
4853
4895
|
?disabled=${this._current===1}
|
|
4854
|
-
@click=${this.goToPreviousPage}></uui-button>`}renderNext(){return
|
|
4896
|
+
@click=${this.goToPreviousPage}></uui-button>`}renderNext(){return c`<uui-button
|
|
4855
4897
|
compact
|
|
4856
4898
|
look="outline"
|
|
4857
4899
|
role="listitem"
|
|
4858
4900
|
class="nav"
|
|
4859
4901
|
label=${this.nextLabel}
|
|
4860
4902
|
?disabled=${this._current===this.total}
|
|
4861
|
-
@click=${this.goToNextPage}></uui-button>`}renderLast(){return
|
|
4903
|
+
@click=${this.goToNextPage}></uui-button>`}renderLast(){return c`
|
|
4862
4904
|
<uui-button
|
|
4863
4905
|
compact
|
|
4864
4906
|
look="outline"
|
|
@@ -4867,7 +4909,7 @@
|
|
|
4867
4909
|
label=${this.lastLabel}
|
|
4868
4910
|
?disabled=${this.total===this._current}
|
|
4869
4911
|
@click=${()=>this.goToPage(this.total)}></uui-button>
|
|
4870
|
-
`}renderDots(){return
|
|
4912
|
+
`}renderDots(){return c`<uui-button
|
|
4871
4913
|
compact
|
|
4872
4914
|
look="outline"
|
|
4873
4915
|
role="listitem"
|
|
@@ -4875,7 +4917,7 @@
|
|
|
4875
4917
|
class="dots"
|
|
4876
4918
|
label="More pages"
|
|
4877
4919
|
>...</uui-button
|
|
4878
|
-
> `}renderPage(e){return
|
|
4920
|
+
> `}renderPage(e){return c`<uui-button
|
|
4879
4921
|
compact
|
|
4880
4922
|
look="outline"
|
|
4881
4923
|
role="listitem"
|
|
@@ -4884,9 +4926,9 @@
|
|
|
4884
4926
|
tabindex=${e===this._current?"-1":""}
|
|
4885
4927
|
@click=${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}>
|
|
4886
4928
|
${e}
|
|
4887
|
-
</uui-button>`}renderNavigationLeft(){return
|
|
4888
|
-
${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return
|
|
4889
|
-
${this.renderNext()} ${this.renderLast()}`}render(){return
|
|
4929
|
+
</uui-button>`}renderNavigationLeft(){return c` ${this.renderFirst()} ${this.renderPrevious()}
|
|
4930
|
+
${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return c`${this._visiblePages.includes(this.total)?"":this.renderDots()}
|
|
4931
|
+
${this.renderNext()} ${this.renderLast()}`}render(){return c`<uui-button-group role="list" id="pages">
|
|
4890
4932
|
${this.renderNavigationLeft()}
|
|
4891
4933
|
${this._visiblePages.map(e=>this.renderPage(e))}
|
|
4892
4934
|
${this.renderNavigationRight()}
|
|
@@ -4921,13 +4963,13 @@
|
|
|
4921
4963
|
.active {
|
|
4922
4964
|
pointer-events: none;
|
|
4923
4965
|
}
|
|
4924
|
-
`],
|
|
4966
|
+
`],te([bc("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),te([S("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),te([l()],n.UUIPaginationElement.prototype,"label",2),te([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),te([l()],n.UUIPaginationElement.prototype,"firstLabel",2),te([l()],n.UUIPaginationElement.prototype,"previousLabel",2),te([l()],n.UUIPaginationElement.prototype,"nextLabel",2),te([l()],n.UUIPaginationElement.prototype,"lastLabel",2),te([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),te([$()],n.UUIPaginationElement.prototype,"_range",2),te([$()],n.UUIPaginationElement.prototype,"_visiblePages",2),te([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=te([p("uui-pagination")],n.UUIPaginationElement);let Jl=class extends z{static{this.CLOSE="close"}};var gm=Object.defineProperty,fm=Object.getOwnPropertyDescriptor,Zi=(i,e,t,r)=>{for(var o=r>1?void 0:r?fm(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&&gm(e,t,o),o};function ir(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends g{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new Jl(Jl.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){this._scrollParents=[];const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const r=t.position==="absolute",o=/(auto|scroll)/;let s=e;for(;s;){if(t=getComputedStyle(s),r&&t.position==="static"){s=this._getAncestorElement(s);continue}if(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(s),t.position==="fixed")return;s=this._getAncestorElement(s)}this._scrollParents.push(document.body)}_getAncestorElement(e){return e?.parentElement?e.parentElement:e?.getRootNode()?.host}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const e=this.containerElement;if(!e)return;const t=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&t!=null){const o=this._scrollParents.map(Ae=>Ae.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,t,o));let s=this._currentPlacement.indexOf("top")!==-1,a=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,u=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,m=this._currentPlacement.indexOf("-end")!==-1;let v=.5,y=.5,U=.5,I=.5,P=0,Z=0;if(this.placement==="auto"){const Ae=this._scrollParents[0],ao=Ae.clientWidth,At=Ae.clientHeight,fi=r.x-t.width,yi=ao-(r.x+r.width)-t.width,Us=r.y-t.height,vr=At-(r.y+r.height)-t.height;let gr=.5,fr=.5;const qv=Math.max(fi,yi);let Nu=Math.max(Us,vr);vr>Us&&vr>this.margin&&(Nu+=9999),qv>Nu?(fi>yi?(gr=0,h=!0):(gr=1,u=!0),P=this.margin):(Us>vr?(fr=0,s=!0):(fr=1,a=!0),Z=this.margin),v=gr,y=fr,U=1-gr,I=1-fr}else s&&(I=1,y=0),a&&(I=0,y=1),(s||a)&&(Z=this.margin,d&&(U=0,v=0),m&&(U=1,v=1)),h&&(U=1,v=0),u&&(U=0,v=1),(h||u)&&(P=this.margin,d&&(I=0,y=0),m&&(I=1,y=1));const We=-t.width*U+r.width*v-P*(U*2-1),qe=-t.height*I+r.height*y-Z*(I*2-1);let Ke=We,St=qe;s||a?(this._scrollParents.forEach((Ae,ao)=>{const At=Ae===document.body?0:o[ao].x,fi=-r.x+At,yi=Ae.clientWidth-r.x-r.width+We+At-(t.width-r.width)*(1-v);Ke=ir(Ke,fi,yi)}),Ke=ir(Ke,-t.width,r.width)):(h||u)&&(this._scrollParents.forEach((Ae,ao)=>{const At=Ae===document.body?0:o[ao].y,fi=-r.y+At,yi=Ae.clientHeight-r.y-r.height+qe+At-(t.height-r.height)*(1-y);St=ir(St,fi,yi)}),St=ir(St,-t.height,r.height)),(this._positionX!==Ke||this._positionY!==St)&&(this._positionX=Ke,this._positionY=St,We===Ke&&qe===St&&this._stopScrollListener(),e.style.left=`${this._positionX}px`,e.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),s=o[0],a=o[1]||null;let h;return this._scrollParents.some((u,d)=>{const m=u===document.body?0:r[d].x,v=u===document.body?0:r[d].y;return s==="top"&&t.y-2<=v?(h="bottom",!0):s==="bottom"&&t.y+t.height+2>=u.clientHeight+v?(h="top",!0):s==="left"&&t.x-2<=m?(h="right",!0):s==="right"&&t.x+t.width+2>=u.clientWidth+m?(h="left",!0):!1}),h?(this._startScrollListener(),h+(a?`-${a}`:"")):e}render(){return c`
|
|
4925
4967
|
<slot
|
|
4926
4968
|
id="trigger"
|
|
4927
4969
|
name="trigger"
|
|
4928
4970
|
@slotchange=${this._onTriggerSlotChanged}></slot>
|
|
4929
4971
|
<div id="container">
|
|
4930
|
-
${this._open?
|
|
4972
|
+
${this._open?c`<slot name="popover"></slot>`:""}
|
|
4931
4973
|
</div>
|
|
4932
4974
|
`}},n.UUIPopoverElement.styles=[b`
|
|
4933
4975
|
:host {
|
|
@@ -4956,7 +4998,7 @@
|
|
|
4956
4998
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4957
4999
|
);
|
|
4958
5000
|
}
|
|
4959
|
-
`],Zi([S("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Zi([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Zi([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Zi([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Zi([p("uui-popover")],n.UUIPopoverElement);var
|
|
5001
|
+
`],Zi([S("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Zi([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Zi([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Zi([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Zi([p("uui-popover")],n.UUIPopoverElement);var ym=Object.defineProperty,wm=Object.getOwnPropertyDescriptor,Ql=(i,e,t,r)=>{for(var o=r>1?void 0:r?wm(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&&ym(e,t,o),o};const $m=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUIProgressBarElement=class extends g{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=$m(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return c`
|
|
4960
5002
|
<div id="bar" style=${Be(this._getProgressStyle())}></div>
|
|
4961
5003
|
`}},n.UUIProgressBarElement.styles=[b`
|
|
4962
5004
|
:host {
|
|
@@ -4975,7 +5017,7 @@
|
|
|
4975
5017
|
height: 100%;
|
|
4976
5018
|
width: 0%;
|
|
4977
5019
|
}
|
|
4978
|
-
`],
|
|
5020
|
+
`],Ql([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=Ql([p("uui-progress-bar")],n.UUIProgressBarElement);let Ji=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var _m=Object.defineProperty,Um=Object.getOwnPropertyDescriptor,eu=i=>{throw TypeError(i)},ot=(i,e,t,r)=>{for(var o=r>1?void 0:r?Um(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&&_m(e,t,o),o},km=(i,e,t)=>e.has(i)||eu("Cannot "+t),Em=(i,e,t)=>e.has(i)?eu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),tu=(i,e,t)=>(km(i,e,"access private method"),t),or,iu,ou;n.UUIRadioElement=class extends g{constructor(){super(),Em(this,or),this.name="",this.value="",this.label="",this.checked=!1,this.disabled=!1,this.readonly=!1,this.addEventListener("keydown",tu(this,or,iu))}focus(){this._inputElement.focus()}click(){this._inputElement.click()}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.removeAttribute("tabindex")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}render(){return c` <label>
|
|
4979
5021
|
<input
|
|
4980
5022
|
id="input"
|
|
4981
5023
|
type="radio"
|
|
@@ -4983,12 +5025,12 @@
|
|
|
4983
5025
|
value=${this.value}
|
|
4984
5026
|
.checked=${this.checked}
|
|
4985
5027
|
.disabled=${this.disabled||this.readonly}
|
|
4986
|
-
@change=${
|
|
5028
|
+
@change=${tu(this,or,ou)} />
|
|
4987
5029
|
<div id="button"></div>
|
|
4988
5030
|
<div id="label">
|
|
4989
|
-
${this.label?
|
|
5031
|
+
${this.label?c`<span>${this.label}</span>`:c`<slot></slot>`}
|
|
4990
5032
|
</div>
|
|
4991
|
-
</label>`}},or=new WeakSet,
|
|
5033
|
+
</label>`}},or=new WeakSet,iu=function(i){i.key===" "&&(i.preventDefault(),!this.disabled&&!this.readonly&&this._inputElement?.click())},ou=function(i){i.stopPropagation();const e=this._inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Ji(Ji.CHANGE))},n.UUIRadioElement.styles=[$o,b`
|
|
4992
5034
|
:host {
|
|
4993
5035
|
display: block;
|
|
4994
5036
|
box-sizing: border-box;
|
|
@@ -5117,7 +5159,7 @@
|
|
|
5117
5159
|
transition: none;
|
|
5118
5160
|
}
|
|
5119
5161
|
}
|
|
5120
|
-
`],
|
|
5162
|
+
`],ot([S("#input")],n.UUIRadioElement.prototype,"_inputElement",2),ot([l({type:String})],n.UUIRadioElement.prototype,"name",2),ot([l({type:String})],n.UUIRadioElement.prototype,"value",2),ot([l({type:String})],n.UUIRadioElement.prototype,"label",2),ot([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",2),ot([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",2),ot([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"readonly",2),n.UUIRadioElement=ot([p("uui-radio")],n.UUIRadioElement);let Jn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var xm=Object.defineProperty,Im=Object.getOwnPropertyDescriptor,ru=i=>{throw TypeError(i)},Qn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Im(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&&xm(e,t,o),o},es=(i,e,t)=>e.has(i)||ru("Cannot "+t),k=(i,e,t)=>(es(i,e,"read from private field"),t?t.call(i):e.get(i)),rt=(i,e,t)=>e.has(i)?ru("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),rr=(i,e,t,r)=>(es(i,e,"write to private field"),e.set(i,t),t),V=(i,e,t)=>(es(i,e,"access private method"),t),H,M,ts,is,nr,sr,os,N,nu,rs,ns,ss,as,xt,su,au,Qi;const Cm="ArrowLeft",Sm="ArrowUp",Am="ArrowRight",Pm="ArrowDown",zm=" ",Om="Enter";n.UUIRadioGroupElement=class extends we(g,""){constructor(){super(),rt(this,N),this.disabled=!1,this.readonly=!1,rt(this,H,null),rt(this,M,[]),rt(this,ts,e=>{k(this,M)?.forEach(t=>{t!==e.target?t.makeUnfocusable():t.makeFocusable()})}),rt(this,is,e=>{this.contains(e.relatedTarget)||k(this,H)===null&&k(this,M)?.forEach(t=>{t.makeFocusable()})}),rt(this,nr,()=>{this.pristine=!1}),rt(this,sr,e=>{e.target.checked===!0&&(this.value=e.target.value,V(this,N,Qi).call(this))}),rt(this,os,e=>{switch(e.key){case Cm:case Sm:{e.preventDefault(),V(this,N,su).call(this);break}case Am:case Pm:{e.preventDefault(),V(this,N,au).call(this);break}case zm:{k(this,H)===null&&(this.value=V(this,N,xt).call(this,1,!1)?.value,V(this,N,Qi).call(this));break}case Om:this.submit()}}),this.addEventListener("keydown",k(this,os)),this.addEventListener("focusin",k(this,ts)),this.addEventListener("focusout",k(this,is)),this.updateComplete.then(()=>{V(this,N,ns).call(this,this.value)})}get value(){return super.value}set value(e){super.value=e,V(this,N,ns).call(this,e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}updated(e){super.updated(e),e.has("disabled")&&V(this,N,ss).call(this,this.disabled),e.has("readonly")&&V(this,N,as).call(this,this.readonly),e.has("name")&&V(this,N,rs).call(this,e.get("name"))}async focus(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.focus():V(this,N,xt).call(this,1,!1)?.focus()}async blur(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.blur():V(this,N,xt).call(this,1,!1)?.blur()}async click(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.click():V(this,N,xt).call(this,1,!1)?.click()}getFormElement(){if(k(this,M)&&k(this,H))return k(this,M)[k(this,H)]}render(){return c` <slot @slotchange=${V(this,N,nu)}></slot> `}},H=new WeakMap,M=new WeakMap,ts=new WeakMap,is=new WeakMap,nr=new WeakMap,sr=new WeakMap,os=new WeakMap,N=new WeakSet,nu=function(i){if(i.stopPropagation(),k(this,M)?.forEach(t=>{t.removeEventListener(Ji.CHANGE,k(this,sr)),t.removeEventListener("blur",k(this,nr))}),rr(this,H,null),rr(this,M,i.target.assignedElements({flatten:!0}).filter(t=>t instanceof n.UUIRadioElement)),k(this,M).length===0)return;k(this,M).forEach(t=>{t.addEventListener(Ji.CHANGE,k(this,sr)),t.addEventListener("blur",k(this,nr))}),V(this,N,rs).call(this,this.name),this.disabled&&V(this,N,ss).call(this,!0),this.readonly&&V(this,N,as).call(this,!0);const e=k(this,M).filter(t=>t.checked===!0);if(e.length>1&&(k(this,M).forEach(t=>{t.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),e.length===1){const t=e[0];this.value=t.value,rr(this,H,k(this,M).indexOf(t))}},rs=function(i){k(this,M)?.forEach(e=>e.name=i)},ns=function(i){const e=[];k(this,M).forEach((t,r)=>{t.value===i?(t.checked=!0,t.makeFocusable(),rr(this,H,r)):(t.checked=!1,e.push(t))}),k(this,H)!==null&&e.forEach(t=>t.makeUnfocusable())},ss=function(i){k(this,M)?.forEach(e=>e.disabled=i)},as=function(i){k(this,M)?.forEach(e=>e.readonly=i)},xt=function(i=1,e=!0){if(!k(this,M)||k(this,M).length===0)return null;const t=k(this,M).length;let r=k(this,H)??0;for(let o=0;o<t+1;o++){if(!e||o>0){const s=k(this,M)[r];if(!s.disabled&&!s.readonly)return s}r=(r+i+t)%t}return null},su=function(){this.value=V(this,N,xt).call(this,-1)?.value??"",k(this,M)[k(this,H)??0]?.focus(),V(this,N,Qi).call(this)},au=function(){this.value=V(this,N,xt).call(this)?.value??"",k(this,M)[k(this,H)??0]?.focus(),V(this,N,Qi).call(this)},Qi=function(){this.pristine=!1,this.dispatchEvent(new Jn(Jn.CHANGE))},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[b`
|
|
5121
5163
|
:host {
|
|
5122
5164
|
display: inline-block;
|
|
5123
5165
|
padding-right: 3px;
|
|
@@ -5134,7 +5176,7 @@
|
|
|
5134
5176
|
71
|
|
5135
5177
|
));
|
|
5136
5178
|
}
|
|
5137
|
-
`],
|
|
5179
|
+
`],Qn([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),Qn([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"readonly",2),n.UUIRadioGroupElement=Qn([p("uui-radio-group")],n.UUIRadioGroupElement);let nt=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Lm=Object.defineProperty,Mm=Object.getOwnPropertyDescriptor,lu=i=>{throw TypeError(i)},B=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mm(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&&Lm(e,t,o),o},uu=(i,e,t)=>e.has(i)||lu("Cannot "+t),Tm=(i,e,t)=>(uu(i,e,"read from private field"),t?t.call(i):e.get(i)),cu=(i,e,t)=>e.has(i)?lu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),hi=(i,e,t)=>(uu(i,e,"access private method"),t),st,It,ls;const us={TOP:3,CENTER:2},eo=18,di=3,Fe=12,Nm=24,cs=i=>{const e=i.toString().indexOf(".");return e>=0?i.toString().length-e-1:0};n.UUIRangeSliderElement=class extends we(g,""){constructor(){super(),cu(this,st),this.disabled=!1,this.readonly=!1,this._min=0,this._max=0,this.hideStepValues=!1,this._step=1,this._movement=!1,this.startPoint={mouse:0,low:0,high:0},this._lowInputValue=0,this._highInputValue=0,this._trackWidth=0,this._lowValuePercentStart=0,this._highValuePercentEnd=100,cu(this,ls,e=>{e.key=="Enter"&&this.submit()}),this._onTouchStart=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(e.touches[0].pageX);else{const r=this._getClickedValue(e.touches[0].pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onTouchMove=e=>{this._dragBothValuesByMousePos(e.touches[0].pageX)},this._onTouchEnd=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchcancel",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this._onMouseDown=e=>{if(this.disabled||this.readonly)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(e.pageX);else{const r=this._getClickedValue(e.pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=e=>{e.preventDefault(),this._dragBothValuesByMousePos(e.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keydown",Tm(this,ls)),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack?.offsetWidth})}get min(){return this._min}set min(e){this._min=e,hi(this,st,It).call(this)}get max(){return this._max}set max(e){this._max=e,hi(this,st,It).call(this)}get step(){return this._step}set step(e){this._step=e,hi(this,st,It).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,hi(this,st,It).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,hi(this,st,It).call(this)}get value(){return super.value}set value(e){super.value=e,hi(this,st,It).call(this)}setValueLow(e){e=O(e,this.maxGap?this._highInputValue-this.maxGap>this.min?this._highInputValue-this.maxGap:this.min:this.min,this.minGap?this._highInputValue-this.minGap:this._highInputValue-this.step),this.setValue(e,this._highInputValue)}setValueHigh(e){e=O(e,this.minGap?this._lowInputValue+this.minGap:this._lowInputValue+this.step,this.maxGap?this.maxGap+this._lowInputValue<this.max?this.maxGap+this._lowInputValue:this.max:this.max),this.setValue(this._lowInputValue,e)}setValue(e,t,r){if(r){const o=this.startPoint.high-this.startPoint.low;e=O(e,this.min,this.max-o),t=O(t,this.min+o,this.max)}this._inputLow.value=e.toString(),this._inputHigh.value=t.toString(),this.value=`${e},${t}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}async focus(){await this.updateComplete,this.getFormElement().focus()}async blur(){await this.updateComplete,this.getFormElement().blur()}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._runPropertiesChecks()}_runPropertiesChecks(){if(new RegExp(/^-?\d+(\.\d+)?,-?\d+(\.\d+)?$/).test(this.value)||console.error("Range slider (Value error occurred): Bad input"),this._highInputValue===this._lowInputValue&&console.error("Range slider (Value error occurred): Low-end and high-end value should never be equal. Use <uui-slider></uui-slider> instead."),this._lowInputValue>this._highInputValue&&console.error("Range slider (Value error occurred): Low-end value should never be higher than high-end value."),(this._highInputValue>this._max||this._highInputValue<this._min)&&(this.setValueHigh(this._max),console.warn(`Conflict with the high-end value and max value. High-end value has been converted to the max value (${this._max})`)),(this._lowInputValue<this._min||this._lowInputValue>this._max)&&(this.setValueLow(this._min),console.warn(`Conflict with the low-end value and min value. Low-end value has been converted to the min value (${this._min})`)),this._step<=0&&(this._step=1,console.warn("Property step needs a value higher than 0. Converted the step value to 1 (default)")),(this._max-this._min)/this._step%1!==0&&console.error("Conflict with step value and the min and max values. May experience bad side effects"),this._minGap&&this._minGap<this._step&&(this._minGap=void 0,console.warn("Conflict with min-gap and step value. The min-gap needs to be higher than the step value. Removed the min-gap property.")),this._minGap&&this._maxGap&&this._minGap>this._maxGap&&(this._minGap=void 0,this._maxGap=void 0,console.warn("Conflict with min-gap and max-gap. Removed the min-gap and max-gap properties.")),this._minGap&&this._max-this._min<this._minGap&&(this._minGap=void 0,console.warn("Conflict with the min-gap and the total range. Removed the min-gap.")),this._maxGap&&this._highInputValue-this._lowInputValue>this._maxGap&&(this.setValueHigh(this._lowInputValue+this._maxGap),console.warn(`Conflict with value and max-gap. High-end value has been converted to the highest possible value based on the low-end value and the max gap value (${this._highInputValue})`)),this._minGap&&this._highInputValue-this._lowInputValue<this._minGap){const e=this._minGap;this._highInputValue-e<this._min?(this.setValueHigh(this._lowInputValue+e),console.warn(`Conflict with value and min gap. High-end value has been converted to the lowest possible value based on the low-end value and the min gap value (${this._highInputValue}).`)):(this.setValueLow(this._highInputValue-e),console.warn(`Conflict with value and min gap. Low-end value has been converted to the highest possible value based on the high-end value and the min gap value (${this._lowInputValue}).`))}}_updateInnerColor(){const e=this._max-this._min,t=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=t/e*100,s=100-r/e*100;this._lowValuePercentStart=O(o,0,100),this._highValuePercentEnd=O(s,0,100)}_getClickedValue(e){const t=this._outerTrack.getBoundingClientRect().left,r=(e-t-Fe)/(this._trackWidth-Fe*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(e){this.startPoint={mouse:e,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(e){const t=this._outerTrack.offsetWidth,r=e-this.startPoint.mouse,o=this._max-this._min,s=r/(t+Fe*2),a=Math.round(s*o/this._step)*this._step,h=this.startPoint.low+a,u=this.startPoint.high+a;this.setValue(h,u,!0),this.dispatchEvent(new nt(nt.INPUT))}_onLowInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputLow;const t=Number(e.target.value);this.setValueLow(t),this.dispatchEvent(new nt(nt.INPUT))}_onHighInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputHigh;const t=Number(e.target.value);this.setValueHigh(t),this.dispatchEvent(new nt(nt.INPUT))}_onLowChange(){this.setValueLow(Number(this._inputLow.value)),this.onChanged()}_onHighChange(){this.setValueHigh(Number(this._inputHigh.value)),this.onChanged()}onChanged(){this.pristine=!1,this.dispatchEvent(new nt(nt.CHANGE))}render(){return c`
|
|
5138
5180
|
<div id="range-slider">
|
|
5139
5181
|
${this._renderNativeInputs()}
|
|
5140
5182
|
<div id="inner-track">
|
|
@@ -5148,26 +5190,26 @@
|
|
|
5148
5190
|
${this._renderSteps()}
|
|
5149
5191
|
</div>
|
|
5150
5192
|
</div>
|
|
5151
|
-
`}_renderThumbValues(){return
|
|
5193
|
+
`}_renderThumbValues(){return c`<div class="thumb-values">
|
|
5152
5194
|
<span
|
|
5153
5195
|
><span
|
|
5154
|
-
>${this._lowInputValue.toFixed(
|
|
5196
|
+
>${this._lowInputValue.toFixed(cs(this._step))}</span
|
|
5155
5197
|
></span
|
|
5156
5198
|
>
|
|
5157
5199
|
<span
|
|
5158
5200
|
><span
|
|
5159
|
-
>${this._highInputValue.toFixed(
|
|
5201
|
+
>${this._highInputValue.toFixed(cs(this._step))}</span
|
|
5160
5202
|
></span
|
|
5161
5203
|
>
|
|
5162
|
-
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Fe*2)/e;if(t<
|
|
5204
|
+
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Fe*2)/e;if(t<Nm||e%1!==0)return;let r=0;const o=new Array(e+1).fill(t).map(s=>s*r++);return c`<div class="step-wrapper">
|
|
5163
5205
|
<svg height="100%" width="100%">
|
|
5164
|
-
<rect x="9" y="9" height="${
|
|
5206
|
+
<rect x="9" y="9" height="${di}" rx="2" />
|
|
5165
5207
|
${this._renderStepCircles(o)}
|
|
5166
5208
|
</svg>
|
|
5167
5209
|
${this._renderStepValues(e)}
|
|
5168
|
-
</div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const r=new Array(e+1).fill(this._step).map(o=>(this._min+o*t++).toFixed(
|
|
5169
|
-
${r.map(o=>
|
|
5170
|
-
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+Fe,s=this._lowInputValue-this._min,a=this._highInputValue-this._min;return o/t>=s&&o/t<=a?f`<circle class="track-step filled" cx="${o}" cy="${
|
|
5210
|
+
</div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const r=new Array(e+1).fill(this._step).map(o=>(this._min+o*t++).toFixed(cs(this._step)));return c`<div class="step-values">
|
|
5211
|
+
${r.map(o=>c`<span><span>${o}</span></span>`)}
|
|
5212
|
+
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+Fe,s=this._lowInputValue-this._min,a=this._highInputValue-this._min;return o/t>=s&&o/t<=a?f`<circle class="track-step filled" cx="${o}" cy="${di*2}" r="4.5" />`:f`<circle class="track-step regular" cx="${o}" cy="${di*2}" r="4.5" />`})}`}_renderNativeInputs(){return c` <div class="native-wrapper">
|
|
5171
5213
|
<input
|
|
5172
5214
|
id="inputLow"
|
|
5173
5215
|
class="${this._movement?"focus":""}"
|
|
@@ -5192,7 +5234,7 @@
|
|
|
5192
5234
|
?disabled="${this.disabled||this.readonly}"
|
|
5193
5235
|
@input=${this._onHighInput}
|
|
5194
5236
|
@change=${this._onHighChange} />
|
|
5195
|
-
</div>`}},
|
|
5237
|
+
</div>`}},st=new WeakSet,It=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},ls=new WeakMap,n.UUIRangeSliderElement.formAssociated=!0,n.UUIRangeSliderElement.styles=[b`
|
|
5196
5238
|
:host {
|
|
5197
5239
|
--color-interactive: var(--uui-color-selected,#3544b1);
|
|
5198
5240
|
--color-hover: var(--uui-color-selected-emphasis,rgb(
|
|
@@ -5246,7 +5288,7 @@
|
|
|
5246
5288
|
height: ${eo}px;
|
|
5247
5289
|
cursor: grab;
|
|
5248
5290
|
user-select: none;
|
|
5249
|
-
z-index: ${
|
|
5291
|
+
z-index: ${us.CENTER};
|
|
5250
5292
|
}
|
|
5251
5293
|
|
|
5252
5294
|
:host([disabled]) #inner-color-thumb,
|
|
@@ -5270,16 +5312,16 @@
|
|
|
5270
5312
|
}
|
|
5271
5313
|
|
|
5272
5314
|
:host(:not([readonly])) #inner-color-thumb:hover .color {
|
|
5273
|
-
height: ${
|
|
5315
|
+
height: ${di*2}px;
|
|
5274
5316
|
background-color: var(--color-hover);
|
|
5275
|
-
transform: translateY(-${
|
|
5317
|
+
transform: translateY(-${di/2}px);
|
|
5276
5318
|
}
|
|
5277
5319
|
|
|
5278
5320
|
.color {
|
|
5279
5321
|
user-select: none;
|
|
5280
5322
|
position: absolute;
|
|
5281
5323
|
inset-inline: 0;
|
|
5282
|
-
height: ${
|
|
5324
|
+
height: ${di}px;
|
|
5283
5325
|
top: 50%;
|
|
5284
5326
|
transform: translateY(0);
|
|
5285
5327
|
background-color: var(--color-interactive);
|
|
@@ -5429,7 +5471,7 @@
|
|
|
5429
5471
|
pointer-events: all;
|
|
5430
5472
|
cursor: grab;
|
|
5431
5473
|
position: relative;
|
|
5432
|
-
z-index: ${
|
|
5474
|
+
z-index: ${us.TOP};
|
|
5433
5475
|
width: ${eo}px;
|
|
5434
5476
|
height: ${eo}px;
|
|
5435
5477
|
border-radius: 24px;
|
|
@@ -5475,7 +5517,7 @@
|
|
|
5475
5517
|
pointer-events: all;
|
|
5476
5518
|
cursor: grab;
|
|
5477
5519
|
position: relative;
|
|
5478
|
-
z-index: ${
|
|
5520
|
+
z-index: ${us.TOP};
|
|
5479
5521
|
width: ${eo}px;
|
|
5480
5522
|
height: ${eo}px;
|
|
5481
5523
|
border-radius: 24px;
|
|
@@ -5512,7 +5554,7 @@
|
|
|
5512
5554
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
5513
5555
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
5514
5556
|
}
|
|
5515
|
-
`],B([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),B([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),B([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"readonly",2),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",1),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",1),B([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",1),B([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",1),B([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",1),B([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),B([$()],n.UUIRangeSliderElement.prototype,"_movement",2),B([$()],n.UUIRangeSliderElement.prototype,"_lowInputValue",2),B([$()],n.UUIRangeSliderElement.prototype,"_highInputValue",2),B([$()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),B([$()],n.UUIRangeSliderElement.prototype,"_lowValuePercentStart",2),B([$()],n.UUIRangeSliderElement.prototype,"_highValuePercentEnd",2),B([S("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),B([S("#inputLow")],n.UUIRangeSliderElement.prototype,"_inputLow",2),B([S("#inputHigh")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),B([S(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),B([S("#inner-color-thumb")],n.UUIRangeSliderElement.prototype,"_innerColorThumb",2),n.UUIRangeSliderElement=B([p("uui-range-slider")],n.UUIRangeSliderElement);var
|
|
5557
|
+
`],B([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),B([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),B([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"readonly",2),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",1),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",1),B([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),B([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",1),B([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",1),B([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",1),B([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),B([$()],n.UUIRangeSliderElement.prototype,"_movement",2),B([$()],n.UUIRangeSliderElement.prototype,"_lowInputValue",2),B([$()],n.UUIRangeSliderElement.prototype,"_highInputValue",2),B([$()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),B([$()],n.UUIRangeSliderElement.prototype,"_lowValuePercentStart",2),B([$()],n.UUIRangeSliderElement.prototype,"_highValuePercentEnd",2),B([S("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),B([S("#inputLow")],n.UUIRangeSliderElement.prototype,"_inputLow",2),B([S("#inputHigh")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),B([S(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),B([S("#inner-color-thumb")],n.UUIRangeSliderElement.prototype,"_innerColorThumb",2),n.UUIRangeSliderElement=B([p("uui-range-slider")],n.UUIRangeSliderElement);var Bm=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIRefListElement=class extends g{render(){return c`<slot></slot>`}},n.UUIRefListElement.styles=[b`
|
|
5516
5558
|
:host {
|
|
5517
5559
|
display: block;
|
|
5518
5560
|
}
|
|
@@ -5528,7 +5570,7 @@
|
|
|
5528
5570
|
right: 0;
|
|
5529
5571
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
5530
5572
|
}
|
|
5531
|
-
`],n.UUIRefListElement=
|
|
5573
|
+
`],n.UUIRefListElement=Bm([p("uui-ref-list")],n.UUIRefListElement);let to=class extends z{static{this.OPEN="open"}};var Dm=Object.defineProperty,Vm=Object.getOwnPropertyDescriptor,ar=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vm(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&&Dm(e,t,o),o};n.UUIRefElement=class extends fo(Dt(g)){constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new to(to.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new to(to.OPEN)))}},n.UUIRefElement.styles=[b`
|
|
5532
5574
|
:host {
|
|
5533
5575
|
position: relative;
|
|
5534
5576
|
display: flex;
|
|
@@ -5705,7 +5747,7 @@
|
|
|
5705
5747
|
justify-content: flex-end;
|
|
5706
5748
|
align-items: center;
|
|
5707
5749
|
}
|
|
5708
|
-
`],ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"readonly",2),ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=ar([p("uui-ref")],n.UUIRefElement);var
|
|
5750
|
+
`],ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"readonly",2),ar([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=ar([p("uui-ref")],n.UUIRefElement);var Hm=Object.defineProperty,jm=Object.getOwnPropertyDescriptor,hu=i=>{throw TypeError(i)},at=(i,e,t,r)=>{for(var o=r>1?void 0:r?jm(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&&Hm(e,t,o),o},Rm=(i,e,t)=>e.has(i)||hu("Cannot "+t),Fm=(i,e,t)=>e.has(i)?hu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lt=(i,e,t)=>(Rm(i,e,"access private method"),t),Ie,du,pu,lr,bu,mu,vu;n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),Fm(this,Ie),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
5709
5751
|
xmlns="http://www.w3.org/2000/svg"
|
|
5710
5752
|
viewBox="0 0 24 24"
|
|
5711
5753
|
fill="none"
|
|
@@ -5716,36 +5758,36 @@
|
|
|
5716
5758
|
id="icon">
|
|
5717
5759
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
5718
5760
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
5719
|
-
</svg>`}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}async focus(){await this.updateComplete,this._openPart?.focus()}renderDetail(){return
|
|
5761
|
+
</svg>`}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}async focus(){await this.updateComplete,this._openPart?.focus()}renderDetail(){return c`<small id="detail"
|
|
5720
5762
|
>${this.detail}<slot name="detail"></slot
|
|
5721
|
-
></small>`}render(){return
|
|
5722
|
-
${
|
|
5763
|
+
></small>`}render(){return c`
|
|
5764
|
+
${lt(this,Ie,vu).call(this)}
|
|
5723
5765
|
<!-- Select border must be right after #open-part -->
|
|
5724
5766
|
<div id="select-border"></div>
|
|
5725
5767
|
|
|
5726
5768
|
<slot></slot>
|
|
5727
5769
|
<slot name="tag" id="tag-container"></slot>
|
|
5728
5770
|
<slot name="actions" id="actions-container"></slot>
|
|
5729
|
-
`}},Ie=new WeakSet,
|
|
5771
|
+
`}},Ie=new WeakSet,du=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},pu=function(){return c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},lr=function(){return c`
|
|
5730
5772
|
<span id="content" class="uui-text">
|
|
5731
5773
|
<span id="icon">
|
|
5732
|
-
<slot name="icon" @slotchange=${
|
|
5733
|
-
${this._iconSlotHasContent===!1?
|
|
5774
|
+
<slot name="icon" @slotchange=${lt(this,Ie,du)}></slot>
|
|
5775
|
+
${this._iconSlotHasContent===!1?lt(this,Ie,pu).call(this):""}
|
|
5734
5776
|
</span>
|
|
5735
5777
|
<div id="info">
|
|
5736
5778
|
<div id="name">${this.name}<slot name="name"></slot></div>
|
|
5737
5779
|
${this.renderDetail()}
|
|
5738
5780
|
</div>
|
|
5739
5781
|
</span>
|
|
5740
|
-
`},
|
|
5782
|
+
`},bu=function(){return c`<a
|
|
5741
5783
|
id="open-part"
|
|
5742
5784
|
class="uui-text"
|
|
5743
5785
|
tabindex=${this.disabled?C:"0"}
|
|
5744
5786
|
href=${w(this.disabled?void 0:this.href)}
|
|
5745
5787
|
target=${w(this.target||void 0)}
|
|
5746
5788
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
5747
|
-
${
|
|
5748
|
-
</a>`},
|
|
5789
|
+
${lt(this,Ie,lr).call(this)}
|
|
5790
|
+
</a>`},mu=function(){return c`
|
|
5749
5791
|
<button
|
|
5750
5792
|
type="button"
|
|
5751
5793
|
id="open-part"
|
|
@@ -5754,9 +5796,9 @@
|
|
|
5754
5796
|
@click=${this.handleOpenClick}
|
|
5755
5797
|
@keydown=${this.handleOpenKeydown}
|
|
5756
5798
|
?disabled=${this.disabled}>
|
|
5757
|
-
${
|
|
5799
|
+
${lt(this,Ie,lr).call(this)}
|
|
5758
5800
|
</button>
|
|
5759
|
-
`},
|
|
5801
|
+
`},vu=function(){return this.readonly?c`${lt(this,Ie,lr).call(this)}`:this.href?lt(this,Ie,bu).call(this):lt(this,Ie,mu).call(this)},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,b`
|
|
5760
5802
|
:host {
|
|
5761
5803
|
min-width: 250px;
|
|
5762
5804
|
padding: 1px;
|
|
@@ -5843,54 +5885,28 @@
|
|
|
5843
5885
|
:host([disabled]) #detail {
|
|
5844
5886
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5845
5887
|
}
|
|
5846
|
-
`],
|
|
5888
|
+
`],at([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),at([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),at([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),at([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),at([l({type:String})],n.UUIRefNodeElement.prototype,"rel",2),at([S("#open-part")],n.UUIRefNodeElement.prototype,"_openPart",2),at([$()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=at([p("uui-ref-node")],n.UUIRefNodeElement);var Gm=Object.defineProperty,Wm=Object.getOwnPropertyDescriptor,gu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wm(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&&Gm(e,t,o),o};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),c`<small id="detail"
|
|
5847
5889
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5848
|
-
></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5890
|
+
></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],gu([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=gu([p("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var qm=Object.defineProperty,Km=Object.getOwnPropertyDescriptor,fu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Km(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&&qm(e,t,o),o};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),c`<small id="detail"
|
|
5849
5891
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5850
|
-
></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5892
|
+
></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],fu([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=fu([p("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var Xm=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=Xm([p("uui-ref-node-form")],n.UUIRefNodeFormElement);var Ym=Object.defineProperty,Zm=Object.getOwnPropertyDescriptor,yu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zm(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&&Ym(e,t,o),o};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),c`<small id="detail"
|
|
5851
5893
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5852
|
-
></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5894
|
+
></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],yu([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=yu([p("uui-ref-node-member")],n.UUIRefNodeMemberElement);var Jm=Object.defineProperty,Qm=Object.getOwnPropertyDescriptor,hs=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qm(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&&Jm(e,t,o),o};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),c`<small id="detail"
|
|
5853
5895
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5854
|
-
></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5896
|
+
></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],hs([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),hs([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=hs([p("uui-ref-node-package")],n.UUIRefNodePackageElement);var ev=Object.defineProperty,tv=Object.getOwnPropertyDescriptor,wu=(i,e,t,r)=>{for(var o=r>1?void 0:r?tv(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&&ev(e,t,o),o};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),c`<small id="detail"
|
|
5855
5897
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5856
|
-
></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5857
|
-
:host {
|
|
5858
|
-
display: block;
|
|
5859
|
-
scrollbar-width: thin;
|
|
5860
|
-
scrollbar-color: var(--uui-color-disabled-contrast,#c4c4c4)
|
|
5861
|
-
var(--uui-color-surface,#fff);
|
|
5862
|
-
overflow-y: auto;
|
|
5863
|
-
}
|
|
5864
|
-
|
|
5865
|
-
:host([enforce-scroll]) {
|
|
5866
|
-
overflow-y: scroll;
|
|
5867
|
-
}
|
|
5868
|
-
|
|
5869
|
-
:host::-webkit-scrollbar {
|
|
5870
|
-
width: 6px;
|
|
5871
|
-
height: 6px; /* needed for horizontal scrollbar */
|
|
5872
|
-
}
|
|
5873
|
-
|
|
5874
|
-
:host::-webkit-scrollbar-track {
|
|
5875
|
-
background: var(--uui-color-surface,#fff);
|
|
5876
|
-
border-radius: 3px;
|
|
5877
|
-
}
|
|
5878
|
-
:host::-webkit-scrollbar-thumb {
|
|
5879
|
-
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5880
|
-
border-radius: 3px;
|
|
5881
|
-
}
|
|
5882
|
-
`],wu([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=wu([p("uui-scroll-container")],n.UUIScrollContainerElement);let hs=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(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&&iv(e,t,o),o};n.UUISelectElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new hs(hs.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return u`<option
|
|
5898
|
+
></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],wu([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=wu([p("uui-ref-node-user")],n.UUIRefNodeUserElement);let ds=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(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&&iv(e,t,o),o};n.UUISelectElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new ds(ds.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return c`<option
|
|
5883
5899
|
value="${t}"
|
|
5884
5900
|
?selected=${r}
|
|
5885
5901
|
?disabled=${o}>
|
|
5886
5902
|
${e}
|
|
5887
|
-
</option>`}_renderGrouped(){return this._groups.length===0?C:
|
|
5888
|
-
${this._groups.map(e=>
|
|
5903
|
+
</option>`}_renderGrouped(){return this._groups.length===0?C:c`
|
|
5904
|
+
${this._groups.map(e=>c`<optgroup
|
|
5889
5905
|
label=${e}
|
|
5890
5906
|
?disabled=${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}>
|
|
5891
5907
|
${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}
|
|
5892
5908
|
</optgroup>`)}
|
|
5893
|
-
`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?
|
|
5909
|
+
`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?c`<span>${this._getDisplayValue()}</span>`:c` <select
|
|
5894
5910
|
id="native"
|
|
5895
5911
|
aria-label=${this.label}
|
|
5896
5912
|
@change=${this.setValue}
|
|
@@ -6085,15 +6101,15 @@
|
|
|
6085
6101
|
input[type='range']:focus::-ms-fill-upper {
|
|
6086
6102
|
background: transparent;
|
|
6087
6103
|
}
|
|
6088
|
-
`;let io=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var nv=Object.defineProperty,sv=Object.getOwnPropertyDescriptor,$u=i=>{throw TypeError(i)},
|
|
6104
|
+
`;let io=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var nv=Object.defineProperty,sv=Object.getOwnPropertyDescriptor,$u=i=>{throw TypeError(i)},Y=(i,e,t,r)=>{for(var o=r>1?void 0:r?sv(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&&nv(e,t,o),o},ps=(i,e,t)=>e.has(i)||$u("Cannot "+t),_u=(i,e,t)=>(ps(i,e,"read from private field"),t?t.call(i):e.get(i)),bs=(i,e,t)=>e.has(i)?$u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Uu=(i,e,t,r)=>(ps(i,e,"write to private field"),e.set(i,t),t),av=(i,e,t)=>(ps(i,e,"access private method"),t),ur,cr,ms,ku;const oo=12,Eu=24,lv=(i,e,t)=>Array.from({length:(e-i)/t+1},(r,o)=>i+o*t),uv=i=>{const e=i.toString().indexOf(".");return e>=0?i.toString().length-e-1:0};n.UUISliderElement=class extends we(g,""){constructor(){super(),bs(this,ms),bs(this,ur,0),this.hideStepValues=!1,this.hideValueLabel=!1,this.min=0,this.max=100,bs(this,cr,1),this.disabled=!1,this.readonly=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keydown",av(this,ms,ku))}get step(){return _u(this,cr)}set step(e){Uu(this,cr,e),Uu(this,ur,(e.toString().split(".")[1]||[]).length)}get value(){return super.value}set value(e){if(e instanceof File)return;const t=super.value;let r=e?parseFloat(e):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),super.value=r.toFixed(_u(this,ur)).toString(),this._calculateSliderPosition(),this.requestUpdate("value",t)}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=lv(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-oo*2)/(this._steps.length-1)}_calculateSliderPosition(){const e=(parseFloat(super.value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new io(io.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new io(io.CHANGE))}renderTrackSteps(){return f`
|
|
6089
6105
|
${this._steps.map(e=>{if(this._stepWidth>=Eu){const t=Math.round(oo+this._stepWidth*this._steps.indexOf(e));return f`<circle class="track-step" cx="${t}" cy="50%" r="4.5" />`}return f``})}
|
|
6090
|
-
`}renderStepValues(){return this.hideStepValues?C:
|
|
6091
|
-
${this._steps.map(e=>
|
|
6106
|
+
`}renderStepValues(){return this.hideStepValues?C:c`<div id="step-values">
|
|
6107
|
+
${this._steps.map(e=>c` <span
|
|
6092
6108
|
><span>
|
|
6093
6109
|
${this._steps.length<=20&&this._stepWidth>=Eu?e.toFixed(uv(this.step)):C}
|
|
6094
6110
|
</span></span
|
|
6095
6111
|
>`)}
|
|
6096
|
-
</div>`}render(){return
|
|
6112
|
+
</div>`}render(){return c`
|
|
6097
6113
|
<input
|
|
6098
6114
|
id="input"
|
|
6099
6115
|
type="range"
|
|
@@ -6114,12 +6130,12 @@
|
|
|
6114
6130
|
|
|
6115
6131
|
<div id="track-inner" aria-hidden="true">
|
|
6116
6132
|
<div id="thumb" style=${Be({left:this._sliderPosition})}>
|
|
6117
|
-
${this.hideValueLabel?null:
|
|
6133
|
+
${this.hideValueLabel?null:c`<div id="thumb-label">${this.value}</div>`}
|
|
6118
6134
|
</div>
|
|
6119
6135
|
</div>
|
|
6120
6136
|
</div>
|
|
6121
6137
|
${this.renderStepValues()}
|
|
6122
|
-
`}},ur=new WeakMap,cr=new WeakMap,
|
|
6138
|
+
`}},ur=new WeakMap,cr=new WeakMap,ms=new WeakSet,ku=function(i){i.key=="Enter"&&this.submit()},n.UUISliderElement.formAssociated=!0,n.UUISliderElement.styles=[Bh,rv,b`
|
|
6123
6139
|
:host {
|
|
6124
6140
|
display: inline-block;
|
|
6125
6141
|
width: 100%;
|
|
@@ -6280,7 +6296,7 @@
|
|
|
6280
6296
|
:host([readonly]) #thumb-label {
|
|
6281
6297
|
opacity: 1;
|
|
6282
6298
|
}
|
|
6283
|
-
`],
|
|
6299
|
+
`],Y([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),Y([l({type:Boolean,attribute:"hide-value-label"})],n.UUISliderElement.prototype,"hideValueLabel",2),Y([l({type:Number})],n.UUISliderElement.prototype,"min",2),Y([l({type:Number})],n.UUISliderElement.prototype,"max",2),Y([l({type:Number})],n.UUISliderElement.prototype,"step",1),Y([l({type:String})],n.UUISliderElement.prototype,"value",1),Y([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),Y([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"readonly",2),Y([l({type:String})],n.UUISliderElement.prototype,"label",2),Y([S("#input")],n.UUISliderElement.prototype,"_input",2),Y([S("#track")],n.UUISliderElement.prototype,"_track",2),Y([$()],n.UUISliderElement.prototype,"_stepWidth",2),Y([$()],n.UUISliderElement.prototype,"_steps",2),Y([$()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=Y([p("uui-slider")],n.UUISliderElement);var cv=Object.defineProperty,hv=Object.getOwnPropertyDescriptor,xu=(i,e,t,r)=>{for(var o=r>1?void 0:r?hv(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&&cv(e,t,o),o};n.UUISymbolExpandElement=class extends g{constructor(){super(...arguments),this.open=!1}render(){return c`<svg
|
|
6284
6300
|
xmlns="http://www.w3.org/2000/svg"
|
|
6285
6301
|
viewBox="0 0 24 24"
|
|
6286
6302
|
fill="none"
|
|
@@ -6307,7 +6323,7 @@
|
|
|
6307
6323
|
:host([open]) svg {
|
|
6308
6324
|
transform: rotate(0deg);
|
|
6309
6325
|
}
|
|
6310
|
-
`],xu([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=xu([p("uui-symbol-expand")],n.UUISymbolExpandElement);var dv=Object.defineProperty,pv=Object.getOwnPropertyDescriptor,
|
|
6326
|
+
`],xu([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=xu([p("uui-symbol-expand")],n.UUISymbolExpandElement);var dv=Object.defineProperty,pv=Object.getOwnPropertyDescriptor,vs=(i,e,t,r)=>{for(var o=r>1?void 0:r?pv(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&&dv(e,t,o),o};n.UUISymbolFileThumbnailElement=class extends g{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}render(){return this.src?c`<img src=${this.src} alt=${this.alt} />`:c`<uui-icon
|
|
6311
6327
|
name="picture"
|
|
6312
6328
|
.fallback=${Hh.strings[0]}></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`
|
|
6313
6329
|
:host {
|
|
@@ -6332,7 +6348,7 @@
|
|
|
6332
6348
|
color: var(--uui-color-surface,#fff);
|
|
6333
6349
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
6334
6350
|
}
|
|
6335
|
-
`],
|
|
6351
|
+
`],vs([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),vs([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=vs([p("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var bv=Object.defineProperty,mv=Object.getOwnPropertyDescriptor,Iu=(i,e,t,r)=>{for(var o=r>1?void 0:r?mv(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&&bv(e,t,o),o};n.UUISymbolFileElement=class extends g{constructor(){super(...arguments),this.type=""}render(){return c`
|
|
6336
6352
|
<svg
|
|
6337
6353
|
xmlns="http://www.w3.org/2000/svg"
|
|
6338
6354
|
viewBox="0 0 24 24"
|
|
@@ -6346,10 +6362,10 @@
|
|
|
6346
6362
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
6347
6363
|
</svg>
|
|
6348
6364
|
|
|
6349
|
-
${this.type?
|
|
6365
|
+
${this.type?c`<small id="file-type" class="uui-small"
|
|
6350
6366
|
>${this.type.toUpperCase()}</small
|
|
6351
6367
|
>`:""}
|
|
6352
|
-
`}},n.UUISymbolFileElement.styles=[
|
|
6368
|
+
`}},n.UUISymbolFileElement.styles=[Nt,b`
|
|
6353
6369
|
:host {
|
|
6354
6370
|
position: relative;
|
|
6355
6371
|
display: block;
|
|
@@ -6375,7 +6391,7 @@
|
|
|
6375
6391
|
width: 100%;
|
|
6376
6392
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6377
6393
|
}
|
|
6378
|
-
`],Iu([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Iu([p("uui-symbol-file")],n.UUISymbolFileElement);var vv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUISymbolFolderElement=class extends g{render(){return
|
|
6394
|
+
`],Iu([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Iu([p("uui-symbol-file")],n.UUISymbolFileElement);var vv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUISymbolFolderElement=class extends g{render(){return c`<svg
|
|
6379
6395
|
xmlns="http://www.w3.org/2000/svg"
|
|
6380
6396
|
viewBox="0 0 24 24"
|
|
6381
6397
|
fill="none"
|
|
@@ -6409,7 +6425,7 @@
|
|
|
6409
6425
|
svg {
|
|
6410
6426
|
fill: currentColor;
|
|
6411
6427
|
}
|
|
6412
|
-
`],Cu([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Cu([p("uui-symbol-lock")],n.UUISymbolLockElement);var yv=Object.defineProperty,wv=Object.getOwnPropertyDescriptor,Su=(i,e,t,r)=>{for(var o=r>1?void 0:r?wv(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&&yv(e,t,o),o};n.UUISymbolSortElement=class extends xi(g){constructor(){super(...arguments),this.descending=!1}render(){return
|
|
6428
|
+
`],Cu([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Cu([p("uui-symbol-lock")],n.UUISymbolLockElement);var yv=Object.defineProperty,wv=Object.getOwnPropertyDescriptor,Su=(i,e,t,r)=>{for(var o=r>1?void 0:r?wv(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&&yv(e,t,o),o};n.UUISymbolSortElement=class extends xi(g){constructor(){super(...arguments),this.descending=!1}render(){return c` <svg
|
|
6413
6429
|
id="up"
|
|
6414
6430
|
xmlns="http://www.w3.org/2000/svg"
|
|
6415
6431
|
width="24"
|
|
@@ -6493,7 +6509,7 @@
|
|
|
6493
6509
|
:host([active][descending]) #down {
|
|
6494
6510
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
6495
6511
|
}
|
|
6496
|
-
`],Su([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Su([p("uui-symbol-sort")],n.UUISymbolSortElement);var $v=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUITableElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return
|
|
6512
|
+
`],Su([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Su([p("uui-symbol-sort")],n.UUISymbolSortElement);var $v=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUITableElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return c`<slot></slot>`}},n.UUITableElement.styles=[b`
|
|
6497
6513
|
:host {
|
|
6498
6514
|
display: table;
|
|
6499
6515
|
width: 100%;
|
|
@@ -6501,7 +6517,7 @@
|
|
|
6501
6517
|
background-color: var(--uui-color-surface,#fff);
|
|
6502
6518
|
cursor: default;
|
|
6503
6519
|
}
|
|
6504
|
-
`],n.UUITableElement=$v([p("uui-table")],n.UUITableElement);var _v=Object.defineProperty,Uv=Object.getOwnPropertyDescriptor,hr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uv(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&&_v(e,t,o),o};n.UUITableCellElement=class extends g{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
|
|
6520
|
+
`],n.UUITableElement=$v([p("uui-table")],n.UUITableElement);var _v=Object.defineProperty,Uv=Object.getOwnPropertyDescriptor,hr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uv(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&&_v(e,t,o),o};n.UUITableCellElement=class extends g{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 c` <slot @slotchange=${this._detectOverflow}></slot>`}},n.UUITableCellElement.styles=[b`
|
|
6505
6521
|
:host {
|
|
6506
6522
|
position: relative;
|
|
6507
6523
|
display: table-cell;
|
|
@@ -6543,12 +6559,12 @@
|
|
|
6543
6559
|
:host {
|
|
6544
6560
|
border-top: none;
|
|
6545
6561
|
}
|
|
6546
|
-
`],n.UUITableHeadCellElement=Ev([p("uui-table-head-cell")],n.UUITableHeadCellElement);var xv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUITableHeadElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return
|
|
6562
|
+
`],n.UUITableHeadCellElement=Ev([p("uui-table-head-cell")],n.UUITableHeadCellElement);var xv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUITableHeadElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return c`<slot></slot>`}},n.UUITableHeadElement.styles=[b`
|
|
6547
6563
|
:host {
|
|
6548
6564
|
display: table-header-group;
|
|
6549
6565
|
font-weight: bold;
|
|
6550
6566
|
}
|
|
6551
|
-
`],n.UUITableHeadElement=xv([p("uui-table-head")],n.UUITableHeadElement);var Iv=Object.defineProperty,Cv=Object.getOwnPropertyDescriptor,Au=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cv(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&&Iv(e,t,o),o};n.UUITableRowElement=class extends fo(
|
|
6567
|
+
`],n.UUITableHeadElement=xv([p("uui-table-head")],n.UUITableHeadElement);var Iv=Object.defineProperty,Cv=Object.getOwnPropertyDescriptor,Au=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cv(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&&Iv(e,t,o),o};n.UUITableRowElement=class extends fo(Dt(g)){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=>{e.disableChildInteraction!==void 0&&(e.disableChildInteraction=this.selectOnly)})}render(){return c` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}},n.UUITableRowElement.styles=[b`
|
|
6552
6568
|
:host {
|
|
6553
6569
|
display: table-row;
|
|
6554
6570
|
position: relative;
|
|
@@ -6571,7 +6587,7 @@
|
|
|
6571
6587
|
:host([selected]:focus) {
|
|
6572
6588
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
6573
6589
|
}
|
|
6574
|
-
`],Au([Pe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=Au([p("uui-table-row")],n.UUITableRowElement);var Sv=Object.defineProperty,Av=Object.getOwnPropertyDescriptor,
|
|
6590
|
+
`],Au([Pe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=Au([p("uui-table-row")],n.UUITableRowElement);var Sv=Object.defineProperty,Av=Object.getOwnPropertyDescriptor,pi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Av(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&&Sv(e,t,o),o};n.UUITabElement=class extends xi(ye("",g)){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?c`
|
|
6575
6591
|
<a
|
|
6576
6592
|
id="button"
|
|
6577
6593
|
href=${w(this.disabled?void 0:this.href)}
|
|
@@ -6582,7 +6598,7 @@
|
|
|
6582
6598
|
${this.renderLabel()}
|
|
6583
6599
|
<slot name="extra"></slot>
|
|
6584
6600
|
</a>
|
|
6585
|
-
`:
|
|
6601
|
+
`:c`
|
|
6586
6602
|
<button
|
|
6587
6603
|
type="button"
|
|
6588
6604
|
id="button"
|
|
@@ -6722,10 +6738,10 @@
|
|
|
6722
6738
|
:host([orientation='vertical']) slot.label {
|
|
6723
6739
|
text-align: left;
|
|
6724
6740
|
}
|
|
6725
|
-
`],
|
|
6741
|
+
`],pi([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),pi([l({type:String,reflect:!0})],n.UUITabElement.prototype,"href",2),pi([l({type:String,reflect:!0})],n.UUITabElement.prototype,"target",2),pi([l({type:String,reflect:!0})],n.UUITabElement.prototype,"rel",2),pi([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=pi([p("uui-tab")],n.UUITabElement);var Pv=Object.defineProperty,zv=Object.getOwnPropertyDescriptor,Pu=i=>{throw TypeError(i)},bi=(i,e,t,r)=>{for(var o=r>1?void 0:r?zv(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&&Pv(e,t,o),o},gs=(i,e,t)=>e.has(i)||Pu("Cannot "+t),A=(i,e,t)=>(gs(i,e,"read from private field"),t?t.call(i):e.get(i)),Ce=(i,e,t)=>e.has(i)?Pu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ro=(i,e,t,r)=>(gs(i,e,"write to private field"),e.set(i,t),t),Q=(i,e,t)=>(gs(i,e,"access private method"),t),dr,Se,Ge,Ct,mi,pr,no,so,K,zu,Ou,fs,Lu,vi,br,Mu,ys,mr;n.UUITabGroupElement=class extends g{constructor(){super(...arguments),Ce(this,K),Ce(this,dr,0),this.dropdownContentDirection="vertical",Ce(this,Se,[]),Ce(this,Ge,[]),Ce(this,Ct,new Map),Ce(this,mi,[]),Ce(this,pr,new ResizeObserver(Q(this,K,Ou).bind(this))),Ce(this,no,[]),Ce(this,so,!1),Ce(this,vi,e=>{const t=e.currentTarget;if(t.classList.contains("hidden-tab")&&Q(this,K,mr).call(this,t)){const r=A(this,Ct).get(t);r&&(r.click(),this._moreButtonElement.classList.add("active-inside"),this._popoverContainerElement.hidePopover());return}if(Q(this,K,mr).call(this,t)){t.active=!0;const r=A(this,Ct).get(t);r&&(r.active=!0),[...A(this,Se),...A(this,Ge)].filter(o=>o!==t&&o!==r).forEach(o=>{Q(this,K,mr).call(this,o)&&(o.active=!1)}),A(this,Ge).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),Q(this,K,zu).call(this)}disconnectedCallback(){super.disconnectedCallback(),A(this,pr).unobserve(this),Q(this,K,fs).call(this)}render(){return c`
|
|
6726
6742
|
<div id="main">
|
|
6727
6743
|
<div id="grid" role="tablist">
|
|
6728
|
-
<slot @slotchange=${
|
|
6744
|
+
<slot @slotchange=${Q(this,K,Lu)}></slot>
|
|
6729
6745
|
</div>
|
|
6730
6746
|
<uui-button
|
|
6731
6747
|
popovertarget="popover-container"
|
|
@@ -6741,10 +6757,10 @@
|
|
|
6741
6757
|
popover
|
|
6742
6758
|
placement="bottom-end">
|
|
6743
6759
|
<div id="hidden-tabs-container" role="tablist">
|
|
6744
|
-
${wo(
|
|
6760
|
+
${wo(A(this,Ge),e=>c`${e}`)}
|
|
6745
6761
|
</div>
|
|
6746
6762
|
</uui-popover-container>
|
|
6747
|
-
`}},dr=new WeakMap,Se=new WeakMap,Ge=new WeakMap,
|
|
6763
|
+
`}},dr=new WeakMap,Se=new WeakMap,Ge=new WeakMap,Ct=new WeakMap,mi=new WeakMap,pr=new WeakMap,no=new WeakMap,so=new WeakMap,K=new WeakSet,zu=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,A(this,pr).observe(this._mainElement)},Ou=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==A(this,dr)?Q(this,K,br).call(this):Q(this,K,ys).call(this,i[0].contentBoxSize[0].inlineSize)},fs=function(){A(this,Se).forEach(i=>{i.removeEventListener("click",A(this,vi)),A(this,no).forEach(e=>e.disconnect())}),A(this,no).length=0,A(this,mi).length=0},Lu=function(){Q(this,K,fs).call(this),Q(this,K,Mu).call(this),A(this,Se).forEach(i=>{i.addEventListener("click",A(this,vi));const e=new ResizeObserver(Q(this,K,br).bind(this));e.observe(i),A(this,no).push(e)})},vi=new WeakMap,br=async function(){if(A(this,so))return;ro(this,so,!0),requestAnimationFrame(()=>{ro(this,so,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;ro(this,dr,e);let t=0;for(let o=0;o<A(this,Se).length;o++)A(this,Se)[o].style.display="",t+=A(this,Se)[o].offsetWidth,A(this,mi)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Q(this,K,ys).call(this,this._mainElement.offsetWidth)},Mu=function(){ro(this,Se,this._slottedNodes?this._slottedNodes:[]),Q(this,K,br).call(this)},ys=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);A(this,Ge).forEach(s=>{s.removeEventListener("click",A(this,vi))}),ro(this,Ge,[]),A(this,Ct).clear();let r=!1;const o=A(this,mi).length;for(let s=0;s<o;s++){const a=A(this,mi)[s],h=A(this,Se)[s];if(a<=(s===o-1?i:t))h.style.display="";else{const u=h.cloneNode(!0);u.addEventListener("click",A(this,vi)),u.classList.add("hidden-tab"),u.style.display="",u.orientation=this.dropdownContentDirection,A(this,Ct).set(u,h),A(this,Ct).set(h,u),A(this,Ge).push(u),h.style.display="none",h.active&&(r=!0)}}A(this,Ge).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()},mr=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[b`
|
|
6748
6764
|
:host {
|
|
6749
6765
|
min-width: 0;
|
|
6750
6766
|
display: flex;
|
|
@@ -6832,7 +6848,7 @@
|
|
|
6832
6848
|
opacity 120ms,
|
|
6833
6849
|
height ease-out 120ms;
|
|
6834
6850
|
}
|
|
6835
|
-
`],
|
|
6851
|
+
`],bi([S("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),bi([S("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),bi([S("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),bi([Pe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),bi([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=bi([p("uui-tab-group")],n.UUITabGroupElement);class Ov extends z{}class Lv extends z{}var Mv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,ws=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tv(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&&Mv(e,t,o),o};n.UUITagElement=class extends g{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return c`<slot></slot>`}},n.UUITagElement.styles=[b`
|
|
6836
6852
|
:host {
|
|
6837
6853
|
display: inline-block;
|
|
6838
6854
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -6922,7 +6938,7 @@
|
|
|
6922
6938
|
color: var(--color-standalone);
|
|
6923
6939
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6924
6940
|
}
|
|
6925
|
-
`],ws([l({reflect:!0})],n.UUITagElement.prototype,"color",2),ws([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=ws([p("uui-tag")],n.UUITagElement);class $s extends z{static{this.CHANGE="change"}static{this.INPUT="input"}constructor(e,t={}){super(e,{bubbles:!0,...t})}}var Nv=Object.defineProperty,Bv=Object.getOwnPropertyDescriptor,
|
|
6941
|
+
`],ws([l({reflect:!0})],n.UUITagElement.prototype,"color",2),ws([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=ws([p("uui-tag")],n.UUITagElement);class $s extends z{static{this.CHANGE="change"}static{this.INPUT="input"}constructor(e,t={}){super(e,{bubbles:!0,...t})}}var Nv=Object.defineProperty,Bv=Object.getOwnPropertyDescriptor,X=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bv(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&&Nv(e,t,o),o};n.UUITextareaElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t-e} too many.`,this.autoHeight=!1,this._autoHeightRafId=null,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&String(this.value).length>this.maxlength)}set value(e){const t=super.value;super.value=e,this.autoHeight&&this.isConnected&&t!==e&&(this._autoHeightRafId!==null&&cancelAnimationFrame(this._autoHeightRafId),this._autoHeightRafId=requestAnimationFrame(()=>{this._autoHeightRafId=null,this.autoUpdateHeight()}))}get value(){return String(super.value)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}async focus(){await this.updateComplete,this._textarea.focus()}async blur(){await this.updateComplete,this._textarea.blur()}async click(){await this.updateComplete,this._textarea.click()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new $s($s.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return c`
|
|
6926
6942
|
<textarea
|
|
6927
6943
|
id="textarea"
|
|
6928
6944
|
rows=${w(this.rows)}
|
|
@@ -7022,7 +7038,7 @@
|
|
|
7022
7038
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
7023
7039
|
var(--uui-color-focus,#3879ff);
|
|
7024
7040
|
}
|
|
7025
|
-
`],
|
|
7041
|
+
`],X([l()],n.UUITextareaElement.prototype,"placeholder",2),X([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),X([l({type:String})],n.UUITextareaElement.prototype,"name",2),X([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),X([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),X([l({attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),X([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),X([l({attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),X([S("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),X([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),X([l({type:String})],n.UUITextareaElement.prototype,"label",2),X([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),X([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),X([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=X([p("uui-textarea")],n.UUITextareaElement);let fe=class extends z{static{this.OPENING="opening"}static{this.OPENED="opened"}static{this.CLOSING="closing"}static{this.CLOSED="closed"}};var Dv=Object.defineProperty,Vv=Object.getOwnPropertyDescriptor,gi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vv(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&&Dv(e,t,o),o};n.UUIToastNotificationElement=class extends g{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,e!==null?(this._timer===null?this._timer=new Ah(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new fe(fe.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new fe(fe.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const e=new fe(fe.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,this._timer?.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new fe(fe.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return c`
|
|
7026
7042
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
7027
7043
|
<div>
|
|
7028
7044
|
<div id="close">
|
|
@@ -7033,13 +7049,13 @@
|
|
|
7033
7049
|
@click=${()=>this.open=!1}>
|
|
7034
7050
|
<uui-icon
|
|
7035
7051
|
name="remove"
|
|
7036
|
-
.fallback=${
|
|
7052
|
+
.fallback=${Fr.strings[0]}></uui-icon>
|
|
7037
7053
|
</uui-button>
|
|
7038
7054
|
</div>
|
|
7039
7055
|
<slot></slot>
|
|
7040
7056
|
</div>
|
|
7041
7057
|
</div>
|
|
7042
|
-
`}},n.UUIToastNotificationElement.styles=[
|
|
7058
|
+
`}},n.UUIToastNotificationElement.styles=[Nt,b`
|
|
7043
7059
|
:host {
|
|
7044
7060
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
7045
7061
|
|
|
@@ -7156,7 +7172,7 @@
|
|
|
7156
7172
|
71
|
|
7157
7173
|
));
|
|
7158
7174
|
}
|
|
7159
|
-
`],gi([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),gi([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),gi([S("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),gi([$()],n.UUIToastNotificationElement.prototype,"_animate",2),gi([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=gi([p("uui-toast-notification")],n.UUIToastNotificationElement);var Hv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,Tu=(i,e,t,r)=>{for(var o=r>1?void 0:r?jv(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&&Hv(e,t,o),o};n.UUIToastNotificationContainerElement=class extends g{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(fe.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(fe.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,this._toasts?.forEach(t=>t.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return
|
|
7175
|
+
`],gi([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),gi([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),gi([S("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),gi([$()],n.UUIToastNotificationElement.prototype,"_animate",2),gi([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=gi([p("uui-toast-notification")],n.UUIToastNotificationElement);var Hv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,Tu=(i,e,t,r)=>{for(var o=r>1?void 0:r?jv(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&&Hv(e,t,o),o};n.UUIToastNotificationContainerElement=class extends g{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(fe.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(fe.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,this._toasts?.forEach(t=>t.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return c` <slot @slotchange=${this.onSlotChanged}></slot> `}},n.UUIToastNotificationContainerElement.styles=[b`
|
|
7160
7176
|
:host {
|
|
7161
7177
|
position: absolute;
|
|
7162
7178
|
overflow: hidden;
|
|
@@ -7184,7 +7200,7 @@
|
|
|
7184
7200
|
:host([left-align]) slot {
|
|
7185
7201
|
align-items: start;
|
|
7186
7202
|
}
|
|
7187
|
-
`],Tu([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=Tu([p("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Rv=Object.defineProperty,Fv=Object.getOwnPropertyDescriptor,_s=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fv(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&&Rv(e,t,o),o};n.UUIToastNotificationLayoutElement=class extends g{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return
|
|
7203
|
+
`],Tu([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=Tu([p("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Rv=Object.defineProperty,Fv=Object.getOwnPropertyDescriptor,_s=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fv(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&&Rv(e,t,o),o};n.UUIToastNotificationLayoutElement=class extends g{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return c`
|
|
7188
7204
|
<div id="message" class="uui-text">
|
|
7189
7205
|
<h5
|
|
7190
7206
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -7194,7 +7210,7 @@
|
|
|
7194
7210
|
<slot></slot>
|
|
7195
7211
|
<slot id="actions" name="actions"></slot>
|
|
7196
7212
|
</div>
|
|
7197
|
-
`}},n.UUIToastNotificationLayoutElement.styles=[
|
|
7213
|
+
`}},n.UUIToastNotificationLayoutElement.styles=[Nt,b`
|
|
7198
7214
|
#message {
|
|
7199
7215
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
7200
7216
|
}
|
|
@@ -7215,10 +7231,10 @@
|
|
|
7215
7231
|
margin-top: var(--uui-size-space-4,12px);
|
|
7216
7232
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
7217
7233
|
}
|
|
7218
|
-
`],_s([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),_s([$()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=_s([p("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var Gv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIToggleElement=class extends ce{constructor(){super("switch")}renderCheckbox(){return
|
|
7234
|
+
`],_s([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),_s([$()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=_s([p("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var Gv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIToggleElement=class extends ce{constructor(){super("switch")}renderCheckbox(){return c`
|
|
7219
7235
|
<div id="toggle">
|
|
7220
7236
|
<div id="icon-checked">${Uo}</div>
|
|
7221
|
-
<div id="icon-unchecked">${
|
|
7237
|
+
<div id="icon-unchecked">${Fr}</div>
|
|
7222
7238
|
</div>
|
|
7223
7239
|
`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...ce.styles,$o,b`
|
|
7224
7240
|
:host {
|
|
@@ -7384,7 +7400,7 @@
|
|
|
7384
7400
|
71
|
|
7385
7401
|
));
|
|
7386
7402
|
}
|
|
7387
|
-
`],n.UUIToggleElement=Gv([p("uui-toggle")],n.UUIToggleElement);var Wv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIVisuallyHiddenElement=class extends g{render(){return
|
|
7403
|
+
`],n.UUIToggleElement=Gv([p("uui-toggle")],n.UUIToggleElement);var Wv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIVisuallyHiddenElement=class extends g{render(){return c`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[b`
|
|
7388
7404
|
:host(:not(:focus-within)) {
|
|
7389
7405
|
position: absolute !important;
|
|
7390
7406
|
width: 1px !important;
|
|
@@ -7396,5 +7412,5 @@
|
|
|
7396
7412
|
white-space: nowrap !important;
|
|
7397
7413
|
padding: 0 !important;
|
|
7398
7414
|
}
|
|
7399
|
-
`],n.UUIVisuallyHiddenElement=Wv([p("uui-visually-hidden")],n.UUIVisuallyHiddenElement),n.ActiveMixin=Ec,n.LabelMixin=Ic,n.PopoverTargetMixin=Kc,n.SelectOnlyMixin=Lc,n.SelectableMixin=Ac,n.Timer=Dc,n.UUIBlinkAnimationValue=fc,n.UUIBlinkKeyframes=gc,n.UUIBooleanInputElement=ce,n.UUIBooleanInputEvent=
|
|
7415
|
+
`],n.UUIVisuallyHiddenElement=Wv([p("uui-visually-hidden")],n.UUIVisuallyHiddenElement),n.ActiveMixin=Ec,n.LabelMixin=Ic,n.PopoverTargetMixin=Kc,n.SelectOnlyMixin=Lc,n.SelectableMixin=Ac,n.Timer=Dc,n.UUIBlinkAnimationValue=fc,n.UUIBlinkKeyframes=gc,n.UUIBooleanInputElement=ce,n.UUIBooleanInputEvent=Hr,n.UUIButtonInlineCreateEvent=rn,n.UUICardEvent=Mi,n.UUIColorAreaEvent=gn,n.UUIColorPickerChangeEvent=Vi,n.UUIColorSliderEvent=xn,n.UUIColorSwatchesEvent=Ri,n.UUIComboboxEvent=ve,n.UUIComboboxListEvent=me,n.UUICopyTextEvent=Oi,n.UUIEvent=Dr,n.UUIFileDropzoneEvent=Re,n.UUIFormControlEvent=mt,n.UUIFormControlMixin=Bc,n.UUIHorizontalPulseAnimationValue=wc,n.UUIHorizontalPulseKeyframes=yc,n.UUIHorizontalShakeAnimationValue=_c,n.UUIHorizontalShakeKeyframes=$c,n.UUIIconHost=Nn,n.UUIIconRegistry=Bn,n.UUIIconRegistryEssential=Bl,n.UUIIconRequestEvent=qi,n.UUIInputEvent=Ki,n.UUIInputLockEvent=Vn,n.UUIInterfaceColorValues=Zc,n.UUIInterfaceHeadingValues=Jc,n.UUIInterfaceLookValues=Yc,n.UUIMenuItemEvent=ni,n.UUIModalCloseEndEvent=Wl,n.UUIModalCloseEvent=ai,n.UUIModalElement=ue,n.UUIModalOpenEvent=Gl,n.UUIPaginationEvent=Et,n.UUIRadioEvent=Ji,n.UUIRadioGroupEvent=Jn,n.UUIRefEvent=to,n.UUISelectEvent=ds,n.UUISelectableEvent=Ei,n.UUISliderEvent=io,n.UUITabEvent=Ov,n.UUITabGroupEvent=Lv,n.UUITextStyles=Nt,n.UUITextareaEvent=$s,n.UUITimer=ia,n.UUIToastNotificationEvent=fe,n.UUI_VERSION=ra,n.clamp=jc,n.defineElement=Xc,n.demandCustomElement=Vc,n.drag=Hc,n.findAncestorByAttributeValue=oa,n.reverseNumberInRange=Rc,n.slotHasContent=Gc,n.toHex=Fc}));
|
|
7400
7416
|
//# sourceMappingURL=uui.min.js.map
|