@umbraco-ui/uui 1.17.0 → 1.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/uui.min.js +308 -303
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
- package/vscode-html-custom-data.json +15 -15
package/dist/uui.min.js
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
(function(n,
|
|
1
|
+
(function(n,Ke){typeof exports=="object"&&typeof module<"u"?Ke(exports):typeof define=="function"&&define.amd?define(["exports"],Ke):(n=typeof globalThis<"u"?globalThis:n||self,Ke(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 Ke=window,fr=Ke.ShadowRoot&&(Ke.ShadyCSS===void 0||Ke.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,yr=Symbol(),ks=new WeakMap;let Es=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==yr)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(fr&&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 Xe=i=>new Es(typeof i=="string"?i:i+"",void 0,yr),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,yr)},ju=(i,e)=>{fr?i.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((t=>{const r=document.createElement("style"),o=Ke.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}))},xs=fr?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return Xe(t)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var wr;const lo=window,
|
|
9
|
+
*/var wr;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),_r={attribute:!0,type:String,converter:$r,reflect:!1,hasChanged:Ss},Ur="finalized";let At=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=_r){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)||_r}static finalize(){if(this.hasOwnProperty(Ur))return!1;this[Ur]=!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=_r){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),u=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]=u.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){}};At[Ur]=!0,At.elementProperties=new Map,At.elementStyles=[],At.shadowRootOptions={mode:"open"},Cs?.({ReactiveElement:At}),((wr=lo.reactiveElementVersions)!==null&&wr!==void 0?wr: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 kr;const uo=window,
|
|
14
|
-
\f\r]
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/var kr;const uo=window,Pt=uo.trustedTypes,As=Pt?Pt.createPolicy("lit-html",{createHTML:i=>i}):void 0,Er="$lit$",Ye=`lit$${(Math.random()+"").slice(9)}$`,Ps="?"+Ye,Fu=`<${Ps}>`,lt=document,co=()=>lt.createComment(""),wi=i=>i===null||typeof i!="object"&&typeof i!="function",zs=Array.isArray,Gu=i=>zs(i)||typeof i?.[Symbol.iterator]=="function",xr=`[
|
|
14
|
+
\f\r]`,$i=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Os=/-->/g,Ls=/>/g,ut=RegExp(`>|${xr}(?:([^\\s"'>=/]+)(${xr}*=${xr}*(?:[^
|
|
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),Q=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),Bs=new WeakMap,ct=lt.createTreeWalker(lt,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 u=0;u<t;u++){const c=i[u];let d,m,v=-1,y=0;for(;y<c.length&&(a.lastIndex=y,m=a.exec(c),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=ut):m[3]!==void 0&&(a=ut):a===ut?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?ut:m[3]==='"'?Ts:Ms):a===Ts||a===Ms?a=ut:a===Os||a===Ls?a=$i:(a=ut,o=void 0);const U=a===ut&&i[u+1].startsWith("/>")?" ":"";s+=a===$i?c+Fu:v>=0?(r.push(d),c.slice(0,v)+Er+c.slice(v)+Ye+U):c+Ye+(v===-2?(r.push(void 0),u):U)}return[Ds(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let Ir=class Bu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const u=e.length-1,c=this.parts,[d,m]=Ku(e,t);if(this.el=Bu.createElement(d,r),ct.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=ct.nextNode())!==null&&c.length<u;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(Er)||y.startsWith(Ye)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+Er).split(Ye),A=/([.?@])?(.*)/.exec(U);c.push({type:1,index:s,name:A[2],strings:I,ctor:A[1]==="."?Yu:A[1]==="?"?Ju:A[1]==="@"?Qu:ho})}else c.push({type:6,index:s})}for(const y of v)o.removeAttribute(y)}if(Ns.test(o.tagName)){const v=o.textContent.split(Ye),y=v.length-1;if(y>0){o.textContent=Pt?Pt.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],co()),ct.nextNode(),c.push({type:2,index:++s});o.append(v[y],co())}}}else if(o.nodeType===8)if(o.data===Ps)c.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Ye,v+1))!==-1;)c.push({type:7,index:s}),v+=Ye.length-1}s++}}static createElement(e,t){const r=lt.createElement("template");return r.innerHTML=e,r}};function zt(i,e,t=i,r){var o,s,a,u;if(e===Q)return e;let c=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 c?.constructor!==d&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),d===void 0?c=void 0:(c=new d(i),c._$AT(i,t,r)),r!==void 0?((a=(u=t)._$Co)!==null&&a!==void 0?a:u._$Co=[])[r]=c:t._$Cl=c),c!==void 0&&(e=zt(i,c._$AS(i,e.values),c,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:lt).importNode(r,!0);ct.currentNode=s;let a=ct.nextNode(),u=0,c=0,d=o[0];for(;d!==void 0;){if(u===d.index){let m;d.type===2?m=new Cr(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[++c]}u!==d?.index&&(a=ct.nextNode(),u++)}return ct.currentNode=lt,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++}},Cr=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=zt(this,e,t),wi(e)?e===T||e==null||e===""?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==Q&&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.$(lt.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=Ir.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),u=a.u(this.options);a.v(r),this.$(u),this._$AH=a}}_$AC(e){let t=Bs.get(e.strings);return t===void 0&&Bs.set(e.strings,t=new Ir(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=zt(this,e,t,0),a=!wi(e)||e!==this._$AH&&e!==Q,a&&(this._$AH=e);else{const u=e;let c,d;for(e=s[0],c=0;c<s.length-1;c++)d=zt(this,u[r+c],t,c),d===Q&&(d=this._$AH[c]),a||(a=!wi(d)||d!==this._$AH[c]),d===T?e=T:e!==T&&(e+=(d??"")+s[c+1]),this._$AH[c]=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=Pt?Pt.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=zt(this,e,t,0))!==null&&r!==void 0?r:T)===Q)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){zt(this,e)}};const tc={I:Cr},Vs=uo.litHtmlPolyfillSupport;Vs?.(Ir,Cr),((kr=uo.litHtmlVersions)!==null&&kr!==void 0?kr: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 Sr;const po=window,
|
|
20
|
-
\f\r]`,
|
|
21
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
19
|
+
*/var Sr;const po=window,Ot=po.trustedTypes,Hs=Ot?Ot.createPolicy("lit-html",{createHTML:i=>i}):void 0,Ar="$lit$",Ze=`lit$${(Math.random()+"").slice(9)}$`,js="?"+Ze,ic=`<${js}>`,ht=document,_i=()=>ht.createComment(""),Ui=i=>i===null||typeof i!="object"&&typeof i!="function",Rs=Array.isArray,oc=i=>Rs(i)||typeof i?.[Symbol.iterator]=="function",Pr=`[
|
|
20
|
+
\f\r]`,ki=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fs=/-->/g,Gs=/>/g,dt=RegExp(`>|${Pr}(?:([^\\s"'>=/]+)(${Pr}*=${Pr}*(?:[^
|
|
21
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),h=Xs(1),f=Xs(2),Lt=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),Ys=new WeakMap,pt=ht.createTreeWalker(ht,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 u=0;u<t;u++){const c=i[u];let d,m,v=-1,y=0;for(;y<c.length&&(a.lastIndex=y,m=a.exec(c),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=dt):m[3]!==void 0&&(a=dt):a===dt?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?dt:m[3]==='"'?qs:Ws):a===qs||a===Ws?a=dt:a===Fs||a===Gs?a=ki:(a=dt,o=void 0);const U=a===dt&&i[u+1].startsWith("/>")?" ":"";s+=a===ki?c+ic:v>=0?(r.push(d),c.slice(0,v)+Ar+c.slice(v)+Ze+U):c+Ze+(v===-2?(r.push(void 0),u):U)}return[Zs(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let zr=class Vu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const u=e.length-1,c=this.parts,[d,m]=rc(e,t);if(this.el=Vu.createElement(d,r),pt.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=pt.nextNode())!==null&&c.length<u;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(Ar)||y.startsWith(Ze)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+Ar).split(Ze),A=/([.?@])?(.*)/.exec(U);c.push({type:1,index:s,name:A[2],strings:I,ctor:A[1]==="."?sc:A[1]==="?"?lc:A[1]==="@"?uc:bo})}else c.push({type:6,index:s})}for(const y of v)o.removeAttribute(y)}if(Ks.test(o.tagName)){const v=o.textContent.split(Ze),y=v.length-1;if(y>0){o.textContent=Ot?Ot.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],_i()),pt.nextNode(),c.push({type:2,index:++s});o.append(v[y],_i())}}}else if(o.nodeType===8)if(o.data===js)c.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Ze,v+1))!==-1;)c.push({type:7,index:s}),v+=Ze.length-1}s++}}static createElement(e,t){const r=ht.createElement("template");return r.innerHTML=e,r}};function Mt(i,e,t=i,r){var o,s,a,u;if(e===Lt)return e;let c=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 c?.constructor!==d&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),d===void 0?c=void 0:(c=new d(i),c._$AT(i,t,r)),r!==void 0?((a=(u=t)._$Co)!==null&&a!==void 0?a:u._$Co=[])[r]=c:t._$Cl=c),c!==void 0&&(e=Mt(i,c._$AS(i,e.values),c,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:ht).importNode(r,!0);pt.currentNode=s;let a=pt.nextNode(),u=0,c=0,d=o[0];for(;d!==void 0;){if(u===d.index){let m;d.type===2?m=new Or(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[++c]}u!==d?.index&&(a=pt.nextNode(),u++)}return pt.currentNode=ht,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++}},Or=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=Mt(this,e,t),Ui(e)?e===C||e==null||e===""?(this._$AH!==C&&this._$AR(),this._$AH=C):e!==this._$AH&&e!==Lt&&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.$(ht.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=zr.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),u=a.u(this.options);a.v(r),this.$(u),this._$AH=a}}_$AC(e){let t=Ys.get(e.strings);return t===void 0&&Ys.set(e.strings,t=new zr(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=Mt(this,e,t,0),a=!Ui(e)||e!==this._$AH&&e!==Lt,a&&(this._$AH=e);else{const u=e;let c,d;for(e=s[0],c=0;c<s.length-1;c++)d=Mt(this,u[r+c],t,c),d===Lt&&(d=this._$AH[c]),a||(a=!Ui(d)||d!==this._$AH[c]),d===C?e=C:e!==C&&(e+=(d??"")+s[c+1]),this._$AH[c]=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=Ot?Ot.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=Mt(this,e,t,0))!==null&&r!==void 0?r:C)===Lt)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){Mt(this,e)}};const Js=po.litHtmlPolyfillSupport;Js?.(zr,Or),((Sr=po.litHtmlVersions)!==null&&Sr!==void 0?Sr: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 u=(o=t?.renderBefore)!==null&&o!==void 0?o:null;s._$litPart$=a=new Or(e.insertBefore(_i(),u),u,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 Lr,Mr;let g=class extends
|
|
25
|
+
*/var Lr,Mr;let g=class extends At{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 Lt}};g.finalized=!0,g._$litElement$=!0,(Lr=globalThis.litElementHydrateSupport)===null||Lr===void 0||Lr.call(globalThis,{LitElement:g});const Qs=globalThis.litElementPolyfillSupport;Qs?.({LitElement:g}),((Mr=globalThis.litElementVersions)!==null&&Mr!==void 0?Mr:globalThis.litElementVersions=[]).push("3.3.3");/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/const
|
|
29
|
+
*/const dc=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}},pc=(i,e,t)=>{e.constructor.createProperty(t,i)};function l(i){return(e,t)=>t!==void 0?pc(i,e,t):dc(i,e)}/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/function
|
|
33
|
+
*/function $(i){return l({...i,state:!0})}/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/const
|
|
37
|
+
*/const Tr=({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(u){i(u,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 Tr({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
|
|
45
|
+
*/function bc(i){return Tr({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 Nr;const mc=((Nr=window.HTMLSlotElement)===null||Nr===void 0?void 0:Nr.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 Tr({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),u=a!=null?mc(a,i):[];return t?u.filter((c=>c.matches(t))):u},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 Tt=Xe(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
|
-
`,
|
|
258
|
+
`,fc=Xe("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
|
-
`,
|
|
276
|
+
`,wc=Xe("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
|
-
`,
|
|
299
|
+
`,_c=Xe("uui-horizontal-shake 600ms ease backwards");let Br=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},bt=class extends Br{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ei=class extends Br{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 h`
|
|
300
300
|
${this._labelSlotHasContent===!1?h`<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 Qs([l({type:String})],t.prototype,"label"),Qs([w()],t.prototype,"_labelSlotHasContent"),t};var Ec=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,ea=(i,e,t,r)=>{for(var o=r>1?void 0:r?xc(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&&Ec(e,t,o),o};const Ic=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 u=a.tagName;return u==="A"||u==="BUTTON"||u==="INPUT"||u==="TEXTAREA"||u==="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 ki(ki.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new ki(ki.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ea([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ea([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,Ac=(i,e,t,r)=>{for(var o=Sc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Cc(e,t,o),o};const Pc=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 Ac([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var zc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,bt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Oc(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&&zc(e,t,o),o};const Lc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Mc=(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 u={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Lc.indexOf(o)};return this.#r.push(u),this.#r.sort((c,d)=>c.weight>d.weight?1:d.weight>c.weight?-1:0),u}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(pt.INVALID,()=>{this._runValidators()}),o.addEventListener(pt.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(u=>u.checkMethod()?(this.#e[u.flagKey]=!0,o=u.getMessageMethod(),!0):!1),o||this.#o.some(u=>{let c;for(c in u.validity)if(c!=="valid"&&u.validity[c])return this.#e[c]=!0,o=u.validationMessage,s??=u,!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 pt(pt.VALID)):this.dispatchEvent(new pt(pt.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 bt([l({type:String})],t.prototype,"name",2),bt([l()],t.prototype,"value",1),bt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),bt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),bt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),bt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),bt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let Nc=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 Tc=(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)},Bc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,u=s.left+a.scrollX,c=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-u,v=d.pageY-c;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)},Dc=(i,e,t)=>Math.min(Math.max(i,e),t),Hc=(i,e,t)=>t+e-i,Vc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},ta=(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 jc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var Rc=Object.defineProperty,Fc=(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&&Rc(e,t,o),o};const Gc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=ta(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 Fc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Wc(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 qc=["default","primary","secondary","outline","placeholder"],Kc=["default","positive","warning","danger","invalid"],Xc=["h1","h2","h3","h4","h5","h6"];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 Yc=(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 h`<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 u=a.tagName;return u==="A"||u==="BUTTON"||u==="INPUT"||u==="TEXTAREA"||u==="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 u={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Nc.indexOf(o)};return this.#r.push(u),this.#r.sort((c,d)=>c.weight>d.weight?1:d.weight>c.weight?-1:0),u}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(u=>u.checkMethod()?(this.#e[u.flagKey]=!0,o=u.getMessageMethod(),!0):!1),o||this.#o.some(u=>{let c;for(c in u.validity)if(c!=="valid"&&u.validity[c])return this.#e[c]=!0,o=u.validationMessage,s??=u,!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,u=s.left+a.scrollX,c=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-u,v=d.pageY-c;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.1";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 h`<slot></slot>`}},n.UUIButtonGroupElement.styles=[b`
|
|
307
307
|
:host {
|
|
308
308
|
display: inline-flex;
|
|
309
309
|
align-items: stretch;
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
::slotted(*:hover) {
|
|
334
334
|
z-index: 1;
|
|
335
335
|
}
|
|
336
|
-
`],n.UUIButtonGroupElement=
|
|
336
|
+
`],n.UUIButtonGroupElement=eh([p("uui-button-group")],n.UUIButtonGroupElement);var th=(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.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,b`
|
|
337
337
|
::slotted(*) {
|
|
338
338
|
--uui-button-padding-left-factor: 0.5;
|
|
339
339
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
--uui-button-padding-left-factor: 1.5;
|
|
376
376
|
--uui-button-padding-right-factor: 1.5;
|
|
377
377
|
}
|
|
378
|
-
`],n.UUIActionBarElement=
|
|
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 h`
|
|
379
379
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
380
380
|
${this._isLimitExceeded()?h`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
381
381
|
`}},n.UUIAvatarGroupElement.styles=[b`
|
|
@@ -395,7 +395,7 @@
|
|
|
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([
|
|
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,Nt=(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 h` <img
|
|
399
399
|
src="${this.imgSrc}"
|
|
400
400
|
srcset="${this.imgSrcset}"
|
|
401
401
|
alt="${this._initials}"
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
overflow: hidden;
|
|
435
435
|
border-radius: 50%;
|
|
436
436
|
}
|
|
437
|
-
`],Nt([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Nt([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Nt([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Nt([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",2),Nt([l({type:String})],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Nt([p("uui-avatar")],n.UUIAvatarElement);var
|
|
437
|
+
`],Nt([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Nt([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Nt([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Nt([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",2),Nt([l({type:String})],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Nt([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 h` <slot></slot> `}},n.UUIBadgeElement.styles=[b`
|
|
438
438
|
:host {
|
|
439
439
|
position: var(--uui-badge-position, absolute);
|
|
440
440
|
display: flex;
|
|
@@ -565,14 +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
|
|
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 h`
|
|
569
569
|
${this._labelSlotHasContent===!1?h`<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 ia([l({type:String})],t.prototype,"label"),ia([w()],t.prototype,"_labelSlotHasContent"),t};let ah=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},go=class extends ah{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,oa=(i,e,t,r)=>{for(var o=r>1?void 0:r?uh(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&&lh(e,t,o),o};const Tt=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 u=a.tagName;return u==="A"||u==="BUTTON"||u==="INPUT"||u==="TEXTAREA"||u==="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 oa([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),oa([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var ch=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,dh=(i,e,t,r)=>{for(var o=hh(e,t),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 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 dh([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};let ra=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Bt=class extends ra{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Fv=class extends ra{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var ph=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,mt=(i,e,t,r)=>{for(var o=r>1?void 0:r?bh(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&&ph(e,t,o),o};const mh=["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 u={flagKey:o,getMessageMethod:s,checkMethod:a,weight:mh.indexOf(o)};return this.#r.push(u),this.#r.sort((c,d)=>c.weight>d.weight?1:d.weight>c.weight?-1:0),u}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(u=>u.checkMethod()?(this.#e[u.flagKey]=!0,o=u.getMessageMethod(),!0):!1),o||this.#o.some(u=>{let c;for(c in u.validity)if(c!=="valid"&&u.validity[c])return this.#e[c]=!0,o=u.validationMessage,s??=u,!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},vh=(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 gh=Object.defineProperty,fh=(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&&gh(e,t,o),o};const yh=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=vh(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 fh([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};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"}},Dt=class extends z{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}},Dr=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var wh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,Ht=(i,e,t,r)=>{for(var o=r>1?void 0:r?$h(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&&wh(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 Dr(Dr.CHANGE))}render(){return h`
|
|
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 Bt=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 u=a.tagName;return u==="A"||u==="BUTTON"||u==="INPUT"||u==="TEXTAREA"||u==="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||{}}},Dt=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,vt=(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 u={flagKey:o,getMessageMethod:s,checkMethod:a,weight:yh.indexOf(o)};return this.#r.push(u),this.#r.sort((c,d)=>c.weight>d.weight?1:d.weight>c.weight?-1:0),u}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(Dt.INVALID,()=>{this._runValidators()}),o.addEventListener(Dt.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(u=>u.checkMethod()?(this.#e[u.flagKey]=!0,o=u.getMessageMethod(),!0):!1),o||this.#o.some(u=>{let c;for(c in u.validity)if(c!=="valid"&&u.validity[c])return this.#e[c]=!0,o=u.validationMessage,s??=u,!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 Dt(Dt.VALID)):this.dispatchEvent(new Dt(Dt.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},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
|
+
* @license
|
|
577
|
+
* Copyright 2018 Google LLC
|
|
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"}},Vt=class extends z{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}},Vr=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var kh=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,Ht=(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 Vr(Vr.CHANGE))}render(){return h`
|
|
576
580
|
<label>
|
|
577
581
|
<input
|
|
578
582
|
id="input"
|
|
@@ -582,7 +586,8 @@
|
|
|
582
586
|
.checked=${this.checked}
|
|
583
587
|
.indeterminate=${this.indeterminate}
|
|
584
588
|
aria-checked="${this.checked?"true":"false"}"
|
|
585
|
-
aria-label=${this.label}
|
|
589
|
+
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
590
|
+
aria-labelledby=${w(this.getAttribute("aria-labelledby")||void 0)}
|
|
586
591
|
role="${this.inputRole}" />
|
|
587
592
|
${this.renderCheckbox()} ${this.renderLabel()}
|
|
588
593
|
</label>
|
|
@@ -643,23 +648,23 @@
|
|
|
643
648
|
* @license
|
|
644
649
|
* Copyright 2020 Google LLC
|
|
645
650
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
646
|
-
*/const
|
|
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=[],u=[];let c,d=0,m=!1;for(;d<r;){for(c=e[d];d<r&&(s=t[d],(o=xh(s))!==void 0);)c+=o+e[++d],m=!0;d!==r&&u.push(s),a.push(c),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=u}return i(e,...t)},ha=Ih(qu);var Ch=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,gt=(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 Hr(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=Hr(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=Hr(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=Hr(e.target)}}set headlineVariant(e){this._headlineVariantTag=e}get headlineVariant(){return this._headlineVariantTag}renderHeader(){return ha`<div
|
|
647
652
|
id="header"
|
|
648
653
|
class="uui-text"
|
|
649
654
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
650
|
-
<${
|
|
655
|
+
<${ua(this._headlineVariantTag)}
|
|
651
656
|
id="headline"
|
|
652
657
|
class="uui-h5"
|
|
653
658
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
654
659
|
${this.headline}
|
|
655
660
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
656
|
-
</${
|
|
661
|
+
</${ua(this._headlineVariantTag)}>
|
|
657
662
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
658
663
|
<slot name="header-actions" @slotchange=${this._headerActionsSlotChanged}></slot>
|
|
659
|
-
</div>`}render(){return
|
|
664
|
+
</div>`}render(){return ha`
|
|
660
665
|
${this.renderHeader()}
|
|
661
666
|
<slot></slot>
|
|
662
|
-
`}},n.UUIBoxElement.styles=[
|
|
667
|
+
`}},n.UUIBoxElement.styles=[Tt,b`
|
|
663
668
|
:host {
|
|
664
669
|
display: block;
|
|
665
670
|
border: var(--uui-box-border-width, 0) solid
|
|
@@ -689,19 +694,19 @@
|
|
|
689
694
|
display: block;
|
|
690
695
|
margin-left: auto;
|
|
691
696
|
}
|
|
692
|
-
`],
|
|
697
|
+
`],gt([l({type:String})],n.UUIBoxElement.prototype,"headline",2),gt([l({attribute:"headline-variant"})],n.UUIBoxElement.prototype,"headlineVariant",1),gt([$()],n.UUIBoxElement.prototype,"_headlineVariantTag",2),gt([$()],n.UUIBoxElement.prototype,"_headlineSlotHasContent",2),gt([$()],n.UUIBoxElement.prototype,"_headerSlotHasContent",2),gt([$()],n.UUIBoxElement.prototype,"_headerActionsSlotHasContent",2),n.UUIBoxElement=gt([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,u=s.left+a.scrollX,c=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-u,v=d.pageY-c;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}/**
|
|
693
698
|
* @license
|
|
694
699
|
* Copyright 2017 Google LLC
|
|
695
700
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
696
|
-
*/const he={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},
|
|
701
|
+
*/const he={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},jt=i=>(...e)=>({_$litDirective$:i,values:e});let Rt=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)}};/**
|
|
697
702
|
* @license
|
|
698
703
|
* Copyright 2020 Google LLC
|
|
699
704
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
700
|
-
*/const{I:
|
|
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),u=o.insertBefore(ma(),s);t=new Oh(a,u,i,i.options)}else{const a=t._$AB.nextSibling,u=t._$AM,c=u!==i;if(c){let d;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==u._$AU&&t._$AP(d)}if(a!==s||c){let d=t._$AA;for(;d!==a;){const m=d.nextSibling;o.insertBefore(d,s),d=m}}}return t},ft=(i,e,t=i)=>(i._$AI(e,t),i),Lh={},va=(i,e=Lh)=>i._$AH=e,Mh=i=>i._$AH,jr=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}};/**
|
|
701
706
|
* @license
|
|
702
707
|
* Copyright 2017 Google LLC
|
|
703
708
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
704
|
-
*/const
|
|
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=jt(class extends Rt{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 u of i)o[a]=r?r(u,a):a,s[a]=t(u,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:u}=this.ct(e,t,r);if(!Array.isArray(s))return this.ut=u,a;const c=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],d=[];let m,v,y=0,U=s.length-1,I=0,A=a.length-1;for(;y<=U&&I<=A;)if(s[y]===null)y++;else if(s[U]===null)U--;else if(c[y]===u[I])d[I]=ft(s[y],a[I]),y++,I++;else if(c[U]===u[A])d[A]=ft(s[U],a[A]),U--,A--;else if(c[y]===u[A])d[A]=ft(s[y],a[A]),Ii(i,d[A+1],s[y]),y++,A--;else if(c[U]===u[I])d[I]=ft(s[U],a[I]),Ii(i,s[y],s[U]),U--,I++;else if(m===void 0&&(m=ga(u,I,A),v=ga(c,y,U)),m.has(c[y]))if(m.has(c[U])){const Z=v.get(u[I]),We=Z!==void 0?s[Z]:null;if(We===null){const qe=Ii(i,s[y]);ft(qe,a[I]),d[I]=qe}else d[I]=ft(We,a[I]),Ii(i,s[y],We),s[Z]=null;I++}else jr(s[U]),U--;else jr(s[y]),y++;for(;I<=A;){const Z=Ii(i,d[A+1]);ft(Z,a[I]),d[I++]=Z}for(;y<=U;){const Z=s[y++];Z!==null&&jr(Z)}return this.ut=u,va(i,d),Q}}),Th=b`
|
|
705
710
|
@keyframes uui-blink {
|
|
706
711
|
0%,
|
|
707
712
|
100% {
|
|
@@ -711,7 +716,7 @@
|
|
|
711
716
|
opacity: 1;
|
|
712
717
|
}
|
|
713
718
|
}
|
|
714
|
-
`,
|
|
719
|
+
`,Nh=Xe("uui-blink 0.9s infinite both"),Bh=b`
|
|
715
720
|
@keyframes pulse {
|
|
716
721
|
0% {
|
|
717
722
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -729,7 +734,7 @@
|
|
|
729
734
|
opacity: 0;
|
|
730
735
|
}
|
|
731
736
|
}
|
|
732
|
-
`;
|
|
737
|
+
`;Xe("pulse 0.8s ease-in-out infinite both");const $o=b`
|
|
733
738
|
@keyframes uui-horizontal-shake {
|
|
734
739
|
10%,
|
|
735
740
|
90% {
|
|
@@ -752,22 +757,19 @@
|
|
|
752
757
|
transform: translateX(2px);
|
|
753
758
|
}
|
|
754
759
|
}
|
|
755
|
-
`,_o=Ke("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 Mh=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 Nh=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 Th=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 jr=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 Bh=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 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="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 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="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,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"><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 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"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;/**
|
|
756
|
-
* @license
|
|
757
|
-
* Copyright 2018 Google LLC
|
|
758
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
759
|
-
*/const $=i=>i??N;var Rh=Object.defineProperty,Fh=Object.getOwnPropertyDescriptor,ma=i=>{throw TypeError(i)},ie=(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&&Rh(e,t,o),o},va=(i,e,t)=>e.has(i)||ma("Cannot "+t),Gh=(i,e,t)=>(va(i,e,"read from private field"),e.get(i)),Wh=(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),qh=(i,e,t,r)=>(va(i,e,"write to private field"),e.set(i,t),t),ko;n.UUIButtonElement=class extends we(ye("",yh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Wh(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(Gh(this,ko)),(this.state==="success"||this.state==="failed")&&qh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=h`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=h`<uui-icon
|
|
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=h`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=h`<uui-icon
|
|
760
761
|
name="check"
|
|
761
762
|
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=h`<uui-icon
|
|
762
763
|
name="wrong"
|
|
763
|
-
.fallback=${
|
|
764
|
+
.fallback=${Wh.strings[0]}></uui-icon>`;break;default:return C}return h`<div id="state">${e}</div>`}render(){return this.href?h`
|
|
764
765
|
<a
|
|
765
766
|
id="button"
|
|
766
|
-
aria-label=${
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
767
|
+
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
768
|
+
aria-labelledby=${w(this.getAttribute("aria-labelledby")||void 0)}
|
|
769
|
+
title=${w(this.title===""?void 0:this.title)}
|
|
770
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
771
|
+
target=${w(this.target||void 0)}
|
|
772
|
+
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
771
773
|
${this.renderState()} ${this.renderLabel()}
|
|
772
774
|
<slot name="extra"></slot>
|
|
773
775
|
</a>
|
|
@@ -776,8 +778,9 @@
|
|
|
776
778
|
id="button"
|
|
777
779
|
type=${this.type}
|
|
778
780
|
?disabled=${this.disabled}
|
|
779
|
-
aria-label=${
|
|
780
|
-
|
|
781
|
+
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
782
|
+
aria-labelledby=${w(this.getAttribute("aria-labelledby")||void 0)}
|
|
783
|
+
title=${w(this.title===""?void 0:this.title)}>
|
|
781
784
|
${this.renderState()} ${this.renderLabel()}
|
|
782
785
|
<slot name="extra"></slot>
|
|
783
786
|
</button>
|
|
@@ -1154,7 +1157,7 @@
|
|
|
1154
1157
|
var(--color-standalone)
|
|
1155
1158
|
);
|
|
1156
1159
|
}
|
|
1157
|
-
`],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
|
|
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=>{throw TypeError(i)},yt=(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},Fr=(i,e,t)=>e.has(i)||wa("Cannot "+t),L=(i,e,t)=>(Fr(i,e,"read from private field"),t?t.call(i):e.get(i)),ze=(i,e,t)=>e.has(i)?wa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ci=(i,e,t,r)=>(Fr(i,e,"write to private field"),e.set(i,t),t),Je=(i,e,t)=>(Fr(i,e,"access private method"),t),Oe,Qe,wt,Si,Gr,Le,Ai,Wr,$e,qr,$a,Kr,_a,Xr;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,Qe,[]),ze(this,wt,null),ze(this,Si,{width:0,height:0}),ze(this,Gr,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?(Je(this,$e,_a).call(this),Je(this,$e,$a).call(this),requestAnimationFrame(()=>{L(this,Le).call(this)})):Je(this,$e,Kr).call(this)}),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,Wr).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,u=this._actualPlacement.indexOf("-end")!==-1,c=L(this,Oe).getBoundingClientRect(),d=this.getBoundingClientRect();let m=0,v=0;r&&(m=c.top+c.height,a&&(v=c.left),u&&(v=c.left+c.width-d.width),!a&&!u&&(v=c.left+c.width/2-d.width/2)),t&&(m=c.top-d.height,a&&(v=c.left),u&&(v=c.left+c.width-d.width),!a&&!u&&(v=c.left+c.width/2-d.width/2)),o&&(v=c.left-d.width,a&&(m=c.top),u&&(m=c.top+c.height-d.height),!a&&!u&&(m=c.top+c.height/2-d.height/2)),s&&(v=c.left+c.width,a&&(m=c.top),u&&(m=c.top+c.height-d.height),!a&&!u&&(m=c.top+c.height/2-d.height/2));const y=window.innerWidth,U=window.innerHeight,I=Math.min(0,c.top+c.height),A=Math.max(Math.min(m,U-d.height),c.top-d.height);if(Math.max(I,A)!==m&&(t||r)&&e>0){Je(this,$e,qr).call(this),L(this,Ai).call(this,e);return}m=Math.max(I,A);const Z=Math.min(0,c.left+c.width),We=Math.max(Math.min(v,y-d.width),c.left-d.width),qe=Math.max(Z,We);if(qe!==v&&(o||s)&&e>0){Je(this,$e,qr).call(this),L(this,Ai).call(this,e);return}v=qe,(m+d.height<0||m>U||v+d.width<0||v>y)&&this.hidePopover(),this.style.transform=`translate(${v}px, ${m}px)`,this.style.opacity="1"}),ze(this,Wr,()=>{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=`padding${t}`;this.style.padding="0",this.style[r]=`${this.margin}px`}),this.addEventListener("beforetoggle",L(this,Gr),{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,wt)||(Ci(this,wt,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,wt).observe(this))}disconnectedCallback(){super.disconnectedCallback(),Je(this,$e,Kr).call(this),L(this,wt)?.disconnect(),Ci(this,wt,null)}_getScrollParents(){return L(this,Qe)}render(){return h`<slot></slot>`}},Oe=new WeakMap,Qe=new WeakMap,wt=new WeakMap,Si=new WeakMap,Gr=new WeakMap,Le=new WeakMap,Ai=new WeakMap,Wr=new WeakMap,$e=new WeakSet,qr=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,Qe).forEach(i=>{i.addEventListener("scroll",L(this,Le),{passive:!0})}),document.addEventListener("scroll",L(this,Le),{passive:!0})},Kr=function(){L(this,Qe).forEach(i=>{i.removeEventListener("scroll",L(this,Le))}),document.removeEventListener("scroll",L(this,Le))},_a=function(){if(Ci(this,Qe,[]),!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=Je(this,$e,Xr).call(this,r);continue}if(i.position!=="static"&&(e=i.position==="absolute"),t.test(i.overflow+i.overflowY+i.overflowX)&&L(this,Qe).push(r),i.position==="fixed")return;r=Je(this,$e,Xr).call(this,r)}L(this,Qe).push(document.body)},Xr=function(i){return i?.parentElement?i.parentElement:i?.getRootNode()?.host},n.UUIPopoverContainerElement.styles=[b`
|
|
1158
1161
|
:host {
|
|
1159
1162
|
margin: 0;
|
|
1160
1163
|
width: fit-content;
|
|
@@ -1167,7 +1170,7 @@
|
|
|
1167
1170
|
overflow: visible;
|
|
1168
1171
|
color: var(--uui-color-text,#060606);
|
|
1169
1172
|
}
|
|
1170
|
-
`],
|
|
1173
|
+
`],yt([l({type:Number})],n.UUIPopoverContainerElement.prototype,"margin",2),yt([l({type:Boolean})],n.UUIPopoverContainerElement.prototype,"open",1),yt([l({type:String,reflect:!0})],n.UUIPopoverContainerElement.prototype,"placement",1),yt([$()],n.UUIPopoverContainerElement.prototype,"_placement",2),yt([$()],n.UUIPopoverContainerElement.prototype,"_open",2),yt([$()],n.UUIPopoverContainerElement.prototype,"_actualPlacement",2),n.UUIPopoverContainerElement=yt([p("uui-popover-container")],n.UUIPopoverContainerElement);var ed=(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">
|
|
1171
1174
|
<circle cx="17" cy="50" r="9"></circle>
|
|
1172
1175
|
<circle cx="50" cy="50" r="9"></circle>
|
|
1173
1176
|
<circle cx="83" cy="50" r="9"></circle>
|
|
@@ -1182,7 +1185,7 @@
|
|
|
1182
1185
|
svg {
|
|
1183
1186
|
fill: currentColor;
|
|
1184
1187
|
}
|
|
1185
|
-
`],n.UUISymbolMoreElement=
|
|
1188
|
+
`],n.UUISymbolMoreElement=ed([p("uui-symbol-more")],n.UUISymbolMoreElement);var td=Object.defineProperty,id=Object.getOwnPropertyDescriptor,Ua=i=>{throw TypeError(i)},Ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?id(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},Yr=(i,e,t)=>e.has(i)||Ua("Cannot "+t),x=(i,e,t)=>(Yr(i,e,"read from private field"),t?t.call(i):e.get(i)),_e=(i,e,t)=>e.has(i)?Ua("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Me=(i,e,t,r)=>(Yr(i,e,"write to private field"),e.set(i,t),t),Ue=(i,e,t)=>(Yr(i,e,"access private method"),t),ke,de,Te,et,Eo,Pi,zi,Ne,oe,ka,Ea,Zr,Jr,Qr,en,Gt;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,et,[]),_e(this,Eo,new ResizeObserver(Ue(this,oe,Ea).bind(this))),_e(this,Pi,[]),_e(this,zi,!1),_e(this,Ne,!1),_e(this,Gt,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,ka).call(this)}disconnectedCallback(){super.disconnectedCallback(),Me(this,Ne,!1),x(this,Eo).disconnect(),Ue(this,oe,Jr).call(this)}render(){const e=h`
|
|
1186
1189
|
<uui-button
|
|
1187
1190
|
popovertarget="popover-container"
|
|
1188
1191
|
style="display: none"
|
|
@@ -1197,7 +1200,7 @@
|
|
|
1197
1200
|
<div id="main">
|
|
1198
1201
|
${this.collapse==="start"?e:""}
|
|
1199
1202
|
<div id="items-container">
|
|
1200
|
-
<slot @slotchange=${Ue(this,oe,
|
|
1203
|
+
<slot @slotchange=${Ue(this,oe,Zr)}></slot>
|
|
1201
1204
|
</div>
|
|
1202
1205
|
${this.collapse==="end"?e:""}
|
|
1203
1206
|
</div>
|
|
@@ -1206,10 +1209,10 @@
|
|
|
1206
1209
|
popover
|
|
1207
1210
|
placement=${this.collapse==="start"?"bottom-start":"bottom-end"}>
|
|
1208
1211
|
<div id="dropdown-container">
|
|
1209
|
-
${wo(
|
|
1212
|
+
${wo(x(this,de),t=>h`${t}`)}
|
|
1210
1213
|
</div>
|
|
1211
1214
|
</uui-popover-container>
|
|
1212
|
-
`}},ke=new WeakMap,de=new WeakMap,
|
|
1215
|
+
`}},ke=new WeakMap,de=new WeakMap,Te=new WeakMap,et=new WeakMap,Eo=new WeakMap,Pi=new WeakMap,zi=new WeakMap,Ne=new WeakMap,oe=new WeakSet,ka=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,Zr).call(this)}))},Ea=function(i){if(!x(this,Ne))return;const e=i[0].contentBoxSize[0].inlineSize;Ue(this,oe,en).call(this,e)},Zr=function(){x(this,Ne)&&(Ue(this,oe,Jr).call(this),Me(this,ke,this._slottedNodes?[...this._slottedNodes]:[]),x(this,ke).forEach(i=>{const e=new ResizeObserver(Ue(this,oe,Qr).bind(this));e.observe(i),x(this,Pi).push(e)}),Ue(this,oe,Qr).call(this))},Jr=function(){x(this,Pi).forEach(i=>i.disconnect()),Me(this,Pi,[]),Me(this,et,[]),x(this,de).forEach(i=>{i.removeEventListener("click",x(this,Gt))}),Me(this,de,[]),x(this,Te).clear()},Qr=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,et)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Ue(this,oe,en).call(this,this._mainElement.offsetWidth),Me(this,zi,!1)},en=function(i){const e=this._moreButtonElement?.offsetWidth||40,t=i-e;x(this,de).forEach(o=>{o.removeEventListener("click",x(this,Gt))}),Me(this,de,[]),x(this,Te).clear();const r=x(this,et).length;if(this.collapse==="end")for(let o=0;o<r;o++){const s=x(this,et)[o],a=x(this,ke)[o],u=o===r-1?i:t;if(s<=u)a.style.display="";else{a.style.display="none";const c=a.cloneNode(!0);c.style.display="",c.addEventListener("click",x(this,Gt)),x(this,Te).set(c,a),x(this,Te).set(a,c),x(this,de).push(c)}}else{const o=x(this,et)[r-1]||0;for(let s=0;s<r;s++){const a=x(this,ke)[s],u=o-(s>0?x(this,et)[s-1]:0),c=(s===0||x(this,ke)[s-1].style.display==="none")&&x(this,de).length===0?i:t;if(u<=c)a.style.display="";else{a.style.display="none";const d=a.cloneNode(!0);d.style.display="",d.addEventListener("click",x(this,Gt)),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()},Gt=new WeakMap,n.UUIResponsiveContainerElement.styles=[b`
|
|
1213
1216
|
:host {
|
|
1214
1217
|
display: flex;
|
|
1215
1218
|
min-width: 0;
|
|
@@ -1253,7 +1256,7 @@
|
|
|
1253
1256
|
padding: var(--uui-size-space-2,6px);
|
|
1254
1257
|
gap: var(--uui-size-space-1,3px);
|
|
1255
1258
|
}
|
|
1256
|
-
`],
|
|
1259
|
+
`],Ft([S("#more-button")],n.UUIResponsiveContainerElement.prototype,"_moreButtonElement",2),Ft([S("#popover-container")],n.UUIResponsiveContainerElement.prototype,"_popoverContainerElement",2),Ft([S("#main")],n.UUIResponsiveContainerElement.prototype,"_mainElement",2),Ft([l({type:String,reflect:!0})],n.UUIResponsiveContainerElement.prototype,"collapse",2),Ft([Pe({flatten:!0})],n.UUIResponsiveContainerElement.prototype,"_slottedNodes",2),n.UUIResponsiveContainerElement=Ft([p("uui-responsive-container")],n.UUIResponsiveContainerElement);var od=Object.defineProperty,rd=Object.getOwnPropertyDescriptor,tn=(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};n.UUIBreadcrumbItemElement=class extends g{constructor(){super(...arguments),this.lastItem=!1}connectedCallback(){super.connectedCallback()}renderLinkAndSeparator(){const e=this.href?h`<a id="link" href=${this.href}><slot></slot></a>`:h`<span id="link"><slot></slot></span>`;return h`${e}<span part="separator"></span>`}renderCurrent(){return h`<span id="last-item"><slot></slot></span>`}render(){return h`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[b`
|
|
1257
1260
|
:host {
|
|
1258
1261
|
font-size: var(--uui-type-small-size,12px);
|
|
1259
1262
|
color: currentColor;
|
|
@@ -1292,7 +1295,7 @@
|
|
|
1292
1295
|
overflow: hidden;
|
|
1293
1296
|
text-overflow: ellipsis;
|
|
1294
1297
|
}
|
|
1295
|
-
`],
|
|
1298
|
+
`],tn([l()],n.UUIBreadcrumbItemElement.prototype,"href",2),tn([l({type:Boolean,attribute:"last-item"})],n.UUIBreadcrumbItemElement.prototype,"lastItem",2),n.UUIBreadcrumbItemElement=tn([p("uui-breadcrumb-item")],n.UUIBreadcrumbItemElement);var nd=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,xa=(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.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 h`<uui-responsive-container
|
|
1296
1299
|
id="breadcrumbs-list"
|
|
1297
1300
|
collapse="start">
|
|
1298
1301
|
<span slot="trigger-content">
|
|
@@ -1330,14 +1333,14 @@
|
|
|
1330
1333
|
color: var(--uui-color-border,#d8d7d9); /* Matches breadcrumb separator */
|
|
1331
1334
|
margin-left: var(--uui-size-2,6px);
|
|
1332
1335
|
}
|
|
1333
|
-
`],
|
|
1336
|
+
`],xa([Pe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],n.UUIBreadcrumbsElement.prototype,"slotNodes",2),n.UUIBreadcrumbsElement=xa([p("uui-breadcrumbs")],n.UUIBreadcrumbsElement);/**
|
|
1334
1337
|
* @license
|
|
1335
1338
|
* Copyright 2018 Google LLC
|
|
1336
1339
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1337
|
-
*/const
|
|
1340
|
+
*/const Ia="important",ad=" !"+Ia,Be=jt(class extends Rt{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(ad);r.includes("-")||s?t.setProperty(r,s?o.slice(0,-11):o,s?Ia:""):t[r]=o}}return Q}});let on=class extends z{static{this.CLICK="click"}constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};var ld=Object.defineProperty,ud=Object.getOwnPropertyDescriptor,Ca=i=>{throw TypeError(i)},$t=(i,e,t,r)=>{for(var o=r>1?void 0:r?ud(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&&ld(e,t,o),o},cd=(i,e,t)=>e.has(i)||Ca("Cannot "+t),hd=(i,e,t)=>e.has(i)?Ca("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),xo=(i,e,t)=>(cd(i,e,"access private method"),t),Wt,rn,Sa,Aa;n.UUIButtonInlineCreateElement=class extends g{constructor(){super(...arguments),hd(this,Wt),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 on(on.CLICK))}render(){return this.href?xo(this,Wt,Sa).call(this):xo(this,Wt,Aa).call(this)}},Wt=new WeakSet,rn=function(){return h`
|
|
1338
1341
|
<div
|
|
1339
1342
|
id="plus"
|
|
1340
|
-
style=${
|
|
1343
|
+
style=${Be({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
1341
1344
|
<svg
|
|
1342
1345
|
id="plus-icon"
|
|
1343
1346
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1346,23 +1349,23 @@
|
|
|
1346
1349
|
d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z" />
|
|
1347
1350
|
</svg>
|
|
1348
1351
|
</div>
|
|
1349
|
-
`},
|
|
1352
|
+
`},Sa=function(){return h`<a
|
|
1350
1353
|
id="button-wrapper"
|
|
1351
1354
|
@mousemove=${this._onMouseMove}
|
|
1352
|
-
href=${
|
|
1353
|
-
target=${
|
|
1354
|
-
rel=${
|
|
1355
|
+
href=${w(this.href)}
|
|
1356
|
+
target=${w(this.target||void 0)}
|
|
1357
|
+
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
1355
1358
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1356
|
-
${xo(this,
|
|
1357
|
-
</a>`},
|
|
1359
|
+
${xo(this,Wt,rn).call(this)}
|
|
1360
|
+
</a>`},Aa=function(){return h`
|
|
1358
1361
|
<button
|
|
1359
1362
|
id="button-wrapper"
|
|
1360
1363
|
@mousemove=${this._onMouseMove}
|
|
1361
1364
|
@click=${this._handleClick}
|
|
1362
1365
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1363
|
-
${xo(this,
|
|
1366
|
+
${xo(this,Wt,rn).call(this)}
|
|
1364
1367
|
</button>
|
|
1365
|
-
`},n.UUIButtonInlineCreateElement.styles=[
|
|
1368
|
+
`},n.UUIButtonInlineCreateElement.styles=[Th,b`
|
|
1366
1369
|
:host {
|
|
1367
1370
|
display: flex;
|
|
1368
1371
|
position: relative;
|
|
@@ -1416,7 +1419,7 @@
|
|
|
1416
1419
|
:host(:focus) #button-wrapper:before,
|
|
1417
1420
|
:host(:focus-within) #button-wrapper:before,
|
|
1418
1421
|
:host(:hover) #button-wrapper:before {
|
|
1419
|
-
animation: ${
|
|
1422
|
+
animation: ${Nh};
|
|
1420
1423
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1421
1424
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
1422
1425
|
}
|
|
@@ -1519,14 +1522,14 @@
|
|
|
1519
1522
|
#button-wrapper:active #plus {
|
|
1520
1523
|
transform: scale(1.1);
|
|
1521
1524
|
}
|
|
1522
|
-
`]
|
|
1525
|
+
`],$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 dd=Object.defineProperty,pd=Object.getOwnPropertyDescriptor,Pa=i=>{throw TypeError(i)},Io=(i,e,t,r)=>{for(var o=r>1?void 0:r?pd(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&&dd(e,t,o),o},za=(i,e,t)=>e.has(i)||Pa("Cannot "+t),nn=(i,e,t)=>(za(i,e,"read from private field"),t?t.call(i):e.get(i)),Oa=(i,e,t)=>e.has(i)?Pa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),bd=(i,e,t,r)=>(za(i,e,"write to private field"),e.set(i,t),t),Li,sn;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,Oa(this,Li),Oa(this,sn,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),bd(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",nn(this,sn))}disconnectedCallback(){super.disconnectedCallback(),nn(this,Li)&&clearTimeout(nn(this,Li))}renderLabel(){return h`
|
|
1523
1526
|
<slot class="label">
|
|
1524
1527
|
<uui-icon name="copy"></uui-icon>
|
|
1525
1528
|
</slot>
|
|
1526
|
-
`}},Li=new WeakMap,
|
|
1529
|
+
`}},Li=new WeakMap,sn=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 md=(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 h`
|
|
1527
1530
|
<div id="ticker">
|
|
1528
1531
|
<div id="icon-check">
|
|
1529
|
-
${this.indeterminate?
|
|
1532
|
+
${this.indeterminate?Rh:Uo}
|
|
1530
1533
|
</div>
|
|
1531
1534
|
</div>
|
|
1532
1535
|
`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...ce.styles,$o,b`
|
|
@@ -1731,7 +1734,7 @@
|
|
|
1731
1734
|
:host([disabled]) input:indeterminate + #ticker #icon-check {
|
|
1732
1735
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1733
1736
|
}
|
|
1734
|
-
`],n.UUICheckboxElement=
|
|
1737
|
+
`],n.UUICheckboxElement=md([p("uui-checkbox")],n.UUICheckboxElement);let Mi=class extends z{static{this.OPEN="open"}};var vd=Object.defineProperty,gd=Object.getOwnPropertyDescriptor,qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?gd(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&&vd(e,t,o),o};n.UUICardElement=class extends fo(Bt(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 h`
|
|
1735
1738
|
<uui-checkbox
|
|
1736
1739
|
id="select-checkbox"
|
|
1737
1740
|
label="select"
|
|
@@ -1741,7 +1744,7 @@
|
|
|
1741
1744
|
@change=${()=>this.click()}>
|
|
1742
1745
|
</uui-checkbox>
|
|
1743
1746
|
`}render(){return h`<slot id="open-part"></slot>
|
|
1744
|
-
<div id="select-border"></div>`}},n.UUICardElement.styles=[
|
|
1747
|
+
<div id="select-border"></div>`}},n.UUICardElement.styles=[Tt,b`
|
|
1745
1748
|
:host {
|
|
1746
1749
|
position: relative;
|
|
1747
1750
|
display: flex;
|
|
@@ -1903,39 +1906,39 @@
|
|
|
1903
1906
|
#select-checkbox[checked] {
|
|
1904
1907
|
opacity: 1;
|
|
1905
1908
|
}
|
|
1906
|
-
`],
|
|
1907
|
-
${
|
|
1908
|
-
${this.href?
|
|
1909
|
+
`],qt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),qt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),qt([l({type:String})],n.UUICardElement.prototype,"href",2),qt([l({type:String})],n.UUICardElement.prototype,"target",2),qt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=qt([p("uui-card")],n.UUICardElement);var fd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,La=i=>{throw TypeError(i)},Co=(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},wd=(i,e,t)=>e.has(i)||La("Cannot "+t),$d=(i,e,t)=>e.has(i)?La("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ti=(i,e,t)=>(wd(i,e,"access private method"),t),_t,Ma,Ta,Na,an;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),$d(this,_t),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return h`
|
|
1910
|
+
${Ti(this,_t,Na).call(this)}
|
|
1911
|
+
${this.href?Ti(this,_t,Ta).call(this):Ti(this,_t,Ma).call(this)}
|
|
1909
1912
|
<!-- Select border must be right after #open-part -->
|
|
1910
1913
|
<div id="select-border"></div>
|
|
1911
1914
|
${this.selectable?this.renderCheckbox():C}
|
|
1912
1915
|
<slot name="tag"></slot>
|
|
1913
1916
|
<slot name="actions"></slot>
|
|
1914
|
-
`}}
|
|
1917
|
+
`}},_t=new WeakSet,Ma=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return h`
|
|
1915
1918
|
<button
|
|
1916
1919
|
id="open-part"
|
|
1917
1920
|
class="uui-text"
|
|
1918
|
-
tabindex=${
|
|
1921
|
+
tabindex=${w(i)}
|
|
1919
1922
|
@click=${this.handleOpenClick}
|
|
1920
1923
|
@keydown=${this.handleOpenKeydown}>
|
|
1921
|
-
${
|
|
1924
|
+
${Ti(this,_t,an).call(this)}
|
|
1922
1925
|
</button>
|
|
1923
|
-
`},
|
|
1926
|
+
`},Ta=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return h`
|
|
1924
1927
|
<a
|
|
1925
1928
|
id="open-part"
|
|
1926
1929
|
class="uui-text"
|
|
1927
|
-
tabindex=${
|
|
1928
|
-
href=${
|
|
1929
|
-
target=${
|
|
1930
|
-
rel=${
|
|
1931
|
-
${
|
|
1930
|
+
tabindex=${w(i)}
|
|
1931
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
1932
|
+
target=${w(this.target||void 0)}
|
|
1933
|
+
rel=${w(this.rel||e)}>
|
|
1934
|
+
${Ti(this,_t,an).call(this)}
|
|
1932
1935
|
</a>
|
|
1933
|
-
`},
|
|
1936
|
+
`},Na=function(){return h`<div id="portrait">
|
|
1934
1937
|
<slot></slot>
|
|
1935
|
-
</div> `},
|
|
1938
|
+
</div> `},an=function(){return h`
|
|
1936
1939
|
<div id="content">
|
|
1937
1940
|
<span title="${this.name}" id="name">${this.name}</span>
|
|
1938
|
-
<small title="${
|
|
1941
|
+
<small title="${w(this.description)}">${this.description}<slot name="description"></slot></small>
|
|
1939
1942
|
</div></div>
|
|
1940
1943
|
`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,b`
|
|
1941
1944
|
:host {
|
|
@@ -2079,7 +2082,7 @@
|
|
|
2079
2082
|
calc(var(--uui-size-space-4,12px) * -1);
|
|
2080
2083
|
top: 0;
|
|
2081
2084
|
}
|
|
2082
|
-
`],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
|
|
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 _d=Object.defineProperty,Ud=Object.getOwnPropertyDescriptor,Ba=i=>{throw TypeError(i)},So=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ud(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&&_d(e,t,o),o},kd=(i,e,t)=>e.has(i)||Ba("Cannot "+t),Ed=(i,e,t)=>e.has(i)?Ba("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ao=(i,e,t)=>(kd(i,e,"access private method"),t),Kt,ln,Da,Va;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ed(this,Kt),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
2083
2086
|
xmlns="http://www.w3.org/2000/svg"
|
|
2084
2087
|
viewBox="0 0 24 24"
|
|
2085
2088
|
fill="none"
|
|
@@ -2093,13 +2096,13 @@
|
|
|
2093
2096
|
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),h`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}renderDetail(){return h`<small id="detail"
|
|
2094
2097
|
>${this.detail}<slot name="detail"></slot></small
|
|
2095
2098
|
><slot id="default"></slot>`}render(){return h`
|
|
2096
|
-
${this.href?Ao(this,
|
|
2099
|
+
${this.href?Ao(this,Kt,Va).call(this):Ao(this,Kt,Da).call(this)}
|
|
2097
2100
|
<!-- Select border must be right after #open-part -->
|
|
2098
2101
|
<div id="select-border"></div>
|
|
2099
2102
|
${this.selectable?this.renderCheckbox():C}
|
|
2100
2103
|
<slot name="tag"></slot>
|
|
2101
2104
|
<slot name="actions"></slot>
|
|
2102
|
-
`}},
|
|
2105
|
+
`}},Kt=new WeakSet,ln=function(){return h`
|
|
2103
2106
|
<span id="content" class="uui-text">
|
|
2104
2107
|
<span id="item">
|
|
2105
2108
|
<span id="icon">
|
|
@@ -2112,22 +2115,22 @@
|
|
|
2112
2115
|
</span>
|
|
2113
2116
|
${this.renderDetail()}
|
|
2114
2117
|
</span>
|
|
2115
|
-
`},
|
|
2118
|
+
`},Da=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return h`
|
|
2116
2119
|
<button
|
|
2117
2120
|
id="open-part"
|
|
2118
|
-
tabindex=${
|
|
2121
|
+
tabindex=${w(i)}
|
|
2119
2122
|
@click=${this.handleOpenClick}
|
|
2120
2123
|
@keydown=${this.handleOpenKeydown}>
|
|
2121
|
-
${Ao(this,
|
|
2124
|
+
${Ao(this,Kt,ln).call(this)}
|
|
2122
2125
|
</button>
|
|
2123
|
-
`},
|
|
2126
|
+
`},Va=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return h`
|
|
2124
2127
|
<a
|
|
2125
2128
|
id="open-part"
|
|
2126
|
-
tabindex=${
|
|
2127
|
-
href=${
|
|
2128
|
-
target=${
|
|
2129
|
-
rel=${
|
|
2130
|
-
${Ao(this,
|
|
2129
|
+
tabindex=${w(i)}
|
|
2130
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
2131
|
+
target=${w(this.target||void 0)}
|
|
2132
|
+
rel=${w(this.rel||e)}>
|
|
2133
|
+
${Ao(this,Kt,ln).call(this)}
|
|
2131
2134
|
</a>
|
|
2132
2135
|
`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`
|
|
2133
2136
|
:host {
|
|
@@ -2236,33 +2239,33 @@
|
|
|
2236
2239
|
top: var(--uui-size-5,15px);
|
|
2237
2240
|
left: var(--uui-size-6,18px);
|
|
2238
2241
|
}
|
|
2239
|
-
`],So([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),So([l({type:String})],n.UUICardContentNodeElement.prototype,"detail",2),So([
|
|
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 xd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,Ha=i=>{throw TypeError(i)},Ni=(i,e,t,r)=>{for(var o=r>1?void 0:r?Id(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&&xd(e,t,o),o},Cd=(i,e,t)=>e.has(i)||Ha("Cannot "+t),Sd=(i,e,t)=>e.has(i)?Ha("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Po=(i,e,t)=>(Cd(i,e,"access private method"),t),Xt,ja,Ra,un;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Sd(this,Xt),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===""?h`<uui-symbol-folder id="entity-symbol"></uui-symbol-folder>`:h`<uui-symbol-file
|
|
2240
2243
|
id="entity-symbol"
|
|
2241
2244
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return h` ${this.renderMedia()}
|
|
2242
2245
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
2243
|
-
${this.href?Po(this,
|
|
2246
|
+
${this.href?Po(this,Xt,Ra).call(this):Po(this,Xt,ja).call(this)}
|
|
2244
2247
|
<!-- Select border must be right after .open-part -->
|
|
2245
2248
|
<div id="select-border"></div>
|
|
2246
2249
|
${this.selectable?this.renderCheckbox():C}
|
|
2247
2250
|
<slot name="tag"></slot>
|
|
2248
|
-
<slot name="actions"></slot>`}},
|
|
2251
|
+
<slot name="actions"></slot>`}},Xt=new WeakSet,ja=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return h`
|
|
2249
2252
|
<button
|
|
2250
2253
|
id="open-part"
|
|
2251
|
-
tabindex=${
|
|
2254
|
+
tabindex=${w(i)}
|
|
2252
2255
|
@click=${this.handleOpenClick}
|
|
2253
2256
|
@keydown=${this.handleOpenKeydown}>
|
|
2254
|
-
${Po(this,
|
|
2257
|
+
${Po(this,Xt,un).call(this)}
|
|
2255
2258
|
</button>
|
|
2256
|
-
`},
|
|
2259
|
+
`},Ra=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return h`
|
|
2257
2260
|
<a
|
|
2258
2261
|
id="open-part"
|
|
2259
|
-
tabindex=${
|
|
2260
|
-
href=${
|
|
2261
|
-
target=${
|
|
2262
|
-
rel=${
|
|
2263
|
-
${Po(this,
|
|
2262
|
+
tabindex=${w(i)}
|
|
2263
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
2264
|
+
target=${w(this.target||void 0)}
|
|
2265
|
+
rel=${w(this.rel||e)}>
|
|
2266
|
+
${Po(this,Xt,un).call(this)}
|
|
2264
2267
|
</a>
|
|
2265
|
-
`},
|
|
2268
|
+
`},un=function(){return h`
|
|
2266
2269
|
<div id="content" class="uui-text">
|
|
2267
2270
|
<!--
|
|
2268
2271
|
TODO: Implement info box when pop-out is ready
|
|
@@ -2409,31 +2412,31 @@
|
|
|
2409
2412
|
height: var(--uui-size-8);
|
|
2410
2413
|
}
|
|
2411
2414
|
*/
|
|
2412
|
-
`],
|
|
2413
|
-
${this.href?zo(this,
|
|
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 Ad=Object.defineProperty,Pd=Object.getOwnPropertyDescriptor,Fa=i=>{throw TypeError(i)},cn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pd(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},zd=(i,e,t)=>e.has(i)||Fa("Cannot "+t),Od=(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),zo=(i,e,t)=>(zd(i,e,"access private method"),t),Yt,Ga,Wa,hn;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Od(this,Yt),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=zh(e.target)}}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return h`
|
|
2416
|
+
${this.href?zo(this,Yt,Wa).call(this):zo(this,Yt,Ga).call(this)}
|
|
2414
2417
|
<!-- Select border must be right after #open-part -->
|
|
2415
2418
|
<div id="select-border"></div>
|
|
2416
2419
|
${this.selectable?this.renderCheckbox():C}
|
|
2417
2420
|
<slot name="tag"></slot>
|
|
2418
2421
|
<slot name="actions"></slot>
|
|
2419
|
-
`}},
|
|
2422
|
+
`}},Yt=new WeakSet,Ga=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return h`
|
|
2420
2423
|
<div
|
|
2421
2424
|
id="open-part"
|
|
2422
|
-
tabindex=${
|
|
2425
|
+
tabindex=${w(i)}
|
|
2423
2426
|
@click=${this.handleOpenClick}
|
|
2424
2427
|
@keydown=${this.handleOpenKeydown}>
|
|
2425
|
-
${zo(this,
|
|
2428
|
+
${zo(this,Yt,hn).call(this)}
|
|
2426
2429
|
</div>
|
|
2427
|
-
`},
|
|
2430
|
+
`},Wa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return h`
|
|
2428
2431
|
<a
|
|
2429
2432
|
id="open-part"
|
|
2430
|
-
tabindex=${
|
|
2431
|
-
href=${
|
|
2432
|
-
target=${
|
|
2433
|
-
rel=${
|
|
2434
|
-
${zo(this,
|
|
2433
|
+
tabindex=${w(i)}
|
|
2434
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
2435
|
+
target=${w(this.target||void 0)}
|
|
2436
|
+
rel=${w(this.rel||e)}>
|
|
2437
|
+
${zo(this,Yt,hn).call(this)}
|
|
2435
2438
|
</a>
|
|
2436
|
-
`},
|
|
2439
|
+
`},hn=function(){return h`
|
|
2437
2440
|
<div id="content">
|
|
2438
2441
|
${this._avatarSlotHasContent?C:h`<uui-avatar
|
|
2439
2442
|
class="avatar"
|
|
@@ -2532,7 +2535,7 @@
|
|
|
2532
2535
|
margin-top: var(--uui-size-space-1,3px);
|
|
2533
2536
|
margin-bottom: var(--uui-size-space-2,6px);
|
|
2534
2537
|
}
|
|
2535
|
-
`],
|
|
2538
|
+
`],cn([l({type:String})],n.UUICardUserElement.prototype,"name",2),cn([$()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=cn([p("uui-card-user")],n.UUICardUserElement);var Ld=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,qa=(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&&Ld(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 h`<svg
|
|
2536
2539
|
xmlns="http://www.w3.org/2000/svg"
|
|
2537
2540
|
viewBox="0 0 24 24"
|
|
2538
2541
|
fill="none"
|
|
@@ -2555,23 +2558,23 @@
|
|
|
2555
2558
|
:host([open]) svg {
|
|
2556
2559
|
transform: rotate(180deg);
|
|
2557
2560
|
}
|
|
2558
|
-
`],
|
|
2561
|
+
`],qa([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=qa([p("uui-caret")],n.UUICaretElement);/**
|
|
2559
2562
|
* @license
|
|
2560
2563
|
* Copyright 2018 Google LLC
|
|
2561
2564
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2562
|
-
*/const
|
|
2565
|
+
*/const dn=jt(class extends Rt{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 Q}});var Td={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},Ka=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Xa=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)}},pn=function(i){return{r:j(i.r),g:j(i.g),b:j(i.b),a:j(i.a,3)}},Nd=/^#([0-9a-f]{3,8})$/i,Oo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Ya=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),u=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(u<0?u+6:u),s:s?a/s*100:0,v:s/255*100,a:o}},Za=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),u=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,u,a,a,c,r][d],g:255*[c,r,r,u,a,a][d],b:255*[a,a,c,r,r,u][d],a:o}},Ja=function(i){return{h:Ka(i.h),s:re(i.s,0,100),l:re(i.l,0,100),a:re(i.a)}},Qa=function(i){return{h:j(i.h),s:j(i.s),l:j(i.l),a:j(i.a,3)}},el=function(i){return Za((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=Ya(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},Bd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Dd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Vd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,tl={string:[[function(i){var e=Nd.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=Vd.exec(i)||Hd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Xa({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=Bd.exec(i)||Dd.exec(i);if(!e)return null;var t,r,o=Ja({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Td[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return el(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)?Xa({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=Ja({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return el(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(u){return{h:Ka(u.h),s:re(u.s,0,100),v:re(u.v,0,100),a:re(u.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return Za(a)},"hsv"]]},il=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"?il(i.trim(),tl.string):typeof i=="object"&&i!==null?il(i,tl.object):[null,void 0]},bn=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}},mn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},ol=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}},rl=(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 j(mn(this.rgba),2)},i.prototype.isDark=function(){return mn(this.rgba)<.5},i.prototype.isLight=function(){return mn(this.rgba)>=.5},i.prototype.toHex=function(){return e=pn(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 pn(this.rgba)},i.prototype.toRgbString=function(){return e=pn(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 Qa(Bi(this.rgba))},i.prototype.toHslString=function(){return e=Qa(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=Ya(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(bn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),ne(bn(this.rgba,-e))},i.prototype.grayscale=function(){return ne(bn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),ne(ol(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),ne(ol(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 rl?i:new rl(i)};let vn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Rd=Object.defineProperty,Fd=Object.getOwnPropertyDescriptor,Ee=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fd(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&&Rd(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:u}=r.toHsl();o!==0&&(this.hue=o),this.lightness=a,this.saturation=s,this.brightness=this.getBrightness(a),this.alpha=u*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,u)=>{isNaN(a)||isNaN(u)||(this.saturation=O(a/o*100,0,100),this.brightness=O(100-u/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 vn(vn.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 h`
|
|
2563
2566
|
<div
|
|
2564
2567
|
part="grid"
|
|
2565
2568
|
class="color-area"
|
|
2566
|
-
style=${
|
|
2569
|
+
style=${Be({backgroundColor:this.getHexString(this.hue,100,50)})}
|
|
2567
2570
|
@mousedown=${this.handleGridDrag}
|
|
2568
2571
|
@touchstart=${this.handleGridDrag}>
|
|
2569
2572
|
<span
|
|
2570
2573
|
part="grid-handle"
|
|
2571
|
-
class=${
|
|
2572
|
-
style=${
|
|
2574
|
+
class=${dn({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
2575
|
+
style=${Be({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
2573
2576
|
role="application"
|
|
2574
|
-
tabindex=${
|
|
2577
|
+
tabindex=${w(this.disabled?void 0:"0")}
|
|
2575
2578
|
aria-label="HSB"
|
|
2576
2579
|
@keydown=${this.handleGridKeyDown}></span>
|
|
2577
2580
|
</div>
|
|
@@ -2631,13 +2634,13 @@
|
|
|
2631
2634
|
.color-area__handle--empty {
|
|
2632
2635
|
display: none;
|
|
2633
2636
|
}
|
|
2634
|
-
`],Ee([
|
|
2637
|
+
`],Ee([$()],n.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),Ee([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"disabled",2),Ee([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"readonly",2),Ee([l({type:Number})],n.UUIColorAreaElement.prototype,"hue",2),Ee([l({type:Number})],n.UUIColorAreaElement.prototype,"saturation",2),Ee([l({type:Number})],n.UUIColorAreaElement.prototype,"lightness",2),Ee([l({type:Number})],n.UUIColorAreaElement.prototype,"brightness",2),Ee([l({type:Number})],n.UUIColorAreaElement.prototype,"alpha",2),Ee([l({type:String})],n.UUIColorAreaElement.prototype,"value",1),n.UUIColorAreaElement=Ee([p("uui-color-area")],n.UUIColorAreaElement);/**
|
|
2635
2638
|
* @license
|
|
2636
2639
|
* Copyright 2020 Google LLC
|
|
2637
2640
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2638
|
-
*/const Vd=Vt(class extends jt{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(!ha(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===Q||e===N)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 pa(i),e}});var jd={grad:.9,turn:360,rad:360/(2*Math.PI)},De=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},il=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},ol=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)}},vn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},Rd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},rl=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),u=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(u<0?u+6:u),s:s?a/s*100:0,v:s/255*100,a:o}},nl=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),u=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,u,a,a,c,r][d],g:255*[c,r,r,u,a,a][d],b:255*[a,a,c,r,r,u][d],a:o}},sl=function(i){return{h:il(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},al=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},ll=function(i){return nl((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=rl(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},Fd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Gd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wd=/^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,gn={string:[[function(i){var e=Rd.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=Wd.exec(i)||qd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:ol({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=Fd.exec(i)||Gd.exec(i);if(!e)return null;var t,r,o=sl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(jd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ll(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)?ol({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=sl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return ll(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(u){return{h:il(u.h),s:se(u.s,0,100),v:se(u.v,0,100),a:se(u.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return nl(a)},"hsv"]]},ul=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]},Kd=function(i){return typeof i=="string"?ul(i.trim(),gn.string):typeof i=="object"&&i!==null?ul(i,gn.object):[null,void 0]},fn=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}},yn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},cl=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=Kd(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(yn(this.rgba),2)},i.prototype.isDark=function(){return yn(this.rgba)<.5},i.prototype.isLight=function(){return yn(this.rgba)>=.5},i.prototype.toHex=function(){return e=vn(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 vn(this.rgba)},i.prototype.toRgbString=function(){return e=vn(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 al(Di(this.rgba))},i.prototype.toHslString=function(){return e=al(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=rl(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(fn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(fn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(fn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(cl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(cl(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)},hl=[],Xd=function(i){i.forEach(function(e){hl.indexOf(e)<0&&(e(Mo,gn),hl.push(e))})};function Yd(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 u,c,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 x in t){var A=(u=m,c=s[x],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));A<v&&(v=A,y=x)}return y}},e.string.push([function(a){var u=a.toLowerCase(),c=u==="transparent"?"#0000":t[u];return c?new i(c).toRgb():null},"name"])}let Hi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Zd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?Jd(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};Xd([Yd]);const dl="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:u}=this._colord.toRgb(),{h:c,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}, ${u})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${c}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${c}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${c}, ${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(){dl&&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 Hi(Hi.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 u=e;return u&&u.h&&(this.hue=u.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Hi(Hi.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 h`
|
|
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),u=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(u<0?u+6:u),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),u=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,u,a,a,c,r][d],g:255*[c,r,r,u,a,a][d],b:255*[a,a,c,r,r,u][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(u){return{h:nl(u.h),s:se(u.s,0,100),v:se(u.v,0,100),a:se(u.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 u,c,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=(u=m,c=s[I],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));A<v&&(v=A,y=I)}return y}},e.string.push([function(a){var u=a.toLowerCase(),c=u==="transparent"?"#0000":t[u];return c?new i(c).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:u}=this._colord.toRgb(),{h:c,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}, ${u})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${c}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${c}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${c}, ${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 u=e;return u&&u.h&&(this.hue=u.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 h`
|
|
2639
2642
|
<div
|
|
2640
|
-
class=${
|
|
2643
|
+
class=${dn({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2641
2644
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
2642
2645
|
<uui-color-area
|
|
2643
2646
|
.value="${this.value}"
|
|
@@ -2677,7 +2680,7 @@
|
|
|
2677
2680
|
class="color-picker__preview color-picker__transparent-bg"
|
|
2678
2681
|
title="Copy"
|
|
2679
2682
|
aria-label="Copy"
|
|
2680
|
-
style=${
|
|
2683
|
+
style=${Be({"--preview-color":e})}
|
|
2681
2684
|
@click=${this.handleCopy}></button>
|
|
2682
2685
|
</div>
|
|
2683
2686
|
<div class="color-picker__user-input" aria-live="polite">
|
|
@@ -2689,7 +2692,7 @@
|
|
|
2689
2692
|
autocomplete="off"
|
|
2690
2693
|
autocapitalize="off"
|
|
2691
2694
|
spellcheck="false"
|
|
2692
|
-
.value=${
|
|
2695
|
+
.value=${Gd(this.inputValue)}
|
|
2693
2696
|
?disabled=${this.disabled}
|
|
2694
2697
|
?readonly=${this.readonly}
|
|
2695
2698
|
@keydown=${this.handleInputKeyDown}
|
|
@@ -2704,7 +2707,7 @@
|
|
|
2704
2707
|
compact>
|
|
2705
2708
|
<span>${this.format}</span>
|
|
2706
2709
|
</uui-button>`}
|
|
2707
|
-
${
|
|
2710
|
+
${ml?h`<uui-button
|
|
2708
2711
|
label="Select a color"
|
|
2709
2712
|
?disabled=${this.disabled||this.readonly}
|
|
2710
2713
|
@click=${this.handleEyeDropper}
|
|
@@ -2730,8 +2733,8 @@
|
|
|
2730
2733
|
type="button"
|
|
2731
2734
|
part="trigger"
|
|
2732
2735
|
aria-label="${this.label||"Open Color picker"}"
|
|
2733
|
-
class=${
|
|
2734
|
-
style=${
|
|
2736
|
+
class=${dn({"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
|
+
style=${Be({"--preview-color":e})}
|
|
2735
2738
|
?disabled=${this.disabled}
|
|
2736
2739
|
aria-haspopup="true"
|
|
2737
2740
|
aria-expanded="false"
|
|
@@ -2889,11 +2892,12 @@
|
|
|
2889
2892
|
uui-color-area {
|
|
2890
2893
|
width: 100%;
|
|
2891
2894
|
}
|
|
2892
|
-
`],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([w()],n.UUIColorPickerElement.prototype,"inputValue",2),D([w()],n.UUIColorPickerElement.prototype,"hue",2),D([w()],n.UUIColorPickerElement.prototype,"saturation",2),D([w()],n.UUIColorPickerElement.prototype,"lightness",2),D([w()],n.UUIColorPickerElement.prototype,"alpha",2),D([w()],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 Qd={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},pl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},bl=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)}},wn=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},ep=/^#([0-9a-f]{3,8})$/i,No=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ml=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),u=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(u<0?u+6:u),s:s?a/s*100:0,v:s/255*100,a:o}},vl=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),u=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,u,a,a,c,r][d],g:255*[c,r,r,u,a,a][d],b:255*[a,a,c,r,r,u][d],a:o}},gl=function(i){return{h:pl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},fl=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},yl=function(i){return vl((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},Vi=function(i){return{h:(e=ml(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},tp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ip=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,op=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,rp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wl={string:[[function(i){var e=ep.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=op.exec(i)||rp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:bl({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=tp.exec(i)||ip.exec(i);if(!e)return null;var t,r,o=gl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Qd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return yl(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)?bl({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=gl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return yl(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(u){return{h:pl(u.h),s:ae(u.s,0,100),v:ae(u.v,0,100),a:ae(u.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return vl(a)},"hsv"]]},$l=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]},np=function(i){return typeof i=="string"?$l(i.trim(),wl.string):typeof i=="object"&&i!==null?$l(i,wl.object):[null,void 0]},$n=function(i,e){var t=Vi(i);return{h:t.h,s:ae(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},_l=function(i,e){var t=Vi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},Un=(function(){function i(e){this.parsed=np(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(_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=wn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?No(F(255*s)):"","#"+No(t)+No(r)+No(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return wn(this.rgba)},i.prototype.toRgbString=function(){return e=wn(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 fl(Vi(this.rgba))},i.prototype.toHslString=function(){return e=fl(Vi(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=ml(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 Ve({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),Ve($n(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),Ve($n(this.rgba,-e))},i.prototype.grayscale=function(){return Ve($n(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),Ve(_l(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),Ve(_l(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"?Ve({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=Vi(this.rgba);return typeof e=="number"?Ve({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===Ve(e).toHex()},i})(),Ve=function(i){return i instanceof Un?i:new Un(i)};let kn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var sp=Object.defineProperty,ap=Object.getOwnPropertyDescriptor,be=(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.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 Un(this.color),{h:r,s:o,l:s}=t.toHsl(),{r:a,g:u,b:c}=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}, ${u}, ${c}, ${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(),ua(this.container,{onMove:(o,s)=>{this.vertical?this.value=ca(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 kn(kn.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/ca(this.value,this.min,this.max):this.max/this.value)}render(){return h`<div
|
|
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),u=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(u<0?u+6:u),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),u=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,u,a,a,c,r][d],g:255*[c,r,r,u,a,a][d],b:255*[a,a,c,r,r,u][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(u){return{h:vl(u.h),s:ae(u.s,0,100),v:ae(u.v,0,100),a:ae(u.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:u,b:c}=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}, ${u}, ${c}, ${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 h`<div
|
|
2893
2896
|
part="slider"
|
|
2894
2897
|
id="color-slider"
|
|
2895
2898
|
role="slider"
|
|
2896
|
-
aria-label
|
|
2899
|
+
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
2900
|
+
aria-labelledby=${w(this.getAttribute("aria-labelledby")||void 0)}
|
|
2897
2901
|
aria-orientation="${this.vertical?"vertical":"horizontal"}"
|
|
2898
2902
|
aria-valuemin="${Math.round(this.min)}"
|
|
2899
2903
|
aria-valuemax="${Math.round(this.max)}"
|
|
@@ -2904,12 +2908,12 @@
|
|
|
2904
2908
|
@keydown=${this.handleKeyDown}>
|
|
2905
2909
|
${this.type==="opacity"?h`<div
|
|
2906
2910
|
id="current-hue"
|
|
2907
|
-
style=${
|
|
2911
|
+
style=${Be({backgroundImage:"var(--uui-slider-hue-color)"})}></div>`:""}
|
|
2908
2912
|
<!-- <slot name="detail"> </slot> -->
|
|
2909
2913
|
<span
|
|
2910
2914
|
id="color-slider__handle"
|
|
2911
2915
|
style="--current-value: ${this.cssPropCurrentValue}%;"
|
|
2912
|
-
tabindex=${
|
|
2916
|
+
tabindex=${w(this.disabled?void 0:"0")}>
|
|
2913
2917
|
</span>
|
|
2914
2918
|
</div>
|
|
2915
2919
|
${this.hideValueLabel?null:Math.round(this.value)}`}},n.UUIColorSliderElement.styles=[b`
|
|
@@ -3030,10 +3034,10 @@
|
|
|
3030
3034
|
* @license
|
|
3031
3035
|
* Copyright 2017 Google LLC
|
|
3032
3036
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3033
|
-
*/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},
|
|
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)},xl=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),bp(e)}};function dp(i){this._$AN!==void 0?(No(this),this._$AM=i,xl(this)):this._$AM=i}function pp(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 bp=i=>{var e,t,r,o;i.type==he.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=pp),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=dp))};let mp=class extends Rt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),xl(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 xn=new WeakMap,Bo=jt(class extends mp{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=xn.get(t);r===void 0&&(r=new WeakMap,xn.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=xn.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 vp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,Il=i=>{throw TypeError(i)},Zt=(i,e,t,r)=>{for(var o=r>1?void 0:r?gp(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&&vp(e,t,o),o},fp=(i,e,t)=>e.has(i)||Il("Cannot "+t),yp=(i,e,t)=>e.has(i)?Il("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),wp=(i,e,t)=>(fp(i,e,"access private method"),t),In,Cl;n.UUIColorSwatchElement=class extends ye("label",Bt(xi(g))){constructor(){super(),yp(this,In),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 h`
|
|
3034
3038
|
<button
|
|
3035
3039
|
id="swatch"
|
|
3036
|
-
${Bo(
|
|
3040
|
+
${Bo(wp(this,In,Cl))}
|
|
3037
3041
|
aria-label=${this.label}
|
|
3038
3042
|
?disabled="${this.disabled}"
|
|
3039
3043
|
title="${this.label}">
|
|
@@ -3052,7 +3056,7 @@
|
|
|
3052
3056
|
`}_renderWithLabel(){return this.showLabel?h`<div class="color-swatch__label">
|
|
3053
3057
|
<strong>${this.renderLabel()}</strong>
|
|
3054
3058
|
${this.value}
|
|
3055
|
-
</div>`:C}},
|
|
3059
|
+
</div>`:C}},In=new WeakSet,Cl=function(i){this.selectableTarget=i||this},n.UUIColorSwatchElement.styles=[b`
|
|
3056
3060
|
:host {
|
|
3057
3061
|
position: relative;
|
|
3058
3062
|
display: inline-flex;
|
|
@@ -3215,19 +3219,19 @@
|
|
|
3215
3219
|
white-space: nowrap;
|
|
3216
3220
|
box-sizing: border-box;
|
|
3217
3221
|
}
|
|
3218
|
-
`],
|
|
3222
|
+
`],Zt([l()],n.UUIColorSwatchElement.prototype,"value",1),Zt([l()],n.UUIColorSwatchElement.prototype,"color",1),Zt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),Zt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"readonly",2),Zt([l({type:Boolean,attribute:"show-label",reflect:!0})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=Zt([p("uui-color-swatch")],n.UUIColorSwatchElement);let Ri=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var $p=Object.defineProperty,_p=Object.getOwnPropertyDescriptor,Fi=(i,e,t,r)=>{for(var o=r>1?void 0:r?_p(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&&$p(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(Vt.SELECTED,this._onSelected),this.addEventListener(Vt.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 h`<slot @slotchange=${this._handleSlotChange}></slot>`}},n.UUIColorSwatchesElement.styles=[b`
|
|
3219
3223
|
:host {
|
|
3220
3224
|
display: flex;
|
|
3221
3225
|
flex-wrap: wrap;
|
|
3222
3226
|
gap: 0.4rem;
|
|
3223
3227
|
}
|
|
3224
|
-
`],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
|
|
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 Up=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,Sl=i=>{throw TypeError(i)},tt=(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},Ep=(i,e,t)=>e.has(i)||Sl("Cannot "+t),xp=(i,e,t)=>e.has(i)?Sl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Al=(i,e,t)=>(Ep(i,e,"access private method"),t),Do,Cn;n.UUIComboboxListElement=class extends g{constructor(){super(...arguments),xp(this,Do),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Al(this,Do,Cn).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"Space":{e.preventDefault(),e.stopPropagation(),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(Vt.SELECTED,this._onSelected),this.addEventListener(Vt.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Vt.SELECTED,this._onSelected),this.removeEventListener(Vt.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,Al(this,Do,Cn).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return h` <slot @slotchange=${this._onSlotChange}></slot> `}},Do=new WeakSet,Cn=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`
|
|
3225
3229
|
:host {
|
|
3226
3230
|
display: flex;
|
|
3227
3231
|
flex-direction: column;
|
|
3228
3232
|
box-sizing: border-box;
|
|
3229
3233
|
}
|
|
3230
|
-
`],
|
|
3234
|
+
`],tt([l()],n.UUIComboboxListElement.prototype,"value",1),tt([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),tt([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),tt([Pe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),tt([Pe({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),tt([$()],n.UUIComboboxListElement.prototype,"_value",2),tt([$()],n.UUIComboboxListElement.prototype,"_activeElementValue",2),n.UUIComboboxListElement=tt([p("uui-combobox-list")],n.UUIComboboxListElement);var Ip=Object.defineProperty,Cp=Object.getOwnPropertyDescriptor,Jt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cp(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&&Ip(e,t,o),o};n.UUIComboboxListOptionElement=class extends Bt(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 h`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[b`
|
|
3231
3235
|
:host {
|
|
3232
3236
|
position: relative;
|
|
3233
3237
|
cursor: pointer;
|
|
@@ -3309,7 +3313,7 @@
|
|
|
3309
3313
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
3310
3314
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
3311
3315
|
}
|
|
3312
|
-
`],
|
|
3316
|
+
`],Jt([$()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Jt([$()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Jt([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Jt([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Jt([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Jt([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 Sp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,Pl=i=>{throw TypeError(i)},q=(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},Sn=(i,e,t)=>e.has(i)||Pl("Cannot "+t),E=(i,e,t)=>(Sn(i,e,"read from private field"),t?t.call(i):e.get(i)),W=(i,e,t)=>e.has(i)?Pl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),zl=(i,e,t,r)=>(Sn(i,e,"write to private field"),e.set(i,t),t),Vo=(i,e,t)=>(Sn(i,e,"access private method"),t),J,Qt,ei,Ol,Gi,Ho,jo,Ro,An,Fo,Go,Pn,Wi,ti,zn,Wo,qo,On,Ko;n.UUIComboboxElement=class extends we(g,""){constructor(){super(...arguments),W(this,ei),this.closeLabel="Close",this.disabled=!1,this.hideExpandSymbol=!1,this.readonly=!1,this.placeholder="",W(this,J),W(this,Qt),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,W(this,Gi,()=>{this._isPhone=E(this,Qt).matches}),W(this,jo,()=>requestAnimationFrame(()=>this._input.focus())),W(this,Ro,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||E(this,ti).call(this)})),W(this,An,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,ei,Ho).call(this)}),W(this,Go,()=>{this.value=E(this,J)?.value||"",this.search=this.value?this.search:"",E(this,ti).call(this),this.dispatchEvent(new ve(ve.CHANGE))}),W(this,Pn,()=>{this.readonly||(this.open=!this.open)}),W(this,Wi,()=>{this.open||this.readonly||(this.open=!0)}),W(this,ti,()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new ve(ve.SEARCH)))}),W(this,zn,e=>{if(this.open===!1&&e.code==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.code==="ArrowUp"||e.code==="ArrowDown")&&E(this,Wi).call(this),e.code==="Space"){if(this._isOpen)return;e.preventDefault(),e.stopImmediatePropagation(),E(this,Wi).call(this)}e.code==="Escape"&&E(this,ti).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,()=>h`<uui-input
|
|
3313
3317
|
slot="trigger"
|
|
3314
3318
|
id="combobox-input"
|
|
3315
3319
|
label="combobox-input"
|
|
@@ -3320,16 +3324,16 @@
|
|
|
3320
3324
|
.disabled=${this.disabled}
|
|
3321
3325
|
.readonly=${this.readonly}
|
|
3322
3326
|
popovertarget="combobox-popover"
|
|
3323
|
-
@click=${E(this,
|
|
3324
|
-
@input=${E(this,
|
|
3325
|
-
@keydown=${E(this,
|
|
3327
|
+
@click=${E(this,Pn)}
|
|
3328
|
+
@input=${E(this,An)}
|
|
3329
|
+
@keydown=${E(this,zn)}>
|
|
3326
3330
|
<slot name="input-prepend" slot="prepend"></slot>
|
|
3327
|
-
${E(this,
|
|
3331
|
+
${E(this,On).call(this)}
|
|
3328
3332
|
${this.hideExpandSymbol?C:h`<div id="expand-symbol-wrapper" slot="append">
|
|
3329
3333
|
<uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
|
|
3330
3334
|
</div>`}
|
|
3331
3335
|
<slot name="input-append" slot="append"></slot>
|
|
3332
|
-
</uui-input>`),W(this,
|
|
3336
|
+
</uui-input>`),W(this,On,()=>this.disabled||this.readonly?C:h`<uui-button
|
|
3333
3337
|
id="clear-button"
|
|
3334
3338
|
@click=${E(this,Wo)}
|
|
3335
3339
|
@keydown=${E(this,Wo)}
|
|
@@ -3339,13 +3343,13 @@
|
|
|
3339
3343
|
style="height: 100%;"
|
|
3340
3344
|
tabindex=${this.value||this.search?"":"-1"}
|
|
3341
3345
|
class=${this.value||this.search?"visible":""}>
|
|
3342
|
-
<uui-icon name="remove" .fallback=${
|
|
3346
|
+
<uui-icon name="remove" .fallback=${Rr.strings[0]}></uui-icon>
|
|
3343
3347
|
</uui-button>`),W(this,Ko,()=>h`<div id="dropdown">
|
|
3344
3348
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
3345
|
-
<slot @slotchange=${
|
|
3349
|
+
<slot @slotchange=${Vo(this,ei,Ol)}></slot>
|
|
3346
3350
|
</uui-scroll-container>
|
|
3347
|
-
</div>`)}get value(){return super.value}set value(e){super.value=e,typeof e=="string"&&
|
|
3348
|
-
<uui-button label="close" look="primary" @click=${E(this,
|
|
3351
|
+
</div>`)}get value(){return super.value}set value(e){super.value=e,typeof e=="string"&&Vo(this,ei,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)),zl(this,Qt,window.matchMedia("(max-width: 600px)")),E(this,Gi).call(this),E(this,Qt).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,Qt).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?h`<div id="phone-wrapper">
|
|
3352
|
+
<uui-button label="close" look="primary" @click=${E(this,ti)}>
|
|
3349
3353
|
${this.closeLabel}
|
|
3350
3354
|
</uui-button>
|
|
3351
3355
|
${E(this,qo).call(this)} ${E(this,Ko).call(this)}
|
|
@@ -3357,7 +3361,7 @@
|
|
|
3357
3361
|
placement="bottom-end">
|
|
3358
3362
|
${E(this,Ko).call(this)}
|
|
3359
3363
|
</uui-popover-container>
|
|
3360
|
-
`}},J=new WeakMap,
|
|
3364
|
+
`}},J=new WeakMap,Qt=new WeakMap,ei=new WeakSet,Ol=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&&(zl(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,ei,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,An=new WeakMap,Fo=new WeakMap,Go=new WeakMap,Pn=new WeakMap,Wi=new WeakMap,ti=new WeakMap,zn=new WeakMap,Wo=new WeakMap,qo=new WeakMap,On=new WeakMap,Ko=new WeakMap,n.UUIComboboxElement.styles=[b`
|
|
3361
3365
|
:host {
|
|
3362
3366
|
display: inline-flex;
|
|
3363
3367
|
}
|
|
@@ -3437,7 +3441,7 @@
|
|
|
3437
3441
|
#phone-wrapper #scroll-container {
|
|
3438
3442
|
max-height: unset;
|
|
3439
3443
|
}
|
|
3440
|
-
`],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([
|
|
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 Pp=Object.defineProperty,zp=Object.getOwnPropertyDescriptor,Ln=(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};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 h` <h3
|
|
3441
3445
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
3442
3446
|
${this.headline}
|
|
3443
3447
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
@@ -3455,7 +3459,7 @@
|
|
|
3455
3459
|
justify-content: end;
|
|
3456
3460
|
gap: var(--uui-size-4,12px);
|
|
3457
3461
|
}
|
|
3458
|
-
`],
|
|
3462
|
+
`],Ln([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),Ln([$()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=Ln([p("uui-dialog-layout")],n.UUIDialogLayoutElement);var Op=(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 h`<slot></slot>`}},n.UUIDialogElement.styles=[b`
|
|
3459
3463
|
:host {
|
|
3460
3464
|
position: relative;
|
|
3461
3465
|
display: block;
|
|
@@ -3473,7 +3477,7 @@
|
|
|
3473
3477
|
calc(var(--uui-border-radius,3px) * 2)
|
|
3474
3478
|
);
|
|
3475
3479
|
}
|
|
3476
|
-
`],n.UUIDialogElement=
|
|
3480
|
+
`],n.UUIDialogElement=Op([p("uui-dialog")],n.UUIDialogElement);var Lp=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,Ll=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mp(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&&Lp(e,t,o),o};n.UUISymbolFileDropzoneElement=class extends g{constructor(){super(...arguments),this.error=!1}render(){return h`<svg
|
|
3477
3481
|
xmlns="http://www.w3.org/2000/svg"
|
|
3478
3482
|
viewBox="0 0 512 512"
|
|
3479
3483
|
id="upload-icon">
|
|
@@ -3498,7 +3502,7 @@
|
|
|
3498
3502
|
:host([error]) #upload-icon {
|
|
3499
3503
|
fill: var(--uui-color-invalid,#c31d4c);
|
|
3500
3504
|
}
|
|
3501
|
-
`],
|
|
3505
|
+
`],Ll([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=Ll([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 Tp=Object.defineProperty,Np=Object.getOwnPropertyDescriptor,ii=(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.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()}_processFileEntry(e,t,r){const o=e.getAsFile();o&&(this._isAccepted(o)?t.push(o):r.push(o))}_shouldProcessFolder(){return!this.disallowFolderUpload&&this.multiple}async _getAllEntries(e){const t=[...e],r=[],o=[],s=[];for(const a of t){if(a?.kind!=="file")continue;const u=this._getEntry(a);if(u){if(!u.isDirectory)this._processFileEntry(a,o,s);else if(this._shouldProcessFolder()){const c=await this._mkdir(u);r.push(c)}}}return{files:o,folders:r,rejectedFiles:s}}_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 h`
|
|
3502
3506
|
<div id="dropzone">
|
|
3503
3507
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
3504
3508
|
${this.renderLabel()}
|
|
@@ -3550,7 +3554,7 @@
|
|
|
3550
3554
|
opacity: 0;
|
|
3551
3555
|
display: none;
|
|
3552
3556
|
}
|
|
3553
|
-
`],
|
|
3557
|
+
`],ii([S("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),ii([S("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),ii([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",1),ii([l({type:Boolean,reflect:!0,attribute:"disallow-folder-upload"})],n.UUIFileDropzoneElement.prototype,"disallowFolderUpload",2),ii([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=ii([p("uui-file-dropzone")],n.UUIFileDropzoneElement);let Bp=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 u=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*u)/u>=o&&a<s.length-1);return e.toFixed(r)+" "+s[a]}};var Dp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,xe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vp(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.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?h`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?h`<uui-symbol-file-thumbnail
|
|
3554
3558
|
.src=${this._src}
|
|
3555
3559
|
.alt=${this._name}
|
|
3556
3560
|
id="file-symbol"></uui-symbol-file-thumbnail>`:h`<uui-symbol-file
|
|
@@ -3570,7 +3574,7 @@
|
|
|
3570
3574
|
<div id="file-info">
|
|
3571
3575
|
${this._renderLongName()}
|
|
3572
3576
|
<span id="file-size">
|
|
3573
|
-
${this._size&&!this._isDirectory?h`${
|
|
3577
|
+
${this._size&&!this._isDirectory?h`${Bp.humanFileSize(this._size,!0)}`:""}
|
|
3574
3578
|
</span>
|
|
3575
3579
|
</div>
|
|
3576
3580
|
`}},n.UUIFilePreviewElement.styles=[b`
|
|
@@ -3641,7 +3645,7 @@
|
|
|
3641
3645
|
text-decoration: underline;
|
|
3642
3646
|
cursor: pointer;
|
|
3643
3647
|
}
|
|
3644
|
-
`],xe([
|
|
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 Hp=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,Xo=(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.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 h`
|
|
3645
3649
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
3646
3650
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
3647
3651
|
</div>
|
|
@@ -3676,11 +3680,11 @@
|
|
|
3676
3680
|
margin-top: -8px;
|
|
3677
3681
|
min-height: 8px;
|
|
3678
3682
|
}
|
|
3679
|
-
`],Xo([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Xo([
|
|
3683
|
+
`],Xo([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Xo([$()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Xo([$()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=Xo([p("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
|
|
3680
3684
|
* @license
|
|
3681
3685
|
* Copyright 2017 Google LLC
|
|
3682
3686
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3683
|
-
*/class
|
|
3687
|
+
*/class Mn extends Rt{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===Q)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:[]}}}Mn.directiveName="unsafeHTML",Mn.resultType=1;const Yo=jt(Mn);var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Ml=(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.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 h`
|
|
3684
3688
|
<slot></slot>
|
|
3685
3689
|
<div id="messages">
|
|
3686
3690
|
${wo(this._messages,e=>h`<div>${Yo(e[1])}</div>`)}
|
|
@@ -3694,7 +3698,7 @@
|
|
|
3694
3698
|
71
|
|
3695
3699
|
));
|
|
3696
3700
|
}
|
|
3697
|
-
`],
|
|
3701
|
+
`],Ml([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Ml([p("uui-form-validation-message")],n.UUIFormValidationMessageElement);var Gp=(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 h`<slot @slotchange=${this._onSlotChanged}></slot>`}},n.UUIFormElement=Gp([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 Wp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?qp(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&&Wp(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?h`<slot name="fallback"></slot>`:h`${Yo(this.fallback)}`:this._nameSvg!==null?h`${Yo(this._nameSvg)}`:this.svg!==null?h`${Yo(this.svg)}`:h`<slot></slot>`}},n.UUIIconElement.styles=[b`
|
|
3698
3702
|
:host {
|
|
3699
3703
|
vertical-align: text-bottom;
|
|
3700
3704
|
display: inline-flex;
|
|
@@ -3720,13 +3724,13 @@
|
|
|
3720
3724
|
:host-context(div[slot='append']) {
|
|
3721
3725
|
margin-right: var(--uui-size-2, 6px);
|
|
3722
3726
|
}
|
|
3723
|
-
`],_t([w()],n.UUIIconElement.prototype,"_nameSvg",2),_t([l()],n.UUIIconElement.prototype,"label",2),_t([l()],n.UUIIconElement.prototype,"name",1),_t([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),_t([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),_t([w()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=_t([p("uui-icon")],n.UUIIconElement);let Mn=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 Mn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Mn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Fp=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,Ol=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gp(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};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 h`<slot></slot>`}},Ol([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Ol([p("uui-icon-registry")],n.UUIIconRegistryElement);const Wp=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>`,Kp=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>`,Xp=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>`,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"><polyline points="20 6 9 17 4 12" /></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"><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>`,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"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></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="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>`,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="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>`,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"><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>`,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="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>`,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="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>`,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="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>`,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="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>`,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="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>`,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"><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>`,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" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></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="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>`,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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></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"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></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"><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>`,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="5 3 19 12 5 21 5 3" /></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"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></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"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></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"><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>`,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"><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>`,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="M5 12h14" /></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"><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>`,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"><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>`,$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="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>`,_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="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>`,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"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;let Ll=class extends Nn{constructor(){super(),this.defineIcon("add",Wp.strings[0]),this.defineIcon("alert",qp.strings[0]),this.defineIcon("attachment",Kp.strings[0]),this.defineIcon("calendar",Xp.strings[0]),this.defineIcon("check",Yp.strings[0]),this.defineIcon("clipboard",Zp.strings[0]),this.defineIcon("code",Jp.strings[0]),this.defineIcon("colorpicker",Qp.strings[0]),this.defineIcon("copy",eb.strings[0]),this.defineIcon("delete",tb.strings[0]),this.defineIcon("document",ib.strings[0]),this.defineIcon("download",ob.strings[0]),this.defineIcon("edit",rb.strings[0]),this.defineIcon("favorite",nb.strings[0]),this.defineIcon("folder",sb.strings[0]),this.defineIcon("forbidden",ab.strings[0]),this.defineIcon("info",lb.strings[0]),this.defineIcon("link",ub.strings[0]),this.defineIcon("lock",cb.strings[0]),this.defineIcon("pause",hb.strings[0]),this.defineIcon("picture",db.strings[0]),this.defineIcon("play",pb.strings[0]),this.defineIcon("remove",bb.strings[0]),this.defineIcon("search",mb.strings[0]),this.defineIcon("see",vb.strings[0]),this.defineIcon("settings",gb.strings[0]),this.defineIcon("subtract",fb.strings[0]),this.defineIcon("sync",yb.strings[0]),this.defineIcon("unlock",wb.strings[0]),this.defineIcon("unsee",$b.strings[0]),this.defineIcon("wand",_b.strings[0]),this.defineIcon("wrong",Ub.strings[0])}};var kb=(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 Ll}},n.UUIIconRegistryEssentialElement=kb([p("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Eb=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,ii=(i,e,t,r)=>{for(var o=r>1?void 0:r?xb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Eb(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 h`<uui-file-preview .file="${e}">
|
|
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 h`<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 h`<uui-file-preview .file="${e}">
|
|
3724
3728
|
<uui-action-bar slot="actions">
|
|
3725
3729
|
<uui-button
|
|
3726
3730
|
@click=${()=>this._removeFile(t)}
|
|
3727
3731
|
color="danger"
|
|
3728
3732
|
label=${`Delete ${e.name}`}>
|
|
3729
|
-
<uui-icon name="delete" .fallback=${
|
|
3733
|
+
<uui-icon name="delete" .fallback=${Dh.strings[0]}></uui-icon>
|
|
3730
3734
|
</uui-button>
|
|
3731
3735
|
</uui-action-bar>
|
|
3732
3736
|
</uui-file-preview>`}_renderFiles(){return h`${wo(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return h`
|
|
@@ -3793,7 +3797,7 @@
|
|
|
3793
3797
|
justify-content: center;
|
|
3794
3798
|
align-items: stretch;
|
|
3795
3799
|
}
|
|
3796
|
-
`],
|
|
3800
|
+
`],oi([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),oi([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),oi([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),oi([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),oi([$()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=oi([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 Pb=Object.defineProperty,zb=Object.getOwnPropertyDescriptor,Bl=i=>{throw TypeError(i)},G=(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},Ob=(i,e,t)=>e.has(i)||Bl("Cannot "+t),Lb=(i,e,t)=>e.has(i)?Bl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Mb=(i,e,t)=>(Ob(i,e,"access private method"),t),Bn,Dl;n.UUIInputElement=class extends we(ye("",g),""){constructor(){super(),Lb(this,Bn),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",Mb(this,Bn,Dl)),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 h`<slot name="prepend"></slot>`}renderAppend(){return h`<slot name="append"></slot>`}render(){return h`
|
|
3797
3801
|
${this.renderPrepend()}
|
|
3798
3802
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3799
3803
|
${this.renderAppend()}
|
|
@@ -3801,26 +3805,27 @@
|
|
|
3801
3805
|
${this.renderInput()}${this.renderAutoWidthBackground()}
|
|
3802
3806
|
</div>`}renderInput(){return h`<input
|
|
3803
3807
|
id="input"
|
|
3804
|
-
size=${
|
|
3808
|
+
size=${w(this.autoWidth?"1":void 0)}
|
|
3805
3809
|
.type=${this.type}
|
|
3806
3810
|
.value=${this.value}
|
|
3807
3811
|
.name=${this.name}
|
|
3808
|
-
pattern=${
|
|
3809
|
-
min=${
|
|
3810
|
-
max=${
|
|
3811
|
-
step=${
|
|
3812
|
+
pattern=${w(this.pattern)}
|
|
3813
|
+
min=${w(this.min)}
|
|
3814
|
+
max=${w(this.max)}
|
|
3815
|
+
step=${w(this.step)}
|
|
3812
3816
|
spellcheck=${this.spellcheck}
|
|
3813
|
-
autocomplete=${
|
|
3814
|
-
placeholder=${
|
|
3815
|
-
aria-label=${
|
|
3816
|
-
|
|
3817
|
+
autocomplete=${w(this.autocomplete)}
|
|
3818
|
+
placeholder=${w(this.placeholder)}
|
|
3819
|
+
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
3820
|
+
aria-labelledby=${w(this.getAttribute("aria-labelledby")||void 0)}
|
|
3821
|
+
inputmode=${w(this.inputMode)}
|
|
3817
3822
|
?disabled=${this.disabled}
|
|
3818
3823
|
?autofocus=${this.autofocus}
|
|
3819
3824
|
?required=${this.required}
|
|
3820
3825
|
?readonly=${this.readonly}
|
|
3821
|
-
tabindex=${
|
|
3826
|
+
tabindex=${w(this.tabIndex)}
|
|
3822
3827
|
@input=${this.onInput}
|
|
3823
|
-
@change=${this.onChange} />`}renderAutoWidthBackground(){return h` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return h`${this.value.length>0?this.value:this.placeholder}`}},
|
|
3828
|
+
@change=${this.onChange} />`}renderAutoWidthBackground(){return h` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return h`${this.value.length>0?this.value:this.placeholder}`}},Bn=new WeakSet,Dl=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[b`
|
|
3824
3829
|
:host {
|
|
3825
3830
|
position: relative;
|
|
3826
3831
|
display: inline-flex;
|
|
@@ -3969,9 +3974,9 @@
|
|
|
3969
3974
|
height: 100%;
|
|
3970
3975
|
--uui-input-border-width: 0;
|
|
3971
3976
|
}
|
|
3972
|
-
`],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
|
|
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 Dn=class extends z{static{this.LOCK_CHANGE="lock-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Tb=Object.defineProperty,Nb=Object.getOwnPropertyDescriptor,Vl=i=>{throw TypeError(i)},Zo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nb(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&&Tb(e,t,o),o},Hl=(i,e,t)=>e.has(i)||Vl("Cannot "+t),Bb=(i,e,t)=>(Hl(i,e,"read from private field"),t?t.call(i):e.get(i)),Db=(i,e,t)=>e.has(i)?Vl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Vb=(i,e,t,r)=>(Hl(i,e,"write to private field"),e.set(i,t),t),Jo;n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),Db(this,Jo,!0),this.unlockLabel="Unlock input",this.lockLabel="Lock input",this.readonly=!0,this.tabIndex=-1}set locked(e){Vb(this,Jo,e),this.readonly=e,this.tabIndex=e?-1:0}get locked(){return Bb(this,Jo)}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new Dn(Dn.LOCK_CHANGE)),this.locked||this._input?.focus()}renderIcon(){return this.locked===!0?h`<uui-icon name="lock" .fallback=${Vh.strings[0]}></uui-icon>`:h`<uui-icon
|
|
3973
3978
|
name="unlock"
|
|
3974
|
-
.fallback=${
|
|
3979
|
+
.fallback=${Fh.strings[0]}></uui-icon>`}renderPrepend(){return h`<uui-button
|
|
3975
3980
|
.disabled=${this.disabled}
|
|
3976
3981
|
@click=${this._onLockToggle}
|
|
3977
3982
|
compact
|
|
@@ -3992,9 +3997,9 @@
|
|
|
3992
3997
|
cursor: not-allowed;
|
|
3993
3998
|
opacity: 0.55;
|
|
3994
3999
|
}
|
|
3995
|
-
`],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
|
|
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 Hb=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,Vn=(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&&Hb(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"?h`<uui-icon name="see" .fallback=${jh.strings[0]}></uui-icon>`:h`<uui-icon
|
|
3996
4001
|
name="unsee"
|
|
3997
|
-
.fallback=${
|
|
4002
|
+
.fallback=${Gh.strings[0]}></uui-icon>`}renderAppend(){return h`<uui-button
|
|
3998
4003
|
.disabled=${this.disabled}
|
|
3999
4004
|
@click=${this._onPasswordToggle}
|
|
4000
4005
|
compact
|
|
@@ -4010,7 +4015,7 @@
|
|
|
4010
4015
|
#clear:hover {
|
|
4011
4016
|
color: black;
|
|
4012
4017
|
}
|
|
4013
|
-
`],
|
|
4018
|
+
`],Vn([$()],n.UUIInputPasswordElement.prototype,"passwordType",2),Vn([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=Vn([p("uui-input-password")],n.UUIInputPasswordElement);var Rb=(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 h`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[b`
|
|
4014
4019
|
:host {
|
|
4015
4020
|
display: inline-block;
|
|
4016
4021
|
font-family: inherit;
|
|
@@ -4025,7 +4030,7 @@
|
|
|
4025
4030
|
::slotted(*:last-child)uui-key {
|
|
4026
4031
|
margin-right: 0px;
|
|
4027
4032
|
}
|
|
4028
|
-
`],n.UUIKeyboardShortcutElement=
|
|
4033
|
+
`],n.UUIKeyboardShortcutElement=Rb([p("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Fb=(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 h`<slot></slot>`}},n.UUIKeyElement.styles=[b`
|
|
4029
4034
|
:host {
|
|
4030
4035
|
background: var(--uui-color-surface,#fff);
|
|
4031
4036
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -4039,7 +4044,7 @@
|
|
|
4039
4044
|
user-select: none;
|
|
4040
4045
|
text-transform: lowercase;
|
|
4041
4046
|
}
|
|
4042
|
-
`],n.UUIKeyElement=
|
|
4047
|
+
`],n.UUIKeyElement=Fb([p("uui-key")],n.UUIKeyElement);var Gb=Object.defineProperty,Wb=Object.getOwnPropertyDescriptor,Qo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Gb(e,t,o),o};n.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 h`
|
|
4043
4048
|
<slot></slot>
|
|
4044
4049
|
${this.required?h`<div id="required">*</div>`:""}
|
|
4045
4050
|
`}},n.UUILabelElement.styles=[b`
|
|
@@ -4057,7 +4062,7 @@
|
|
|
4057
4062
|
color: var(--uui-color-danger,#c31d4c);
|
|
4058
4063
|
font-weight: 900;
|
|
4059
4064
|
}
|
|
4060
|
-
`],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
|
|
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 qb=Object.defineProperty,Kb=Object.getOwnPropertyDescriptor,Hn=(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.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 h`
|
|
4061
4066
|
${this.progress?h`<div
|
|
4062
4067
|
id="bar"
|
|
4063
4068
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -4125,7 +4130,7 @@
|
|
|
4125
4130
|
transform-origin: 175% 0%;
|
|
4126
4131
|
}
|
|
4127
4132
|
}
|
|
4128
|
-
`],Hn([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),Hn([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=Hn([p("uui-loader-bar")],n.UUILoaderBarElement);var
|
|
4133
|
+
`],Hn([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),Hn([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=Hn([p("uui-loader-bar")],n.UUILoaderBarElement);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.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?h`<span id="progress-display">${this.progress}</span>`:""}render(){return h`
|
|
4129
4134
|
<svg
|
|
4130
4135
|
id="spinner"
|
|
4131
4136
|
class=${this.progress?"":"animate"}
|
|
@@ -4138,7 +4143,7 @@
|
|
|
4138
4143
|
cx="50%"
|
|
4139
4144
|
cy="50%"
|
|
4140
4145
|
r="16"
|
|
4141
|
-
style=${
|
|
4146
|
+
style=${Be(this._circleStyle())} />
|
|
4142
4147
|
</g>
|
|
4143
4148
|
</svg>
|
|
4144
4149
|
${this.renderProgress()}
|
|
@@ -4227,7 +4232,7 @@
|
|
|
4227
4232
|
/* Center the text */
|
|
4228
4233
|
padding-top: 0.09em;
|
|
4229
4234
|
}
|
|
4230
|
-
`],
|
|
4235
|
+
`],jn([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),jn([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=jn([p("uui-loader-circle")],n.UUILoaderCircleElement);var Zb=(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 h`
|
|
4231
4236
|
<div></div>
|
|
4232
4237
|
<div></div>
|
|
4233
4238
|
<div></div>
|
|
@@ -4271,7 +4276,7 @@
|
|
|
4271
4276
|
background-color: currentColor;
|
|
4272
4277
|
}
|
|
4273
4278
|
}
|
|
4274
|
-
`],n.UUILoaderElement=
|
|
4279
|
+
`],n.UUILoaderElement=Zb([p("uui-loader")],n.UUILoaderElement);let ri=class extends z{static{this.SHOW_CHILDREN="show-children"}static{this.HIDE_CHILDREN="hide-children"}static{this.CLICK_LABEL="click-label"}};var Jb=Object.defineProperty,Qb=Object.getOwnPropertyDescriptor,jl=i=>{throw TypeError(i)},le=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Jb(e,t,o),o},em=(i,e,t)=>e.has(i)||jl("Cannot "+t),tm=(i,e,t)=>e.has(i)?jl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Rn=(i,e,t)=>(em(i,e,"access private method"),t),Xi,Fn,Rl;n.UUIMenuItemElement=class extends fo(Bt(xi(ye("label",g)))){constructor(){super(...arguments),tm(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?ri.HIDE_CHILDREN:ri.SHOW_CHILDREN,t=new ri(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 h` <slot
|
|
4275
4280
|
name="icon"
|
|
4276
4281
|
id="icon"
|
|
4277
4282
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
@@ -4282,17 +4287,17 @@
|
|
|
4282
4287
|
</span>`:h` <a
|
|
4283
4288
|
id="label-button"
|
|
4284
4289
|
${Bo(this._labelButtonChanged)}
|
|
4285
|
-
href=${
|
|
4286
|
-
target=${
|
|
4287
|
-
rel=${
|
|
4288
|
-
@click=${
|
|
4290
|
+
href=${w(this.href)}
|
|
4291
|
+
target=${w(this.target||void 0)}
|
|
4292
|
+
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
4293
|
+
@click=${Rn(this,Xi,Fn)}
|
|
4289
4294
|
?disabled=${this.disabled}
|
|
4290
4295
|
aria-label="${this.label}">
|
|
4291
4296
|
${this._renderLabelInside()}
|
|
4292
4297
|
</a>`}_renderLabelAsButton(){return h` <button
|
|
4293
4298
|
id="label-button"
|
|
4294
4299
|
${Bo(this._labelButtonChanged)}
|
|
4295
|
-
@click=${
|
|
4300
|
+
@click=${Rn(this,Xi,Fn)}
|
|
4296
4301
|
?disabled=${this.disabled}
|
|
4297
4302
|
aria-label="${this.label}">
|
|
4298
4303
|
${this._renderLabelInside()}
|
|
@@ -4303,7 +4308,7 @@
|
|
|
4303
4308
|
id="caret-button"
|
|
4304
4309
|
aria-label=${this.caretLabel}
|
|
4305
4310
|
@click=${this._onCaretClicked}>
|
|
4306
|
-
${
|
|
4311
|
+
${Rn(this,Xi,Rl).call(this)}
|
|
4307
4312
|
</button>`:""}
|
|
4308
4313
|
${this.href&&this.selectOnly!==!0&&this.selectable!==!0?this._renderLabelAsAnchor():this._renderLabelAsButton()}
|
|
4309
4314
|
|
|
@@ -4311,7 +4316,7 @@
|
|
|
4311
4316
|
${this.loading?h`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
4312
4317
|
</div>
|
|
4313
4318
|
${this.showChildren?h`<slot></slot>`:""}
|
|
4314
|
-
`}},Xi=new WeakSet,
|
|
4319
|
+
`}},Xi=new WeakSet,Fn=function(){if(this.selectOnly)return;const i=new ri(ri.CLICK_LABEL);this.dispatchEvent(i)},Rl=function(){if(this.renderExpandSymbol){const i=this.renderExpandSymbol();if(i)return i}return h`<uui-symbol-expand
|
|
4315
4320
|
aria-hidden="true"
|
|
4316
4321
|
?open=${this.showChildren}></uui-symbol-expand>`},n.UUIMenuItemElement.styles=[b`
|
|
4317
4322
|
:host {
|
|
@@ -4715,7 +4720,7 @@
|
|
|
4715
4720
|
opacity: 0;
|
|
4716
4721
|
animation: fadeIn 120ms ease-in 60ms forwards;
|
|
4717
4722
|
}
|
|
4718
|
-
`],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([
|
|
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 im=Object.defineProperty,om=Object.getOwnPropertyDescriptor,ni=(i,e,t,r)=>{for(var o=r>1?void 0:r?om(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&&im(e,t,o),o};const Fl="uui:modal-open",si="uui:modal-close",Gl="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(Fl,{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(si,{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(Gl)),this.remove()}static{this.styles=[b`
|
|
4719
4724
|
dialog {
|
|
4720
4725
|
display: block;
|
|
4721
4726
|
margin: 0;
|
|
@@ -4743,9 +4748,9 @@
|
|
|
4743
4748
|
:host([index='0']) dialog::after {
|
|
4744
4749
|
opacity: 0;
|
|
4745
4750
|
}
|
|
4746
|
-
`]}};
|
|
4751
|
+
`]}};ni([S("dialog")],ue.prototype,"_dialogElement",2),ni([l({type:Boolean,reflect:!0,attribute:"is-open"})],ue.prototype,"isOpen",2),ni([l({type:Boolean,reflect:!0,attribute:"is-closing"})],ue.prototype,"isClosing",2),ni([l({type:Number,reflect:!0})],ue.prototype,"index",2),ni([l({type:Number,reflect:!0,attribute:"unique-index"})],ue.prototype,"uniqueIndex",2),ni([l({type:Number,attribute:"transition-duration"})],ue.prototype,"transitionDuration",1);var rm=Object.defineProperty,nm=Object.getOwnPropertyDescriptor,Wl=i=>{throw TypeError(i)},ql=(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},sm=(i,e,t)=>e.has(i)||Wl("Cannot "+t),Kl=(i,e,t)=>(sm(i,e,"read from private field"),t?t.call(i):e.get(i)),am=(i,e,t)=>e.has(i)?Wl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),er,Gn;n.UUIModalSidebarElement=class extends ue{constructor(){super(...arguments),am(this,er),this.size="full"}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Kl(this,er,Gn)+"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",-Kl(this,er,Gn)+"px"),setTimeout(()=>{super.forceClose()},this.transitionDuration))}render(){return h`<dialog>
|
|
4747
4752
|
<slot></slot>
|
|
4748
|
-
</dialog>`}},er=new WeakSet,
|
|
4753
|
+
</dialog>`}},er=new WeakSet,Gn=function(){return this._dialogElement?.getBoundingClientRect().width??0},n.UUIModalSidebarElement.styles=[...ue.styles,b`
|
|
4749
4754
|
:host {
|
|
4750
4755
|
outline: none;
|
|
4751
4756
|
--uui-modal-sidebar-left-gap: 24px;
|
|
@@ -4787,7 +4792,7 @@
|
|
|
4787
4792
|
:host([size='small']) dialog {
|
|
4788
4793
|
max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
4789
4794
|
}
|
|
4790
|
-
`],
|
|
4795
|
+
`],ql([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=ql([p("uui-modal-sidebar")],n.UUIModalSidebarElement);var lm=Object.defineProperty,um=Object.getOwnPropertyDescriptor,Xl=i=>{throw TypeError(i)},ai=(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&&lm(e,t,o),o},Yl=(i,e,t)=>e.has(i)||Xl("Cannot "+t),Yi=(i,e,t)=>(Yl(i,e,"read from private field"),t?t.call(i):e.get(i)),Wn=(i,e,t)=>e.has(i)?Xl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),tr=(i,e,t)=>(Yl(i,e,"access private method"),t),qn,li,ui,Kn,Xn;n.UUIModalContainerElement=class extends g{constructor(){super(),Wn(this,ui),this.sidebarGap=64,this.transitionDurationMS=250,Wn(this,qn,()=>{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(si,Yi(this,li))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(si,Yi(this,li))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}tr(this,ui,Kn).call(this),tr(this,ui,Xn).call(this)}),Wn(this,li,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(si,Yi(this,li)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}tr(this,ui,Kn).call(this),tr(this,ui,Xn).call(this)}),this.addEventListener(si,Yi(this,li))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return h`<slot @slotchange=${Yi(this,qn)}></slot>`}},qn=new WeakMap,li=new WeakMap,ui=new WeakSet,Kn=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})},Xn=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,u=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=a+i+this.sidebarGap-u;i=c>0?c:0}})},n.UUIModalContainerElement.styles=b`
|
|
4791
4796
|
:host {
|
|
4792
4797
|
position: fixed;
|
|
4793
4798
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -4804,7 +4809,7 @@
|
|
|
4804
4809
|
:host([backdrop])::after {
|
|
4805
4810
|
opacity: 1;
|
|
4806
4811
|
}
|
|
4807
|
-
`,
|
|
4812
|
+
`,ai([S("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),ai([$()],n.UUIModalContainerElement.prototype,"_modals",2),ai([$()],n.UUIModalContainerElement.prototype,"_sidebars",2),ai([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),ai([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=ai([p("uui-modal-container")],n.UUIModalContainerElement);var cm=(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 h`
|
|
4808
4813
|
<dialog>
|
|
4809
4814
|
<slot></slot>
|
|
4810
4815
|
</dialog>
|
|
@@ -4832,7 +4837,7 @@
|
|
|
4832
4837
|
:host(:not([index='0'])) dialog {
|
|
4833
4838
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
4834
4839
|
}
|
|
4835
|
-
`],n.UUIModalDialogElement=
|
|
4840
|
+
`],n.UUIModalDialogElement=cm([p("uui-modal-dialog")],n.UUIModalDialogElement);let kt=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var hm=Object.defineProperty,dm=Object.getOwnPropertyDescriptor,ee=(i,e,t,r)=>{for(var o=r>1?void 0:r?dm(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};const pm=45,Yn=(i,e,t)=>Math.min(Math.max(i,e),t),bm=(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)/pm/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 bm(Yn(t,1,this.total),Yn(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=Yn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new kt(kt.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new kt(kt.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new kt(kt.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return h`<uui-button
|
|
4836
4841
|
compact
|
|
4837
4842
|
look="outline"
|
|
4838
4843
|
class="nav"
|
|
@@ -4916,7 +4921,7 @@
|
|
|
4916
4921
|
.active {
|
|
4917
4922
|
pointer-events: none;
|
|
4918
4923
|
}
|
|
4919
|
-
`],ee([
|
|
4924
|
+
`],ee([bc("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),ee([S("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),ee([l()],n.UUIPaginationElement.prototype,"label",2),ee([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),ee([l()],n.UUIPaginationElement.prototype,"firstLabel",2),ee([l()],n.UUIPaginationElement.prototype,"previousLabel",2),ee([l()],n.UUIPaginationElement.prototype,"nextLabel",2),ee([l()],n.UUIPaginationElement.prototype,"lastLabel",2),ee([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),ee([$()],n.UUIPaginationElement.prototype,"_range",2),ee([$()],n.UUIPaginationElement.prototype,"_visiblePages",2),ee([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=ee([p("uui-pagination")],n.UUIPaginationElement);let Zl=class extends z{static{this.CLOSE="close"}};var mm=Object.defineProperty,vm=Object.getOwnPropertyDescriptor,Zi=(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&&mm(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 Zl(Zl.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,u=this._currentPlacement.indexOf("left")!==-1,c=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,A=0,Z=0;if(this.placement==="auto"){const Ae=this._scrollParents[0],ao=Ae.clientWidth,St=Ae.clientHeight,fi=r.x-t.width,yi=ao-(r.x+r.width)-t.width,Us=r.y-t.height,mr=St-(r.y+r.height)-t.height;let vr=.5,gr=.5;const qv=Math.max(fi,yi);let Nu=Math.max(Us,mr);mr>Us&&mr>this.margin&&(Nu+=9999),qv>Nu?(fi>yi?(vr=0,u=!0):(vr=1,c=!0),A=this.margin):(Us>mr?(gr=0,s=!0):(gr=1,a=!0),Z=this.margin),v=vr,y=gr,U=1-vr,I=1-gr}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)),u&&(U=1,v=0),c&&(U=0,v=1),(u||c)&&(A=this.margin,d&&(I=0,y=0),m&&(I=1,y=1));const We=-t.width*U+r.width*v-A*(U*2-1),qe=-t.height*I+r.height*y-Z*(I*2-1);let It=We,Ct=qe;s||a?(this._scrollParents.forEach((Ae,ao)=>{const St=Ae===document.body?0:o[ao].x,fi=-r.x+St,yi=Ae.clientWidth-r.x-r.width+We+St-(t.width-r.width)*(1-v);It=ir(It,fi,yi)}),It=ir(It,-t.width,r.width)):(u||c)&&(this._scrollParents.forEach((Ae,ao)=>{const St=Ae===document.body?0:o[ao].y,fi=-r.y+St,yi=Ae.clientHeight-r.y-r.height+qe+St-(t.height-r.height)*(1-y);Ct=ir(Ct,fi,yi)}),Ct=ir(Ct,-t.height,r.height)),(this._positionX!==It||this._positionY!==Ct)&&(this._positionX=It,this._positionY=Ct,We===It&&qe===Ct&&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 u;return this._scrollParents.some((c,d)=>{const m=c===document.body?0:r[d].x,v=c===document.body?0:r[d].y;return s==="top"&&t.y-2<=v?(u="bottom",!0):s==="bottom"&&t.y+t.height+2>=c.clientHeight+v?(u="top",!0):s==="left"&&t.x-2<=m?(u="right",!0):s==="right"&&t.x+t.width+2>=c.clientWidth+m?(u="left",!0):!1}),u?(this._startScrollListener(),u+(a?`-${a}`:"")):e}render(){return h`
|
|
4920
4925
|
<slot
|
|
4921
4926
|
id="trigger"
|
|
4922
4927
|
name="trigger"
|
|
@@ -4951,8 +4956,8 @@
|
|
|
4951
4956
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4952
4957
|
);
|
|
4953
4958
|
}
|
|
4954
|
-
`],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
|
|
4955
|
-
<div id="bar" style=${
|
|
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 gm=Object.defineProperty,fm=Object.getOwnPropertyDescriptor,Jl=(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};const ym=(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=ym(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return h`
|
|
4960
|
+
<div id="bar" style=${Be(this._getProgressStyle())}></div>
|
|
4956
4961
|
`}},n.UUIProgressBarElement.styles=[b`
|
|
4957
4962
|
:host {
|
|
4958
4963
|
width: 100%;
|
|
@@ -4970,7 +4975,7 @@
|
|
|
4970
4975
|
height: 100%;
|
|
4971
4976
|
width: 0%;
|
|
4972
4977
|
}
|
|
4973
|
-
`],
|
|
4978
|
+
`],Jl([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=Jl([p("uui-progress-bar")],n.UUIProgressBarElement);let Ji=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var wm=Object.defineProperty,$m=Object.getOwnPropertyDescriptor,Ql=i=>{throw TypeError(i)},it=(i,e,t,r)=>{for(var o=r>1?void 0:r?$m(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&&wm(e,t,o),o},_m=(i,e,t)=>e.has(i)||Ql("Cannot "+t),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),eu=(i,e,t)=>(_m(i,e,"access private method"),t),or,tu,iu;n.UUIRadioElement=class extends g{constructor(){super(),Um(this,or),this.name="",this.value="",this.label="",this.checked=!1,this.disabled=!1,this.readonly=!1,this.addEventListener("keydown",eu(this,or,tu))}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 h` <label>
|
|
4974
4979
|
<input
|
|
4975
4980
|
id="input"
|
|
4976
4981
|
type="radio"
|
|
@@ -4978,12 +4983,12 @@
|
|
|
4978
4983
|
value=${this.value}
|
|
4979
4984
|
.checked=${this.checked}
|
|
4980
4985
|
.disabled=${this.disabled||this.readonly}
|
|
4981
|
-
@change=${
|
|
4986
|
+
@change=${eu(this,or,iu)} />
|
|
4982
4987
|
<div id="button"></div>
|
|
4983
4988
|
<div id="label">
|
|
4984
4989
|
${this.label?h`<span>${this.label}</span>`:h`<slot></slot>`}
|
|
4985
4990
|
</div>
|
|
4986
|
-
</label>`}},or=new WeakSet,
|
|
4991
|
+
</label>`}},or=new WeakSet,tu=function(i){i.key===" "&&(i.preventDefault(),!this.disabled&&!this.readonly&&this._inputElement?.click())},iu=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`
|
|
4987
4992
|
:host {
|
|
4988
4993
|
display: block;
|
|
4989
4994
|
box-sizing: border-box;
|
|
@@ -5112,7 +5117,7 @@
|
|
|
5112
5117
|
transition: none;
|
|
5113
5118
|
}
|
|
5114
5119
|
}
|
|
5115
|
-
`],
|
|
5120
|
+
`],it([S("#input")],n.UUIRadioElement.prototype,"_inputElement",2),it([l({type:String})],n.UUIRadioElement.prototype,"name",2),it([l({type:String})],n.UUIRadioElement.prototype,"value",2),it([l({type:String})],n.UUIRadioElement.prototype,"label",2),it([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",2),it([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",2),it([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"readonly",2),n.UUIRadioElement=it([p("uui-radio")],n.UUIRadioElement);let Zn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var km=Object.defineProperty,Em=Object.getOwnPropertyDescriptor,ou=i=>{throw TypeError(i)},Jn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Em(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&&km(e,t,o),o},Qn=(i,e,t)=>e.has(i)||ou("Cannot "+t),k=(i,e,t)=>(Qn(i,e,"read from private field"),t?t.call(i):e.get(i)),ot=(i,e,t)=>e.has(i)?ou("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),rr=(i,e,t,r)=>(Qn(i,e,"write to private field"),e.set(i,t),t),V=(i,e,t)=>(Qn(i,e,"access private method"),t),H,M,es,ts,nr,sr,is,N,ru,os,rs,ns,ss,Et,nu,su,Qi;const xm="ArrowLeft",Im="ArrowUp",Cm="ArrowRight",Sm="ArrowDown",Am=" ",Pm="Enter";n.UUIRadioGroupElement=class extends we(g,""){constructor(){super(),ot(this,N),this.disabled=!1,this.readonly=!1,ot(this,H,null),ot(this,M,[]),ot(this,es,e=>{k(this,M)?.forEach(t=>{t!==e.target?t.makeUnfocusable():t.makeFocusable()})}),ot(this,ts,e=>{this.contains(e.relatedTarget)||k(this,H)===null&&k(this,M)?.forEach(t=>{t.makeFocusable()})}),ot(this,nr,()=>{this.pristine=!1}),ot(this,sr,e=>{e.target.checked===!0&&(this.value=e.target.value,V(this,N,Qi).call(this))}),ot(this,is,e=>{switch(e.key){case xm:case Im:{e.preventDefault(),V(this,N,nu).call(this);break}case Cm:case Sm:{e.preventDefault(),V(this,N,su).call(this);break}case Am:{k(this,H)===null&&(this.value=V(this,N,Et).call(this,1,!1)?.value,V(this,N,Qi).call(this));break}case Pm:this.submit()}}),this.addEventListener("keydown",k(this,is)),this.addEventListener("focusin",k(this,es)),this.addEventListener("focusout",k(this,ts)),this.updateComplete.then(()=>{V(this,N,rs).call(this,this.value)})}get value(){return super.value}set value(e){super.value=e,V(this,N,rs).call(this,e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}updated(e){super.updated(e),e.has("disabled")&&V(this,N,ns).call(this,this.disabled),e.has("readonly")&&V(this,N,ss).call(this,this.readonly),e.has("name")&&V(this,N,os).call(this,e.get("name"))}async focus(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.focus():V(this,N,Et).call(this,1,!1)?.focus()}async blur(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.blur():V(this,N,Et).call(this,1,!1)?.blur()}async click(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.click():V(this,N,Et).call(this,1,!1)?.click()}getFormElement(){if(k(this,M)&&k(this,H))return k(this,M)[k(this,H)]}render(){return h` <slot @slotchange=${V(this,N,ru)}></slot> `}},H=new WeakMap,M=new WeakMap,es=new WeakMap,ts=new WeakMap,nr=new WeakMap,sr=new WeakMap,is=new WeakMap,N=new WeakSet,ru=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,os).call(this,this.name),this.disabled&&V(this,N,ns).call(this,!0),this.readonly&&V(this,N,ss).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))}},os=function(i){k(this,M)?.forEach(e=>e.name=i)},rs=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())},ns=function(i){k(this,M)?.forEach(e=>e.disabled=i)},ss=function(i){k(this,M)?.forEach(e=>e.readonly=i)},Et=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},nu=function(){this.value=V(this,N,Et).call(this,-1)?.value??"",k(this,M)[k(this,H)??0]?.focus(),V(this,N,Qi).call(this)},su=function(){this.value=V(this,N,Et).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 Zn(Zn.CHANGE))},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[b`
|
|
5116
5121
|
:host {
|
|
5117
5122
|
display: inline-block;
|
|
5118
5123
|
padding-right: 3px;
|
|
@@ -5129,7 +5134,7 @@
|
|
|
5129
5134
|
71
|
|
5130
5135
|
));
|
|
5131
5136
|
}
|
|
5132
|
-
`],
|
|
5137
|
+
`],Jn([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),Jn([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"readonly",2),n.UUIRadioGroupElement=Jn([p("uui-radio-group")],n.UUIRadioGroupElement);let rt=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var zm=Object.defineProperty,Om=Object.getOwnPropertyDescriptor,au=i=>{throw TypeError(i)},B=(i,e,t,r)=>{for(var o=r>1?void 0:r?Om(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&&zm(e,t,o),o},lu=(i,e,t)=>e.has(i)||au("Cannot "+t),Lm=(i,e,t)=>(lu(i,e,"read from private field"),t?t.call(i):e.get(i)),uu=(i,e,t)=>e.has(i)?au("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ci=(i,e,t)=>(lu(i,e,"access private method"),t),nt,xt,as;const ls={TOP:3,CENTER:2},eo=18,hi=3,Fe=12,Mm=24,us=i=>{const e=i.toString().indexOf(".");return e>=0?i.toString().length-e-1:0};n.UUIRangeSliderElement=class extends we(g,""){constructor(){super(),uu(this,nt),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,uu(this,as,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",Lm(this,as)),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,ci(this,nt,xt).call(this)}get max(){return this._max}set max(e){this._max=e,ci(this,nt,xt).call(this)}get step(){return this._step}set step(e){this._step=e,ci(this,nt,xt).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,ci(this,nt,xt).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,ci(this,nt,xt).call(this)}get value(){return super.value}set value(e){super.value=e,ci(this,nt,xt).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,u=this.startPoint.low+a,c=this.startPoint.high+a;this.setValue(u,c,!0),this.dispatchEvent(new rt(rt.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 rt(rt.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 rt(rt.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 rt(rt.CHANGE))}render(){return h`
|
|
5133
5138
|
<div id="range-slider">
|
|
5134
5139
|
${this._renderNativeInputs()}
|
|
5135
5140
|
<div id="inner-track">
|
|
@@ -5146,23 +5151,23 @@
|
|
|
5146
5151
|
`}_renderThumbValues(){return h`<div class="thumb-values">
|
|
5147
5152
|
<span
|
|
5148
5153
|
><span
|
|
5149
|
-
>${this._lowInputValue.toFixed(
|
|
5154
|
+
>${this._lowInputValue.toFixed(us(this._step))}</span
|
|
5150
5155
|
></span
|
|
5151
5156
|
>
|
|
5152
5157
|
<span
|
|
5153
5158
|
><span
|
|
5154
|
-
>${this._highInputValue.toFixed(
|
|
5159
|
+
>${this._highInputValue.toFixed(us(this._step))}</span
|
|
5155
5160
|
></span
|
|
5156
5161
|
>
|
|
5157
|
-
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-
|
|
5162
|
+
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Fe*2)/e;if(t<Mm||e%1!==0)return;let r=0;const o=new Array(e+1).fill(t).map(s=>s*r++);return h`<div class="step-wrapper">
|
|
5158
5163
|
<svg height="100%" width="100%">
|
|
5159
|
-
<rect x="9" y="9" height="${
|
|
5164
|
+
<rect x="9" y="9" height="${hi}" rx="2" />
|
|
5160
5165
|
${this._renderStepCircles(o)}
|
|
5161
5166
|
</svg>
|
|
5162
5167
|
${this._renderStepValues(e)}
|
|
5163
|
-
</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(
|
|
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(us(this._step)));return h`<div class="step-values">
|
|
5164
5169
|
${r.map(o=>h`<span><span>${o}</span></span>`)}
|
|
5165
|
-
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+
|
|
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="${hi*2}" r="4.5" />`:f`<circle class="track-step regular" cx="${o}" cy="${hi*2}" r="4.5" />`})}`}_renderNativeInputs(){return h` <div class="native-wrapper">
|
|
5166
5171
|
<input
|
|
5167
5172
|
id="inputLow"
|
|
5168
5173
|
class="${this._movement?"focus":""}"
|
|
@@ -5187,7 +5192,7 @@
|
|
|
5187
5192
|
?disabled="${this.disabled||this.readonly}"
|
|
5188
5193
|
@input=${this._onHighInput}
|
|
5189
5194
|
@change=${this._onHighChange} />
|
|
5190
|
-
</div>`}},
|
|
5195
|
+
</div>`}},nt=new WeakSet,xt=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()},as=new WeakMap,n.UUIRangeSliderElement.formAssociated=!0,n.UUIRangeSliderElement.styles=[b`
|
|
5191
5196
|
:host {
|
|
5192
5197
|
--color-interactive: var(--uui-color-selected,#3544b1);
|
|
5193
5198
|
--color-hover: var(--uui-color-selected-emphasis,rgb(
|
|
@@ -5223,8 +5228,8 @@
|
|
|
5223
5228
|
background-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
5224
5229
|
position: absolute;
|
|
5225
5230
|
height: 3px;
|
|
5226
|
-
left: ${
|
|
5227
|
-
right: ${
|
|
5231
|
+
left: ${Fe}px; /* Match TRACK_MARGIN */
|
|
5232
|
+
right: ${Fe}px; /* Match TRACK_MARGIN */
|
|
5228
5233
|
}
|
|
5229
5234
|
|
|
5230
5235
|
:host(:not([disabled]):hover) #inner-track,
|
|
@@ -5241,7 +5246,7 @@
|
|
|
5241
5246
|
height: ${eo}px;
|
|
5242
5247
|
cursor: grab;
|
|
5243
5248
|
user-select: none;
|
|
5244
|
-
z-index: ${
|
|
5249
|
+
z-index: ${ls.CENTER};
|
|
5245
5250
|
}
|
|
5246
5251
|
|
|
5247
5252
|
:host([disabled]) #inner-color-thumb,
|
|
@@ -5265,16 +5270,16 @@
|
|
|
5265
5270
|
}
|
|
5266
5271
|
|
|
5267
5272
|
:host(:not([readonly])) #inner-color-thumb:hover .color {
|
|
5268
|
-
height: ${
|
|
5273
|
+
height: ${hi*2}px;
|
|
5269
5274
|
background-color: var(--color-hover);
|
|
5270
|
-
transform: translateY(-${
|
|
5275
|
+
transform: translateY(-${hi/2}px);
|
|
5271
5276
|
}
|
|
5272
5277
|
|
|
5273
5278
|
.color {
|
|
5274
5279
|
user-select: none;
|
|
5275
5280
|
position: absolute;
|
|
5276
5281
|
inset-inline: 0;
|
|
5277
|
-
height: ${
|
|
5282
|
+
height: ${hi}px;
|
|
5278
5283
|
top: 50%;
|
|
5279
5284
|
transform: translateY(0);
|
|
5280
5285
|
background-color: var(--color-interactive);
|
|
@@ -5299,7 +5304,7 @@
|
|
|
5299
5304
|
|
|
5300
5305
|
/** Steps */
|
|
5301
5306
|
.step-wrapper {
|
|
5302
|
-
margin: 0 ${-1*
|
|
5307
|
+
margin: 0 ${-1*Fe}px;
|
|
5303
5308
|
height: 11px;
|
|
5304
5309
|
position: absolute;
|
|
5305
5310
|
left: 0;
|
|
@@ -5342,7 +5347,7 @@
|
|
|
5342
5347
|
|
|
5343
5348
|
.step-values {
|
|
5344
5349
|
box-sizing: border-box;
|
|
5345
|
-
margin: 0 ${
|
|
5350
|
+
margin: 0 ${Fe}px; /* Match TRACK_MARGIN */
|
|
5346
5351
|
display: flex;
|
|
5347
5352
|
justify-content: space-between;
|
|
5348
5353
|
font-size: var(--uui-type-small-size,12px);
|
|
@@ -5424,7 +5429,7 @@
|
|
|
5424
5429
|
pointer-events: all;
|
|
5425
5430
|
cursor: grab;
|
|
5426
5431
|
position: relative;
|
|
5427
|
-
z-index: ${
|
|
5432
|
+
z-index: ${ls.TOP};
|
|
5428
5433
|
width: ${eo}px;
|
|
5429
5434
|
height: ${eo}px;
|
|
5430
5435
|
border-radius: 24px;
|
|
@@ -5470,7 +5475,7 @@
|
|
|
5470
5475
|
pointer-events: all;
|
|
5471
5476
|
cursor: grab;
|
|
5472
5477
|
position: relative;
|
|
5473
|
-
z-index: ${
|
|
5478
|
+
z-index: ${ls.TOP};
|
|
5474
5479
|
width: ${eo}px;
|
|
5475
5480
|
height: ${eo}px;
|
|
5476
5481
|
border-radius: 24px;
|
|
@@ -5507,7 +5512,7 @@
|
|
|
5507
5512
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
5508
5513
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
5509
5514
|
}
|
|
5510
|
-
`],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([
|
|
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 Tm=(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 h`<slot></slot>`}},n.UUIRefListElement.styles=[b`
|
|
5511
5516
|
:host {
|
|
5512
5517
|
display: block;
|
|
5513
5518
|
}
|
|
@@ -5523,7 +5528,7 @@
|
|
|
5523
5528
|
right: 0;
|
|
5524
5529
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
5525
5530
|
}
|
|
5526
|
-
`],n.UUIRefListElement=
|
|
5531
|
+
`],n.UUIRefListElement=Tm([p("uui-ref-list")],n.UUIRefListElement);let to=class extends z{static{this.OPEN="open"}};var Nm=Object.defineProperty,Bm=Object.getOwnPropertyDescriptor,ar=(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&&Nm(e,t,o),o};n.UUIRefElement=class extends fo(Bt(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`
|
|
5527
5532
|
:host {
|
|
5528
5533
|
position: relative;
|
|
5529
5534
|
display: flex;
|
|
@@ -5700,7 +5705,7 @@
|
|
|
5700
5705
|
justify-content: flex-end;
|
|
5701
5706
|
align-items: center;
|
|
5702
5707
|
}
|
|
5703
|
-
`],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
|
|
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 Dm=Object.defineProperty,Vm=Object.getOwnPropertyDescriptor,cu=i=>{throw TypeError(i)},st=(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},Hm=(i,e,t)=>e.has(i)||cu("Cannot "+t),jm=(i,e,t)=>e.has(i)?cu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),at=(i,e,t)=>(Hm(i,e,"access private method"),t),Ie,hu,du,lr,pu,bu,mu;n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),jm(this,Ie),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
5704
5709
|
xmlns="http://www.w3.org/2000/svg"
|
|
5705
5710
|
viewBox="0 0 24 24"
|
|
5706
5711
|
fill="none"
|
|
@@ -5714,33 +5719,33 @@
|
|
|
5714
5719
|
</svg>`}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}async focus(){await this.updateComplete,this._openPart?.focus()}renderDetail(){return h`<small id="detail"
|
|
5715
5720
|
>${this.detail}<slot name="detail"></slot
|
|
5716
5721
|
></small>`}render(){return h`
|
|
5717
|
-
${
|
|
5722
|
+
${at(this,Ie,mu).call(this)}
|
|
5718
5723
|
<!-- Select border must be right after #open-part -->
|
|
5719
5724
|
<div id="select-border"></div>
|
|
5720
5725
|
|
|
5721
5726
|
<slot></slot>
|
|
5722
5727
|
<slot name="tag" id="tag-container"></slot>
|
|
5723
5728
|
<slot name="actions" id="actions-container"></slot>
|
|
5724
|
-
`}},Ie=new WeakSet,
|
|
5729
|
+
`}},Ie=new WeakSet,hu=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},du=function(){return h`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},lr=function(){return h`
|
|
5725
5730
|
<span id="content" class="uui-text">
|
|
5726
5731
|
<span id="icon">
|
|
5727
|
-
<slot name="icon" @slotchange=${
|
|
5728
|
-
${this._iconSlotHasContent===!1?
|
|
5732
|
+
<slot name="icon" @slotchange=${at(this,Ie,hu)}></slot>
|
|
5733
|
+
${this._iconSlotHasContent===!1?at(this,Ie,du).call(this):""}
|
|
5729
5734
|
</span>
|
|
5730
5735
|
<div id="info">
|
|
5731
5736
|
<div id="name">${this.name}<slot name="name"></slot></div>
|
|
5732
5737
|
${this.renderDetail()}
|
|
5733
5738
|
</div>
|
|
5734
5739
|
</span>
|
|
5735
|
-
`},
|
|
5740
|
+
`},pu=function(){return h`<a
|
|
5736
5741
|
id="open-part"
|
|
5737
5742
|
class="uui-text"
|
|
5738
5743
|
tabindex=${this.disabled?C:"0"}
|
|
5739
|
-
href=${
|
|
5740
|
-
target=${
|
|
5741
|
-
rel=${
|
|
5742
|
-
${
|
|
5743
|
-
</a>`},
|
|
5744
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
5745
|
+
target=${w(this.target||void 0)}
|
|
5746
|
+
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
5747
|
+
${at(this,Ie,lr).call(this)}
|
|
5748
|
+
</a>`},bu=function(){return h`
|
|
5744
5749
|
<button
|
|
5745
5750
|
type="button"
|
|
5746
5751
|
id="open-part"
|
|
@@ -5749,9 +5754,9 @@
|
|
|
5749
5754
|
@click=${this.handleOpenClick}
|
|
5750
5755
|
@keydown=${this.handleOpenKeydown}
|
|
5751
5756
|
?disabled=${this.disabled}>
|
|
5752
|
-
${
|
|
5757
|
+
${at(this,Ie,lr).call(this)}
|
|
5753
5758
|
</button>
|
|
5754
|
-
`},
|
|
5759
|
+
`},mu=function(){return this.readonly?h`${at(this,Ie,lr).call(this)}`:this.href?at(this,Ie,pu).call(this):at(this,Ie,bu).call(this)},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,b`
|
|
5755
5760
|
:host {
|
|
5756
5761
|
min-width: 250px;
|
|
5757
5762
|
padding: 1px;
|
|
@@ -5838,17 +5843,17 @@
|
|
|
5838
5843
|
:host([disabled]) #detail {
|
|
5839
5844
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5840
5845
|
}
|
|
5841
|
-
`],
|
|
5846
|
+
`],st([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),st([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),st([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),st([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),st([l({type:String})],n.UUIRefNodeElement.prototype,"rel",2),st([S("#open-part")],n.UUIRefNodeElement.prototype,"_openPart",2),st([$()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=st([p("uui-ref-node")],n.UUIRefNodeElement);var Rm=Object.defineProperty,Fm=Object.getOwnPropertyDescriptor,vu=(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&&Rm(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),h`<small id="detail"
|
|
5842
5847
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5843
|
-
></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5848
|
+
></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],vu([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=vu([p("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);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.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),h`<small id="detail"
|
|
5844
5849
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5845
|
-
></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5850
|
+
></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],gu([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=gu([p("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var qm=(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=qm([p("uui-ref-node-form")],n.UUIRefNodeFormElement);var Km=Object.defineProperty,Xm=Object.getOwnPropertyDescriptor,fu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xm(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&&Km(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),h`<small id="detail"
|
|
5846
5851
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5847
|
-
></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5852
|
+
></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],fu([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=fu([p("uui-ref-node-member")],n.UUIRefNodeMemberElement);var Ym=Object.defineProperty,Zm=Object.getOwnPropertyDescriptor,cs=(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.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),h`<small id="detail"
|
|
5848
5853
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5849
|
-
></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5854
|
+
></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],cs([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),cs([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=cs([p("uui-ref-node-package")],n.UUIRefNodePackageElement);var Jm=Object.defineProperty,Qm=Object.getOwnPropertyDescriptor,yu=(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.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),h`<small id="detail"
|
|
5850
5855
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5851
|
-
></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],
|
|
5856
|
+
></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],yu([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=yu([p("uui-ref-node-user")],n.UUIRefNodeUserElement);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.UUIScrollContainerElement=class extends g{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return h`<slot></slot>`}},n.UUIScrollContainerElement.styles=[b`
|
|
5852
5857
|
:host {
|
|
5853
5858
|
display: block;
|
|
5854
5859
|
scrollbar-width: thin;
|
|
@@ -5874,7 +5879,7 @@
|
|
|
5874
5879
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5875
5880
|
border-radius: 3px;
|
|
5876
5881
|
}
|
|
5877
|
-
`],
|
|
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 h`<option
|
|
5878
5883
|
value="${t}"
|
|
5879
5884
|
?selected=${r}
|
|
5880
5885
|
?disabled=${o}>
|
|
@@ -5973,7 +5978,7 @@
|
|
|
5973
5978
|
71
|
|
5974
5979
|
));
|
|
5975
5980
|
}
|
|
5976
|
-
`],ge([l({type:String})],n.UUISelectElement.prototype,"label",2),ge([l()],n.UUISelectElement.prototype,"placeholder",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"readonly",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ge([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ge([
|
|
5981
|
+
`],ge([l({type:String})],n.UUISelectElement.prototype,"label",2),ge([l()],n.UUISelectElement.prototype,"placeholder",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"readonly",2),ge([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ge([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ge([$()],n.UUISelectElement.prototype,"_groups",2),ge([l()],n.UUISelectElement.prototype,"disabledGroups",2),ge([$()],n.UUISelectElement.prototype,"_disabledGroups",2),ge([S("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=ge([p("uui-select")],n.UUISelectElement);const rv=b`
|
|
5977
5982
|
input[type='range'] {
|
|
5978
5983
|
left: 0;
|
|
5979
5984
|
position: absolute;
|
|
@@ -6080,12 +6085,12 @@
|
|
|
6080
6085
|
input[type='range']:focus::-ms-fill-upper {
|
|
6081
6086
|
background: transparent;
|
|
6082
6087
|
}
|
|
6083
|
-
`;let io=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var
|
|
6084
|
-
${this._steps.map(e=>{if(this._stepWidth>=
|
|
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)},X=(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},ds=(i,e,t)=>e.has(i)||$u("Cannot "+t),_u=(i,e,t)=>(ds(i,e,"read from private field"),t?t.call(i):e.get(i)),ps=(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)=>(ds(i,e,"write to private field"),e.set(i,t),t),av=(i,e,t)=>(ds(i,e,"access private method"),t),ur,cr,bs,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(),ps(this,bs),ps(this,ur,0),this.hideStepValues=!1,this.hideValueLabel=!1,this.min=0,this.max=100,ps(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,bs,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
|
+
${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``})}
|
|
6085
6090
|
`}renderStepValues(){return this.hideStepValues?C:h`<div id="step-values">
|
|
6086
6091
|
${this._steps.map(e=>h` <span
|
|
6087
6092
|
><span>
|
|
6088
|
-
${this._steps.length<=20&&this._stepWidth>=
|
|
6093
|
+
${this._steps.length<=20&&this._stepWidth>=Eu?e.toFixed(uv(this.step)):C}
|
|
6089
6094
|
</span></span
|
|
6090
6095
|
>`)}
|
|
6091
6096
|
</div>`}render(){return h`
|
|
@@ -6108,13 +6113,13 @@
|
|
|
6108
6113
|
</svg>
|
|
6109
6114
|
|
|
6110
6115
|
<div id="track-inner" aria-hidden="true">
|
|
6111
|
-
<div id="thumb" style=${
|
|
6116
|
+
<div id="thumb" style=${Be({left:this._sliderPosition})}>
|
|
6112
6117
|
${this.hideValueLabel?null:h`<div id="thumb-label">${this.value}</div>`}
|
|
6113
6118
|
</div>
|
|
6114
6119
|
</div>
|
|
6115
6120
|
</div>
|
|
6116
6121
|
${this.renderStepValues()}
|
|
6117
|
-
`}},ur=new WeakMap,cr=new WeakMap,
|
|
6122
|
+
`}},ur=new WeakMap,cr=new WeakMap,bs=new WeakSet,ku=function(i){i.key=="Enter"&&this.submit()},n.UUISliderElement.formAssociated=!0,n.UUISliderElement.styles=[Bh,rv,b`
|
|
6118
6123
|
:host {
|
|
6119
6124
|
display: inline-block;
|
|
6120
6125
|
width: 100%;
|
|
@@ -6275,7 +6280,7 @@
|
|
|
6275
6280
|
:host([readonly]) #thumb-label {
|
|
6276
6281
|
opacity: 1;
|
|
6277
6282
|
}
|
|
6278
|
-
`],X([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),X([l({type:Boolean,attribute:"hide-value-label"})],n.UUISliderElement.prototype,"hideValueLabel",2),X([l({type:Number})],n.UUISliderElement.prototype,"min",2),X([l({type:Number})],n.UUISliderElement.prototype,"max",2),X([l({type:Number})],n.UUISliderElement.prototype,"step",1),X([l({type:String})],n.UUISliderElement.prototype,"value",1),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"readonly",2),X([l({type:String})],n.UUISliderElement.prototype,"label",2),X([S("#input")],n.UUISliderElement.prototype,"_input",2),X([S("#track")],n.UUISliderElement.prototype,"_track",2),X([
|
|
6283
|
+
`],X([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),X([l({type:Boolean,attribute:"hide-value-label"})],n.UUISliderElement.prototype,"hideValueLabel",2),X([l({type:Number})],n.UUISliderElement.prototype,"min",2),X([l({type:Number})],n.UUISliderElement.prototype,"max",2),X([l({type:Number})],n.UUISliderElement.prototype,"step",1),X([l({type:String})],n.UUISliderElement.prototype,"value",1),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"readonly",2),X([l({type:String})],n.UUISliderElement.prototype,"label",2),X([S("#input")],n.UUISliderElement.prototype,"_input",2),X([S("#track")],n.UUISliderElement.prototype,"_track",2),X([$()],n.UUISliderElement.prototype,"_stepWidth",2),X([$()],n.UUISliderElement.prototype,"_steps",2),X([$()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=X([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 h`<svg
|
|
6279
6284
|
xmlns="http://www.w3.org/2000/svg"
|
|
6280
6285
|
viewBox="0 0 24 24"
|
|
6281
6286
|
fill="none"
|
|
@@ -6302,9 +6307,9 @@
|
|
|
6302
6307
|
:host([open]) svg {
|
|
6303
6308
|
transform: rotate(0deg);
|
|
6304
6309
|
}
|
|
6305
|
-
`],
|
|
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,ms=(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?h`<img src=${this.src} alt=${this.alt} />`:h`<uui-icon
|
|
6306
6311
|
name="picture"
|
|
6307
|
-
.fallback=${
|
|
6312
|
+
.fallback=${Hh.strings[0]}></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`
|
|
6308
6313
|
:host {
|
|
6309
6314
|
display: block;
|
|
6310
6315
|
width: 100%;
|
|
@@ -6327,7 +6332,7 @@
|
|
|
6327
6332
|
color: var(--uui-color-surface,#fff);
|
|
6328
6333
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
6329
6334
|
}
|
|
6330
|
-
`],
|
|
6335
|
+
`],ms([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),ms([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=ms([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 h`
|
|
6331
6336
|
<svg
|
|
6332
6337
|
xmlns="http://www.w3.org/2000/svg"
|
|
6333
6338
|
viewBox="0 0 24 24"
|
|
@@ -6344,7 +6349,7 @@
|
|
|
6344
6349
|
${this.type?h`<small id="file-type" class="uui-small"
|
|
6345
6350
|
>${this.type.toUpperCase()}</small
|
|
6346
6351
|
>`:""}
|
|
6347
|
-
`}},n.UUISymbolFileElement.styles=[
|
|
6352
|
+
`}},n.UUISymbolFileElement.styles=[Tt,b`
|
|
6348
6353
|
:host {
|
|
6349
6354
|
position: relative;
|
|
6350
6355
|
display: block;
|
|
@@ -6370,7 +6375,7 @@
|
|
|
6370
6375
|
width: 100%;
|
|
6371
6376
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6372
6377
|
}
|
|
6373
|
-
`],
|
|
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 h`<svg
|
|
6374
6379
|
xmlns="http://www.w3.org/2000/svg"
|
|
6375
6380
|
viewBox="0 0 24 24"
|
|
6376
6381
|
fill="none"
|
|
@@ -6392,7 +6397,7 @@
|
|
|
6392
6397
|
width: 100%;
|
|
6393
6398
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6394
6399
|
}
|
|
6395
|
-
`],n.UUISymbolFolderElement=
|
|
6400
|
+
`],n.UUISymbolFolderElement=vv([p("uui-symbol-folder")],n.UUISymbolFolderElement);var gv=Object.defineProperty,fv=Object.getOwnPropertyDescriptor,Cu=(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&&gv(e,t,o),o};n.UUISymbolLockElement=class extends g{constructor(){super(...arguments),this.open=!1}render(){return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
6396
6401
|
${this.open===!0?f`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:f`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}
|
|
6397
6402
|
</svg>`}},n.UUISymbolLockElement.styles=[b`
|
|
6398
6403
|
:host {
|
|
@@ -6404,7 +6409,7 @@
|
|
|
6404
6409
|
svg {
|
|
6405
6410
|
fill: currentColor;
|
|
6406
6411
|
}
|
|
6407
|
-
`],
|
|
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 h` <svg
|
|
6408
6413
|
id="up"
|
|
6409
6414
|
xmlns="http://www.w3.org/2000/svg"
|
|
6410
6415
|
width="24"
|
|
@@ -6488,7 +6493,7 @@
|
|
|
6488
6493
|
:host([active][descending]) #down {
|
|
6489
6494
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
6490
6495
|
}
|
|
6491
|
-
`],
|
|
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 h`<slot></slot>`}},n.UUITableElement.styles=[b`
|
|
6492
6497
|
:host {
|
|
6493
6498
|
display: table;
|
|
6494
6499
|
width: 100%;
|
|
@@ -6496,7 +6501,7 @@
|
|
|
6496
6501
|
background-color: var(--uui-color-surface,#fff);
|
|
6497
6502
|
cursor: default;
|
|
6498
6503
|
}
|
|
6499
|
-
`],n.UUITableElement
|
|
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 h` <slot @slotchange=${this._detectOverflow}></slot>`}},n.UUITableCellElement.styles=[b`
|
|
6500
6505
|
:host {
|
|
6501
6506
|
position: relative;
|
|
6502
6507
|
display: table-cell;
|
|
@@ -6530,20 +6535,20 @@
|
|
|
6530
6535
|
:host([no-padding]) {
|
|
6531
6536
|
padding: 0;
|
|
6532
6537
|
}
|
|
6533
|
-
`],hr([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),hr([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),hr([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=hr([p("uui-table-cell")],n.UUITableCellElement);var
|
|
6538
|
+
`],hr([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),hr([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),hr([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=hr([p("uui-table-cell")],n.UUITableCellElement);var kv=(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.UUITableColumnElement=class extends g{},n.UUITableColumnElement.styles=[b`
|
|
6534
6539
|
:host {
|
|
6535
6540
|
display: table-column;
|
|
6536
6541
|
}
|
|
6537
|
-
`],n.UUITableColumnElement=
|
|
6542
|
+
`],n.UUITableColumnElement=kv([p("uui-table-column")],n.UUITableColumnElement);var Ev=(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.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,b`
|
|
6538
6543
|
:host {
|
|
6539
6544
|
border-top: none;
|
|
6540
6545
|
}
|
|
6541
|
-
`],n.UUITableHeadCellElement
|
|
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 h`<slot></slot>`}},n.UUITableHeadElement.styles=[b`
|
|
6542
6547
|
:host {
|
|
6543
6548
|
display: table-header-group;
|
|
6544
6549
|
font-weight: bold;
|
|
6545
6550
|
}
|
|
6546
|
-
`],n.UUITableHeadElement=
|
|
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(Bt(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 h` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}},n.UUITableRowElement.styles=[b`
|
|
6547
6552
|
:host {
|
|
6548
6553
|
display: table-row;
|
|
6549
6554
|
position: relative;
|
|
@@ -6566,12 +6571,12 @@
|
|
|
6566
6571
|
:host([selected]:focus) {
|
|
6567
6572
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
6568
6573
|
}
|
|
6569
|
-
`],
|
|
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,di=(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?h`
|
|
6570
6575
|
<a
|
|
6571
6576
|
id="button"
|
|
6572
|
-
href=${
|
|
6573
|
-
target=${
|
|
6574
|
-
rel=${
|
|
6577
|
+
href=${w(this.disabled?void 0:this.href)}
|
|
6578
|
+
target=${w(this.target||void 0)}
|
|
6579
|
+
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
6575
6580
|
role="tab">
|
|
6576
6581
|
<slot name="icon"></slot>
|
|
6577
6582
|
${this.renderLabel()}
|
|
@@ -6717,10 +6722,10 @@
|
|
|
6717
6722
|
:host([orientation='vertical']) slot.label {
|
|
6718
6723
|
text-align: left;
|
|
6719
6724
|
}
|
|
6720
|
-
`],
|
|
6725
|
+
`],di([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),di([l({type:String})],n.UUITabElement.prototype,"href",2),di([l({type:String})],n.UUITabElement.prototype,"target",2),di([l({type:String})],n.UUITabElement.prototype,"rel",2),di([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=di([p("uui-tab")],n.UUITabElement);var Pv=Object.defineProperty,zv=Object.getOwnPropertyDescriptor,Pu=i=>{throw TypeError(i)},pi=(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},vs=(i,e,t)=>e.has(i)||Pu("Cannot "+t),P=(i,e,t)=>(vs(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)=>(vs(i,e,"write to private field"),e.set(i,t),t),te=(i,e,t)=>(vs(i,e,"access private method"),t),dr,Se,Ge,bi,mi,pr,no,so,Y,zu,Ou,gs,Lu,vi,br,Mu,fs,ys;n.UUITabGroupElement=class extends g{constructor(){super(...arguments),Ce(this,Y),Ce(this,dr,0),this.dropdownContentDirection="vertical",Ce(this,Se,[]),Ce(this,Ge,[]),Ce(this,bi,new Map),Ce(this,mi,[]),Ce(this,pr,new ResizeObserver(te(this,Y,Ou).bind(this))),Ce(this,no,[]),Ce(this,so,!1),Ce(this,vi,e=>{const t=e.currentTarget;if(te(this,Y,ys).call(this,t)){t.active=!0;const r=P(this,bi).get(t);r&&(r.active=!0),[...P(this,Se),...P(this,Ge)].filter(o=>o!==t&&o!==r).forEach(o=>{te(this,Y,ys).call(this,o)&&(o.active=!1)}),P(this,Ge).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),te(this,Y,zu).call(this)}disconnectedCallback(){super.disconnectedCallback(),P(this,pr).unobserve(this),te(this,Y,gs).call(this)}render(){return h`
|
|
6721
6726
|
<div id="main">
|
|
6722
6727
|
<div id="grid" role="tablist">
|
|
6723
|
-
<slot @slotchange=${te(this,Y,
|
|
6728
|
+
<slot @slotchange=${te(this,Y,Lu)}></slot>
|
|
6724
6729
|
</div>
|
|
6725
6730
|
<uui-button
|
|
6726
6731
|
popovertarget="popover-container"
|
|
@@ -6736,10 +6741,10 @@
|
|
|
6736
6741
|
popover
|
|
6737
6742
|
placement="bottom-end">
|
|
6738
6743
|
<div id="hidden-tabs-container" role="tablist">
|
|
6739
|
-
${wo(P(this,
|
|
6744
|
+
${wo(P(this,Ge),e=>h`${e}`)}
|
|
6740
6745
|
</div>
|
|
6741
6746
|
</uui-popover-container>
|
|
6742
|
-
`}},dr=new WeakMap,Se=new WeakMap,
|
|
6747
|
+
`}},dr=new WeakMap,Se=new WeakMap,Ge=new WeakMap,bi=new WeakMap,mi=new WeakMap,pr=new WeakMap,no=new WeakMap,so=new WeakMap,Y=new WeakSet,zu=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,P(this,pr).observe(this._mainElement)},Ou=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==P(this,dr)?te(this,Y,br).call(this):te(this,Y,fs).call(this,i[0].contentBoxSize[0].inlineSize)},gs=function(){P(this,Se).forEach(i=>{i.removeEventListener("click",P(this,vi)),P(this,no).forEach(e=>e.disconnect())}),P(this,no).length=0,P(this,mi).length=0},Lu=function(){te(this,Y,gs).call(this),te(this,Y,Mu).call(this),P(this,Se).forEach(i=>{i.addEventListener("click",P(this,vi));const e=new ResizeObserver(te(this,Y,br).bind(this));e.observe(i),P(this,no).push(e)})},vi=new WeakMap,br=async function(){if(P(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<P(this,Se).length;o++)P(this,Se)[o].style.display="",t+=P(this,Se)[o].offsetWidth,P(this,mi)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",te(this,Y,fs).call(this,this._mainElement.offsetWidth)},Mu=function(){ro(this,Se,this._slottedNodes?this._slottedNodes:[]),te(this,Y,br).call(this)},fs=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);P(this,Ge).forEach(s=>{s.removeEventListener("click",P(this,vi))}),ro(this,Ge,[]),P(this,bi).clear();let r=!1;const o=P(this,mi).length;for(let s=0;s<o;s++){const a=P(this,mi)[s],u=P(this,Se)[s];if(a<=(s===o-1?i:t))u.style.display="";else{const c=u.cloneNode(!0);c.addEventListener("click",P(this,vi)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,P(this,bi).set(c,u),P(this,bi).set(u,c),P(this,Ge).push(c),u.style.display="none",u.active&&(r=!0)}}P(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()},ys=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[b`
|
|
6743
6748
|
:host {
|
|
6744
6749
|
min-width: 0;
|
|
6745
6750
|
display: flex;
|
|
@@ -6827,7 +6832,7 @@
|
|
|
6827
6832
|
opacity 120ms,
|
|
6828
6833
|
height ease-out 120ms;
|
|
6829
6834
|
}
|
|
6830
|
-
`],
|
|
6835
|
+
`],pi([S("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),pi([S("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),pi([S("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),pi([Pe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),pi([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=pi([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 h`<slot></slot>`}},n.UUITagElement.styles=[b`
|
|
6831
6836
|
:host {
|
|
6832
6837
|
display: inline-block;
|
|
6833
6838
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -6917,14 +6922,14 @@
|
|
|
6917
6922
|
color: var(--color-standalone);
|
|
6918
6923
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6919
6924
|
}
|
|
6920
|
-
`],
|
|
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,K=(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 h`
|
|
6921
6926
|
<textarea
|
|
6922
6927
|
id="textarea"
|
|
6923
|
-
rows=${
|
|
6924
|
-
cols=${
|
|
6928
|
+
rows=${w(this.rows)}
|
|
6929
|
+
cols=${w(this.cols)}
|
|
6925
6930
|
.value=${String(this.value)}
|
|
6926
6931
|
.name=${this.name}
|
|
6927
|
-
wrap=${
|
|
6932
|
+
wrap=${w(this.wrap)}
|
|
6928
6933
|
placeholder=${this.placeholder}
|
|
6929
6934
|
aria-label=${this.label}
|
|
6930
6935
|
.disabled=${this.disabled}
|
|
@@ -7017,7 +7022,7 @@
|
|
|
7017
7022
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
7018
7023
|
var(--uui-color-focus,#3879ff);
|
|
7019
7024
|
}
|
|
7020
|
-
`],K([l()],n.UUITextareaElement.prototype,"placeholder",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),K([l({type:String})],n.UUITextareaElement.prototype,"name",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),K([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),K([l({attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),K([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),K([l({attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),K([S("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),K([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),K([l({type:String})],n.UUITextareaElement.prototype,"label",2),K([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),K([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),K([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=K([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
|
|
7025
|
+
`],K([l()],n.UUITextareaElement.prototype,"placeholder",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),K([l({type:String})],n.UUITextareaElement.prototype,"name",2),K([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),K([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),K([l({attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),K([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),K([l({attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),K([S("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),K([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),K([l({type:String})],n.UUITextareaElement.prototype,"label",2),K([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),K([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),K([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=K([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 h`
|
|
7021
7026
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
7022
7027
|
<div>
|
|
7023
7028
|
<div id="close">
|
|
@@ -7028,13 +7033,13 @@
|
|
|
7028
7033
|
@click=${()=>this.open=!1}>
|
|
7029
7034
|
<uui-icon
|
|
7030
7035
|
name="remove"
|
|
7031
|
-
.fallback=${
|
|
7036
|
+
.fallback=${Rr.strings[0]}></uui-icon>
|
|
7032
7037
|
</uui-button>
|
|
7033
7038
|
</div>
|
|
7034
7039
|
<slot></slot>
|
|
7035
7040
|
</div>
|
|
7036
7041
|
</div>
|
|
7037
|
-
`}},n.UUIToastNotificationElement.styles=[
|
|
7042
|
+
`}},n.UUIToastNotificationElement.styles=[Tt,b`
|
|
7038
7043
|
:host {
|
|
7039
7044
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
7040
7045
|
|
|
@@ -7151,7 +7156,7 @@
|
|
|
7151
7156
|
71
|
|
7152
7157
|
));
|
|
7153
7158
|
}
|
|
7154
|
-
`],
|
|
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 h` <slot @slotchange=${this.onSlotChanged}></slot> `}},n.UUIToastNotificationContainerElement.styles=[b`
|
|
7155
7160
|
:host {
|
|
7156
7161
|
position: absolute;
|
|
7157
7162
|
overflow: hidden;
|
|
@@ -7179,7 +7184,7 @@
|
|
|
7179
7184
|
:host([left-align]) slot {
|
|
7180
7185
|
align-items: start;
|
|
7181
7186
|
}
|
|
7182
|
-
`],
|
|
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 h`
|
|
7183
7188
|
<div id="message" class="uui-text">
|
|
7184
7189
|
<h5
|
|
7185
7190
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -7189,7 +7194,7 @@
|
|
|
7189
7194
|
<slot></slot>
|
|
7190
7195
|
<slot id="actions" name="actions"></slot>
|
|
7191
7196
|
</div>
|
|
7192
|
-
`}},n.UUIToastNotificationLayoutElement.styles=[
|
|
7197
|
+
`}},n.UUIToastNotificationLayoutElement.styles=[Tt,b`
|
|
7193
7198
|
#message {
|
|
7194
7199
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
7195
7200
|
}
|
|
@@ -7210,10 +7215,10 @@
|
|
|
7210
7215
|
margin-top: var(--uui-size-space-4,12px);
|
|
7211
7216
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
7212
7217
|
}
|
|
7213
|
-
`]
|
|
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 h`
|
|
7214
7219
|
<div id="toggle">
|
|
7215
7220
|
<div id="icon-checked">${Uo}</div>
|
|
7216
|
-
<div id="icon-unchecked">${
|
|
7221
|
+
<div id="icon-unchecked">${Rr}</div>
|
|
7217
7222
|
</div>
|
|
7218
7223
|
`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...ce.styles,$o,b`
|
|
7219
7224
|
:host {
|
|
@@ -7379,7 +7384,7 @@
|
|
|
7379
7384
|
71
|
|
7380
7385
|
));
|
|
7381
7386
|
}
|
|
7382
|
-
`],n.UUIToggleElement=
|
|
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 h`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[b`
|
|
7383
7388
|
:host(:not(:focus-within)) {
|
|
7384
7389
|
position: absolute !important;
|
|
7385
7390
|
width: 1px !important;
|
|
@@ -7391,5 +7396,5 @@
|
|
|
7391
7396
|
white-space: nowrap !important;
|
|
7392
7397
|
padding: 0 !important;
|
|
7393
7398
|
}
|
|
7394
|
-
`],n.UUIVisuallyHiddenElement=
|
|
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=Vr,n.UUIButtonInlineCreateEvent=on,n.UUICardEvent=Mi,n.UUIColorAreaEvent=vn,n.UUIColorPickerChangeEvent=Vi,n.UUIColorSliderEvent=En,n.UUIColorSwatchesEvent=Ri,n.UUIComboboxEvent=ve,n.UUIComboboxListEvent=me,n.UUICopyTextEvent=Oi,n.UUIEvent=Br,n.UUIFileDropzoneEvent=Re,n.UUIFormControlEvent=bt,n.UUIFormControlMixin=Bc,n.UUIHorizontalPulseAnimationValue=wc,n.UUIHorizontalPulseKeyframes=yc,n.UUIHorizontalShakeAnimationValue=_c,n.UUIHorizontalShakeKeyframes=$c,n.UUIIconHost=Tn,n.UUIIconRegistry=Nn,n.UUIIconRegistryEssential=Nl,n.UUIIconRequestEvent=qi,n.UUIInputEvent=Ki,n.UUIInputLockEvent=Dn,n.UUIInterfaceColorValues=Zc,n.UUIInterfaceHeadingValues=Jc,n.UUIInterfaceLookValues=Yc,n.UUIMenuItemEvent=ri,n.UUIModalCloseEndEvent=Gl,n.UUIModalCloseEvent=si,n.UUIModalElement=ue,n.UUIModalOpenEvent=Fl,n.UUIPaginationEvent=kt,n.UUIRadioEvent=Ji,n.UUIRadioGroupEvent=Zn,n.UUIRefEvent=to,n.UUISelectEvent=hs,n.UUISelectableEvent=Ei,n.UUISliderEvent=io,n.UUITabEvent=Ov,n.UUITabGroupEvent=Lv,n.UUITextStyles=Tt,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}));
|
|
7395
7400
|
//# sourceMappingURL=uui.min.js.map
|