@umbraco-ui/uui 1.17.1 → 1.17.2
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 +190 -190
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
package/dist/uui.min.js
CHANGED
|
@@ -6,19 +6,19 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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),
|
|
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),c=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]=c.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
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
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
|
|
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 c=0;c<t;c++){const h=i[c];let d,m,v=-1,y=0;for(;y<h.length&&(a.lastIndex=y,m=a.exec(h),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[c+1].startsWith("/>")?" ":"";s+=a===$i?h+Fu:v>=0?(r.push(d),h.slice(0,v)+Er+h.slice(v)+Ye+U):h+Ye+(v===-2?(r.push(void 0),c):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 c=e.length-1,h=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&&h.length<c;){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);h.push({type:1,index:s,name:A[2],strings:I,ctor:A[1]==="."?Yu:A[1]==="?"?Ju:A[1]==="@"?Qu:ho})}else h.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(),h.push({type:2,index:++s});o.append(v[y],co())}}}else if(o.nodeType===8)if(o.data===Ps)h.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Ye,v+1))!==-1;)h.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,c;if(e===Q)return e;let h=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 h?.constructor!==d&&((s=h?._$AO)===null||s===void 0||s.call(h,!1),d===void 0?h=void 0:(h=new d(i),h._$AT(i,t,r)),r!==void 0?((a=(c=t)._$Co)!==null&&a!==void 0?a:c._$Co=[])[r]=h:t._$Cl=h),h!==void 0&&(e=zt(i,h._$AS(i,e.values),h,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(),c=0,h=0,d=o[0];for(;d!==void 0;){if(c===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[++h]}c!==d?.index&&(a=ct.nextNode(),c++)}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),c=a.u(this.options);a.v(r),this.$(c),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 c=e;let h,d;for(e=s[0],h=0;h<s.length-1;h++)d=zt(this,c[r+h],t,h),d===Q&&(d=this._$AH[h]),a||(a=!wi(d)||d!==this._$AH[h]),d===T?e=T:e!==T&&(e+=(d??"")+s[h+1]),this._$AH[h]=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
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
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}),
|
|
21
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=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 c=0;c<t;c++){const h=i[c];let d,m,v=-1,y=0;for(;y<h.length&&(a.lastIndex=y,m=a.exec(h),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[c+1].startsWith("/>")?" ":"";s+=a===ki?h+ic:v>=0?(r.push(d),h.slice(0,v)+Ar+h.slice(v)+Ze+U):h+Ze+(v===-2?(r.push(void 0),c):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 c=e.length-1,h=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&&h.length<c;){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);h.push({type:1,index:s,name:A[2],strings:I,ctor:A[1]==="."?sc:A[1]==="?"?lc:A[1]==="@"?uc:bo})}else h.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(),h.push({type:2,index:++s});o.append(v[y],_i())}}}else if(o.nodeType===8)if(o.data===js)h.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Ze,v+1))!==-1;)h.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,c;if(e===Lt)return e;let h=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 h?.constructor!==d&&((s=h?._$AO)===null||s===void 0||s.call(h,!1),d===void 0?h=void 0:(h=new d(i),h._$AT(i,t,r)),r!==void 0?((a=(c=t)._$Co)!==null&&a!==void 0?a:c._$Co=[])[r]=h:t._$Cl=h),h!==void 0&&(e=Mt(i,h._$AS(i,e.values),h,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(),c=0,h=0,d=o[0];for(;d!==void 0;){if(c===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[++h]}c!==d?.index&&(a=pt.nextNode(),c++)}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),c=a.u(this.options);a.v(r),this.$(c),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 c=e;let h,d;for(e=s[0],h=0;h<s.length-1;h++)d=Mt(this,c[r+h],t,h),d===Lt&&(d=this._$AH[h]),a||(a=!Ui(d)||d!==this._$AH[h]),d===C?e=C:e!==C&&(e+=(d??"")+s[h+1]),this._$AH[h]=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 c=(o=t?.renderBefore)!==null&&o!==void 0?o:null;s._$litPart$=a=new Or(e.insertBefore(_i(),c),c,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
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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(
|
|
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(c){i(c,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
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
* @license
|
|
47
47
|
* Copyright 2021 Google LLC
|
|
48
48
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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),
|
|
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),c=a!=null?mc(a,i):[];return t?c.filter((h=>h.matches(t))):c},enumerable:!0,configurable:!0})})}var vc=`.uui-h1,
|
|
50
50
|
.uui-h2,
|
|
51
51
|
.uui-h3,
|
|
52
52
|
.uui-h4,
|
|
@@ -296,14 +296,14 @@
|
|
|
296
296
|
transform: translateX(2px);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
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
|
|
300
|
-
${this._labelSlotHasContent===!1?
|
|
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 u`
|
|
300
|
+
${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}
|
|
301
301
|
<slot
|
|
302
302
|
class="label"
|
|
303
303
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
304
304
|
name=${i||""}
|
|
305
305
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
306
|
-
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cc(e,t,o),o};const Ac=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const 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`
|
|
306
|
+
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cc(e,t,o),o};const Ac=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const c=a.tagName;return c==="A"||c==="BUTTON"||c==="INPUT"||c==="TEXTAREA"||c==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new Ei(Ei.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new Ei(Ei.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ta([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ta([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Pc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Oc=(i,e,t,r)=>{for(var o=zc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Pc(e,t,o),o};const Lc=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Oc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Mc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,mt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Mc(e,t,o),o};const Nc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Bc=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const s=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",s)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(s=>s.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,s,a){const c={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Nc.indexOf(o)};return this.#r.push(c),this.#r.sort((h,d)=>h.weight>d.weight?1:d.weight>h.weight?-1:0),c}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(bt.INVALID,()=>{this._runValidators()}),o.addEventListener(bt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,s;this.#r.some(c=>c.checkMethod()?(this.#e[c.flagKey]=!0,o=c.getMessageMethod(),!0):!1),o||this.#o.some(c=>{let h;for(h in c.validity)if(h!=="valid"&&c.validity[h])return this.#e[h]=!0,o=c.validationMessage,s??=c,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new bt(bt.VALID)):this.dispatchEvent(new bt(bt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return mt([l({type:String})],t.prototype,"name",2),mt([l()],t.prototype,"value",1),mt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),mt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),mt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),mt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),mt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let ia=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const Dc=ia,Vc=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},Hc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-c,v=d.pageY-h;e?.onMove&&e.onMove(m,v)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},jc=(i,e,t)=>Math.min(Math.max(i,e),t),Rc=(i,e,t)=>t+e-i,Fc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},oa=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Gc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var Wc=Object.defineProperty,qc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Wc(e,t,o),o};const Kc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=oa(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return qc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Xc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Yc=["default","primary","secondary","outline","placeholder"],Zc=["default","positive","warning","danger","invalid"],Jc=["h1","h2","h3","h4","h5","h6"];var Qc="1.17.2";const ra=Qc;globalThis.__uuiVersions??=[],globalThis.__uuiVersions.push(ra);const Dr=globalThis.__uuiVersions;if(Dr.length>1){const i=[...new Set(Dr)];i.length>1?console.warn(`Multiple versions of Umbraco UI detected: ${i.join(", ")}. This is not supported and may cause issues.`):console.warn(`Multiple instances of Umbraco UI v${Dr[0]} loaded. This may indicate duplicate bundles.`)}function p(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var eh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends g{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[b`
|
|
307
307
|
:host {
|
|
308
308
|
display: inline-flex;
|
|
309
309
|
align-items: stretch;
|
|
@@ -375,9 +375,9 @@
|
|
|
375
375
|
--uui-button-padding-left-factor: 1.5;
|
|
376
376
|
--uui-button-padding-right-factor: 1.5;
|
|
377
377
|
}
|
|
378
|
-
`],n.UUIActionBarElement=th([p("uui-action-bar")],n.UUIActionBarElement);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?oh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ih(e,t,o),o};n.UUIAvatarGroupElement=class extends g{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return
|
|
378
|
+
`],n.UUIActionBarElement=th([p("uui-action-bar")],n.UUIActionBarElement);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?oh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ih(e,t,o),o};n.UUIAvatarGroupElement=class extends g{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`
|
|
379
379
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
380
|
-
${this._isLimitExceeded()?
|
|
380
|
+
${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
381
381
|
`}},n.UUIAvatarGroupElement.styles=[b`
|
|
382
382
|
:host {
|
|
383
383
|
display: inline-flex;
|
|
@@ -395,11 +395,11 @@
|
|
|
395
395
|
#overflow-indication {
|
|
396
396
|
margin-left: 6px;
|
|
397
397
|
}
|
|
398
|
-
`],mo([Pe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),mo([$()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),mo([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=mo([p("uui-avatar-group")],n.UUIAvatarGroupElement);var rh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,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
|
|
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 u` <img
|
|
399
399
|
src="${this.imgSrc}"
|
|
400
400
|
srcset="${this.imgSrcset}"
|
|
401
401
|
alt="${this._initials}"
|
|
402
|
-
title="${this.name}" />`}render(){return
|
|
402
|
+
title="${this.name}" />`}render(){return u`
|
|
403
403
|
${this.imgSrc?this.renderImage():""}
|
|
404
404
|
${this.imgSrc?"":this._initials}
|
|
405
405
|
<slot></slot>
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
overflow: hidden;
|
|
435
435
|
border-radius: 50%;
|
|
436
436
|
}
|
|
437
|
-
`],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
|
|
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 u` <slot></slot> `}},n.UUIBadgeElement.styles=[b`
|
|
438
438
|
:host {
|
|
439
439
|
position: var(--uui-badge-position, absolute);
|
|
440
440
|
display: flex;
|
|
@@ -565,18 +565,18 @@
|
|
|
565
565
|
animation: none;
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
-
`],vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),vo([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=vo([p("uui-badge")],n.UUIBadgeElement);var lh=Object.defineProperty,uh=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&lh(e,t,o),o};const xi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return uh([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var ch=Object.defineProperty,na=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&ch(e,t,o),o};const ye=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return
|
|
569
|
-
${this._labelSlotHasContent===!1?
|
|
568
|
+
`],vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),vo([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),vo([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=vo([p("uui-badge")],n.UUIBadgeElement);var lh=Object.defineProperty,uh=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&lh(e,t,o),o};const xi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return uh([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var ch=Object.defineProperty,na=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&ch(e,t,o),o};const ye=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`
|
|
569
|
+
${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}
|
|
570
570
|
<slot
|
|
571
571
|
class="label"
|
|
572
572
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
573
573
|
name=${i||""}
|
|
574
574
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
575
|
-
`}}return na([l({type:String})],t.prototype,"label"),na([$()],t.prototype,"_labelSlotHasContent"),t};let hh=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},go=class extends hh{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,sa=(i,e,t,r)=>{for(var o=r>1?void 0:r?ph(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&dh(e,t,o),o};const 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
|
|
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 c=a.tagName;return c==="A"||c==="BUTTON"||c==="INPUT"||c==="TEXTAREA"||c==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new 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 c={flagKey:o,getMessageMethod:s,checkMethod:a,weight:yh.indexOf(o)};return this.#r.push(c),this.#r.sort((h,d)=>h.weight>d.weight?1:d.weight>h.weight?-1:0),c}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(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(c=>c.checkMethod()?(this.#e[c.flagKey]=!0,o=c.getMessageMethod(),!0):!1),o||this.#o.some(c=>{let h;for(h in c.validity)if(h!=="valid"&&c.validity[h])return this.#e[h]=!0,o=c.validationMessage,s??=c,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new 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
576
|
* @license
|
|
577
577
|
* Copyright 2018 Google LLC
|
|
578
578
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
579
|
-
*/const w=i=>i??T;let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},yo=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},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
|
|
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 u`
|
|
580
580
|
<label>
|
|
581
581
|
<input
|
|
582
582
|
id="input"
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
* @license
|
|
649
649
|
* Copyright 2020 Google LLC
|
|
650
650
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
651
|
-
*/const la=Symbol.for(""),xh=i=>{if(i?.r===la)return i?._$litStatic$},ua=i=>({_$litStatic$:i,r:la}),ca=new Map,Ih=i=>(e,...t)=>{const r=t.length;let o,s;const a=[],
|
|
651
|
+
*/const la=Symbol.for(""),xh=i=>{if(i?.r===la)return i?._$litStatic$},ua=i=>({_$litStatic$:i,r:la}),ca=new Map,Ih=i=>(e,...t)=>{const r=t.length;let o,s;const a=[],c=[];let h,d=0,m=!1;for(;d<r;){for(h=e[d];d<r&&(s=t[d],(o=xh(s))!==void 0);)h+=o+e[++d],m=!0;d!==r&&c.push(s),a.push(h),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=c}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
|
|
652
652
|
id="header"
|
|
653
653
|
class="uui-text"
|
|
654
654
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -694,7 +694,7 @@
|
|
|
694
694
|
display: block;
|
|
695
695
|
margin-left: auto;
|
|
696
696
|
}
|
|
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,
|
|
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,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-c,v=d.pageY-h;e?.onMove&&e.onMove(m,v)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),pa=(i,e,t)=>t+e-i,Ph=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function zh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}/**
|
|
698
698
|
* @license
|
|
699
699
|
* Copyright 2017 Google LLC
|
|
700
700
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -702,11 +702,11 @@
|
|
|
702
702
|
* @license
|
|
703
703
|
* Copyright 2020 Google LLC
|
|
704
704
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
705
|
-
*/const{I:Oh}=tc,ba=i=>i.strings===void 0,ma=()=>document.createComment(""),Ii=(i,e,t)=>{var r;const o=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(ma(),s),
|
|
705
|
+
*/const{I:Oh}=tc,ba=i=>i.strings===void 0,ma=()=>document.createComment(""),Ii=(i,e,t)=>{var r;const o=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(ma(),s),c=o.insertBefore(ma(),s);t=new Oh(a,c,i,i.options)}else{const a=t._$AB.nextSibling,c=t._$AM,h=c!==i;if(h){let d;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==c._$AU&&t._$AP(d)}if(a!==s||h){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}};/**
|
|
706
706
|
* @license
|
|
707
707
|
* Copyright 2017 Google LLC
|
|
708
708
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
709
|
-
*/const ga=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},wo=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
|
|
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 c of i)o[a]=r?r(c,a):a,s[a]=t(c,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:c}=this.ct(e,t,r);if(!Array.isArray(s))return this.ut=c,a;const h=(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(h[y]===c[I])d[I]=ft(s[y],a[I]),y++,I++;else if(h[U]===c[A])d[A]=ft(s[U],a[A]),U--,A--;else if(h[y]===c[A])d[A]=ft(s[y],a[A]),Ii(i,d[A+1],s[y]),y++,A--;else if(h[U]===c[I])d[I]=ft(s[U],a[I]),Ii(i,s[y],s[U]),U--,I++;else if(m===void 0&&(m=ga(c,I,A),v=ga(h,y,U)),m.has(h[y]))if(m.has(h[U])){const Z=v.get(c[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=c,va(i,d),Q}}),Th=b`
|
|
710
710
|
@keyframes uui-blink {
|
|
711
711
|
0%,
|
|
712
712
|
100% {
|
|
@@ -757,11 +757,11 @@
|
|
|
757
757
|
transform: translateX(2px);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
760
|
-
`,_o=Xe("uui-horizontal-shake 600ms ease backwards");f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`;const Uo=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`;const Dh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`;const Vh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`;const Hh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`;const Rr=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`;const jh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`;const Rh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`;const Fh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Gh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`;const Wh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;var qh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,fa=i=>{throw TypeError(i)},ie=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&qh(e,t,o),o},ya=(i,e,t)=>e.has(i)||fa("Cannot "+t),Xh=(i,e,t)=>(ya(i,e,"read from private field"),e.get(i)),Yh=(i,e,t)=>e.has(i)?fa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Zh=(i,e,t,r)=>(ya(i,e,"write to private field"),e.set(i,t),t),ko;n.UUIButtonElement=class extends we(ye("",Uh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Yh(this,ko),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(Xh(this,ko)),(this.state==="success"||this.state==="failed")&&Zh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=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=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=u`<uui-icon
|
|
761
761
|
name="check"
|
|
762
|
-
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=
|
|
762
|
+
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=u`<uui-icon
|
|
763
763
|
name="wrong"
|
|
764
|
-
.fallback=${Wh.strings[0]}></uui-icon>`;break;default:return C}return
|
|
764
|
+
.fallback=${Wh.strings[0]}></uui-icon>`;break;default:return C}return u`<div id="state">${e}</div>`}render(){return this.href?u`
|
|
765
765
|
<a
|
|
766
766
|
id="button"
|
|
767
767
|
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
@@ -773,7 +773,7 @@
|
|
|
773
773
|
${this.renderState()} ${this.renderLabel()}
|
|
774
774
|
<slot name="extra"></slot>
|
|
775
775
|
</a>
|
|
776
|
-
`:
|
|
776
|
+
`:u`
|
|
777
777
|
<button
|
|
778
778
|
id="button"
|
|
779
779
|
type=${this.type}
|
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
var(--color-standalone)
|
|
1158
1158
|
);
|
|
1159
1159
|
}
|
|
1160
|
-
`],ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ie([l({type:String})],n.UUIButtonElement.prototype,"href",2),ie([l({type:String})],n.UUIButtonElement.prototype,"target",2),ie([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ie([l({type:String})],n.UUIButtonElement.prototype,"title",2),ie([S("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ie([p("uui-button")],n.UUIButtonElement);var Jh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,wa=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,
|
|
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,c=this._actualPlacement.indexOf("-end")!==-1,h=L(this,Oe).getBoundingClientRect(),d=this.getBoundingClientRect();let m=0,v=0;r&&(m=h.top+h.height,a&&(v=h.left),c&&(v=h.left+h.width-d.width),!a&&!c&&(v=h.left+h.width/2-d.width/2)),t&&(m=h.top-d.height,a&&(v=h.left),c&&(v=h.left+h.width-d.width),!a&&!c&&(v=h.left+h.width/2-d.width/2)),o&&(v=h.left-d.width,a&&(m=h.top),c&&(m=h.top+h.height-d.height),!a&&!c&&(m=h.top+h.height/2-d.height/2)),s&&(v=h.left+h.width,a&&(m=h.top),c&&(m=h.top+h.height-d.height),!a&&!c&&(m=h.top+h.height/2-d.height/2));const y=window.innerWidth,U=window.innerHeight,I=Math.min(0,h.top+h.height),A=Math.max(Math.min(m,U-d.height),h.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,h.left+h.width),We=Math.max(Math.min(v,y-d.width),h.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 u`<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`
|
|
1161
1161
|
:host {
|
|
1162
1162
|
margin: 0;
|
|
1163
1163
|
width: fit-content;
|
|
@@ -1185,7 +1185,7 @@
|
|
|
1185
1185
|
svg {
|
|
1186
1186
|
fill: currentColor;
|
|
1187
1187
|
}
|
|
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=
|
|
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=u`
|
|
1189
1189
|
<uui-button
|
|
1190
1190
|
popovertarget="popover-container"
|
|
1191
1191
|
style="display: none"
|
|
@@ -1196,7 +1196,7 @@
|
|
|
1196
1196
|
<uui-symbol-more></uui-symbol-more>
|
|
1197
1197
|
</slot>
|
|
1198
1198
|
</uui-button>
|
|
1199
|
-
`;return
|
|
1199
|
+
`;return u`
|
|
1200
1200
|
<div id="main">
|
|
1201
1201
|
${this.collapse==="start"?e:""}
|
|
1202
1202
|
<div id="items-container">
|
|
@@ -1209,10 +1209,10 @@
|
|
|
1209
1209
|
popover
|
|
1210
1210
|
placement=${this.collapse==="start"?"bottom-start":"bottom-end"}>
|
|
1211
1211
|
<div id="dropdown-container">
|
|
1212
|
-
${wo(x(this,de),t=>
|
|
1212
|
+
${wo(x(this,de),t=>u`${t}`)}
|
|
1213
1213
|
</div>
|
|
1214
1214
|
</uui-popover-container>
|
|
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],
|
|
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],c=o===r-1?i:t;if(s<=c)a.style.display="";else{a.style.display="none";const h=a.cloneNode(!0);h.style.display="",h.addEventListener("click",x(this,Gt)),x(this,Te).set(h,a),x(this,Te).set(a,h),x(this,de).push(h)}}else{const o=x(this,et)[r-1]||0;for(let s=0;s<r;s++){const a=x(this,ke)[s],c=o-(s>0?x(this,et)[s-1]:0),h=(s===0||x(this,ke)[s-1].style.display==="none")&&x(this,de).length===0?i:t;if(c<=h)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`
|
|
1216
1216
|
:host {
|
|
1217
1217
|
display: flex;
|
|
1218
1218
|
min-width: 0;
|
|
@@ -1256,7 +1256,7 @@
|
|
|
1256
1256
|
padding: var(--uui-size-space-2,6px);
|
|
1257
1257
|
gap: var(--uui-size-space-1,3px);
|
|
1258
1258
|
}
|
|
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?
|
|
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?u`<a id="link" href=${this.href}><slot></slot></a>`:u`<span id="link"><slot></slot></span>`;return u`${e}<span part="separator"></span>`}renderCurrent(){return u`<span id="last-item"><slot></slot></span>`}render(){return u`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[b`
|
|
1260
1260
|
:host {
|
|
1261
1261
|
font-size: var(--uui-type-small-size,12px);
|
|
1262
1262
|
color: currentColor;
|
|
@@ -1295,7 +1295,7 @@
|
|
|
1295
1295
|
overflow: hidden;
|
|
1296
1296
|
text-overflow: ellipsis;
|
|
1297
1297
|
}
|
|
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
|
|
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 u`<uui-responsive-container
|
|
1299
1299
|
id="breadcrumbs-list"
|
|
1300
1300
|
collapse="start">
|
|
1301
1301
|
<span slot="trigger-content">
|
|
@@ -1337,7 +1337,7 @@
|
|
|
1337
1337
|
* @license
|
|
1338
1338
|
* Copyright 2018 Google LLC
|
|
1339
1339
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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
|
|
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 u`
|
|
1341
1341
|
<div
|
|
1342
1342
|
id="plus"
|
|
1343
1343
|
style=${Be({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
@@ -1349,7 +1349,7 @@
|
|
|
1349
1349
|
d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z" />
|
|
1350
1350
|
</svg>
|
|
1351
1351
|
</div>
|
|
1352
|
-
`},Sa=function(){return
|
|
1352
|
+
`},Sa=function(){return u`<a
|
|
1353
1353
|
id="button-wrapper"
|
|
1354
1354
|
@mousemove=${this._onMouseMove}
|
|
1355
1355
|
href=${w(this.href)}
|
|
@@ -1357,7 +1357,7 @@
|
|
|
1357
1357
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
1358
1358
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1359
1359
|
${xo(this,Wt,rn).call(this)}
|
|
1360
|
-
</a>`},Aa=function(){return
|
|
1360
|
+
</a>`},Aa=function(){return u`
|
|
1361
1361
|
<button
|
|
1362
1362
|
id="button-wrapper"
|
|
1363
1363
|
@mousemove=${this._onMouseMove}
|
|
@@ -1522,11 +1522,11 @@
|
|
|
1522
1522
|
#button-wrapper:active #plus {
|
|
1523
1523
|
transform: scale(1.1);
|
|
1524
1524
|
}
|
|
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
|
|
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 u`
|
|
1526
1526
|
<slot class="label">
|
|
1527
1527
|
<uui-icon name="copy"></uui-icon>
|
|
1528
1528
|
</slot>
|
|
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
|
|
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 u`
|
|
1530
1530
|
<div id="ticker">
|
|
1531
1531
|
<div id="icon-check">
|
|
1532
1532
|
${this.indeterminate?Rh:Uo}
|
|
@@ -1734,7 +1734,7 @@
|
|
|
1734
1734
|
:host([disabled]) input:indeterminate + #ticker #icon-check {
|
|
1735
1735
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1736
1736
|
}
|
|
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
|
|
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 u`
|
|
1738
1738
|
<uui-checkbox
|
|
1739
1739
|
id="select-checkbox"
|
|
1740
1740
|
label="select"
|
|
@@ -1743,7 +1743,7 @@
|
|
|
1743
1743
|
@click=${e=>e.stopPropagation()}
|
|
1744
1744
|
@change=${()=>this.click()}>
|
|
1745
1745
|
</uui-checkbox>
|
|
1746
|
-
`}render(){return
|
|
1746
|
+
`}render(){return u`<slot id="open-part"></slot>
|
|
1747
1747
|
<div id="select-border"></div>`}},n.UUICardElement.styles=[Tt,b`
|
|
1748
1748
|
:host {
|
|
1749
1749
|
position: relative;
|
|
@@ -1906,7 +1906,7 @@
|
|
|
1906
1906
|
#select-checkbox[checked] {
|
|
1907
1907
|
opacity: 1;
|
|
1908
1908
|
}
|
|
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
|
|
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 u`
|
|
1910
1910
|
${Ti(this,_t,Na).call(this)}
|
|
1911
1911
|
${this.href?Ti(this,_t,Ta).call(this):Ti(this,_t,Ma).call(this)}
|
|
1912
1912
|
<!-- Select border must be right after #open-part -->
|
|
@@ -1914,7 +1914,7 @@
|
|
|
1914
1914
|
${this.selectable?this.renderCheckbox():C}
|
|
1915
1915
|
<slot name="tag"></slot>
|
|
1916
1916
|
<slot name="actions"></slot>
|
|
1917
|
-
`}},_t=new WeakSet,Ma=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return
|
|
1917
|
+
`}},_t=new WeakSet,Ma=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return u`
|
|
1918
1918
|
<button
|
|
1919
1919
|
id="open-part"
|
|
1920
1920
|
class="uui-text"
|
|
@@ -1923,7 +1923,7 @@
|
|
|
1923
1923
|
@keydown=${this.handleOpenKeydown}>
|
|
1924
1924
|
${Ti(this,_t,an).call(this)}
|
|
1925
1925
|
</button>
|
|
1926
|
-
`},Ta=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return
|
|
1926
|
+
`},Ta=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return u`
|
|
1927
1927
|
<a
|
|
1928
1928
|
id="open-part"
|
|
1929
1929
|
class="uui-text"
|
|
@@ -1933,9 +1933,9 @@
|
|
|
1933
1933
|
rel=${w(this.rel||e)}>
|
|
1934
1934
|
${Ti(this,_t,an).call(this)}
|
|
1935
1935
|
</a>
|
|
1936
|
-
`},Na=function(){return
|
|
1936
|
+
`},Na=function(){return u`<div id="portrait">
|
|
1937
1937
|
<slot></slot>
|
|
1938
|
-
</div> `},an=function(){return
|
|
1938
|
+
</div> `},an=function(){return u`
|
|
1939
1939
|
<div id="content">
|
|
1940
1940
|
<span title="${this.name}" id="name">${this.name}</span>
|
|
1941
1941
|
<small title="${w(this.description)}">${this.description}<slot name="description"></slot></small>
|
|
@@ -2093,16 +2093,16 @@
|
|
|
2093
2093
|
id="icon">
|
|
2094
2094
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
2095
2095
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
2096
|
-
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),
|
|
2096
|
+
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}renderDetail(){return u`<small id="detail"
|
|
2097
2097
|
>${this.detail}<slot name="detail"></slot></small
|
|
2098
|
-
><slot id="default"></slot>`}render(){return
|
|
2098
|
+
><slot id="default"></slot>`}render(){return u`
|
|
2099
2099
|
${this.href?Ao(this,Kt,Va).call(this):Ao(this,Kt,Da).call(this)}
|
|
2100
2100
|
<!-- Select border must be right after #open-part -->
|
|
2101
2101
|
<div id="select-border"></div>
|
|
2102
2102
|
${this.selectable?this.renderCheckbox():C}
|
|
2103
2103
|
<slot name="tag"></slot>
|
|
2104
2104
|
<slot name="actions"></slot>
|
|
2105
|
-
`}},Kt=new WeakSet,ln=function(){return
|
|
2105
|
+
`}},Kt=new WeakSet,ln=function(){return u`
|
|
2106
2106
|
<span id="content" class="uui-text">
|
|
2107
2107
|
<span id="item">
|
|
2108
2108
|
<span id="icon">
|
|
@@ -2115,7 +2115,7 @@
|
|
|
2115
2115
|
</span>
|
|
2116
2116
|
${this.renderDetail()}
|
|
2117
2117
|
</span>
|
|
2118
|
-
`},Da=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return
|
|
2118
|
+
`},Da=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return u`
|
|
2119
2119
|
<button
|
|
2120
2120
|
id="open-part"
|
|
2121
2121
|
tabindex=${w(i)}
|
|
@@ -2123,7 +2123,7 @@
|
|
|
2123
2123
|
@keydown=${this.handleOpenKeydown}>
|
|
2124
2124
|
${Ao(this,Kt,ln).call(this)}
|
|
2125
2125
|
</button>
|
|
2126
|
-
`},Va=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return
|
|
2126
|
+
`},Va=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return u`
|
|
2127
2127
|
<a
|
|
2128
2128
|
id="open-part"
|
|
2129
2129
|
tabindex=${w(i)}
|
|
@@ -2239,16 +2239,16 @@
|
|
|
2239
2239
|
top: var(--uui-size-5,15px);
|
|
2240
2240
|
left: var(--uui-size-6,18px);
|
|
2241
2241
|
}
|
|
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===""?
|
|
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===""?u`<uui-symbol-folder id="entity-symbol"></uui-symbol-folder>`:u`<uui-symbol-file
|
|
2243
2243
|
id="entity-symbol"
|
|
2244
|
-
type="${this.fileExt}"></uui-symbol-file>`}render(){return
|
|
2244
|
+
type="${this.fileExt}"></uui-symbol-file>`}render(){return u` ${this.renderMedia()}
|
|
2245
2245
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
2246
2246
|
${this.href?Po(this,Xt,Ra).call(this):Po(this,Xt,ja).call(this)}
|
|
2247
2247
|
<!-- Select border must be right after .open-part -->
|
|
2248
2248
|
<div id="select-border"></div>
|
|
2249
2249
|
${this.selectable?this.renderCheckbox():C}
|
|
2250
2250
|
<slot name="tag"></slot>
|
|
2251
|
-
<slot name="actions"></slot>`}},Xt=new WeakSet,ja=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return
|
|
2251
|
+
<slot name="actions"></slot>`}},Xt=new WeakSet,ja=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return u`
|
|
2252
2252
|
<button
|
|
2253
2253
|
id="open-part"
|
|
2254
2254
|
tabindex=${w(i)}
|
|
@@ -2256,7 +2256,7 @@
|
|
|
2256
2256
|
@keydown=${this.handleOpenKeydown}>
|
|
2257
2257
|
${Po(this,Xt,un).call(this)}
|
|
2258
2258
|
</button>
|
|
2259
|
-
`},Ra=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return
|
|
2259
|
+
`},Ra=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return u`
|
|
2260
2260
|
<a
|
|
2261
2261
|
id="open-part"
|
|
2262
2262
|
tabindex=${w(i)}
|
|
@@ -2265,7 +2265,7 @@
|
|
|
2265
2265
|
rel=${w(this.rel||e)}>
|
|
2266
2266
|
${Po(this,Xt,un).call(this)}
|
|
2267
2267
|
</a>
|
|
2268
|
-
`},un=function(){return
|
|
2268
|
+
`},un=function(){return u`
|
|
2269
2269
|
<div id="content" class="uui-text">
|
|
2270
2270
|
<!--
|
|
2271
2271
|
TODO: Implement info box when pop-out is ready
|
|
@@ -2412,14 +2412,14 @@
|
|
|
2412
2412
|
height: var(--uui-size-8);
|
|
2413
2413
|
}
|
|
2414
2414
|
*/
|
|
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
|
|
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 u`
|
|
2416
2416
|
${this.href?zo(this,Yt,Wa).call(this):zo(this,Yt,Ga).call(this)}
|
|
2417
2417
|
<!-- Select border must be right after #open-part -->
|
|
2418
2418
|
<div id="select-border"></div>
|
|
2419
2419
|
${this.selectable?this.renderCheckbox():C}
|
|
2420
2420
|
<slot name="tag"></slot>
|
|
2421
2421
|
<slot name="actions"></slot>
|
|
2422
|
-
`}},Yt=new WeakSet,Ga=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return
|
|
2422
|
+
`}},Yt=new WeakSet,Ga=function(){const i=this.disabled?void 0:this.selectOnly?-1:0;return u`
|
|
2423
2423
|
<div
|
|
2424
2424
|
id="open-part"
|
|
2425
2425
|
tabindex=${w(i)}
|
|
@@ -2427,7 +2427,7 @@
|
|
|
2427
2427
|
@keydown=${this.handleOpenKeydown}>
|
|
2428
2428
|
${zo(this,Yt,hn).call(this)}
|
|
2429
2429
|
</div>
|
|
2430
|
-
`},Wa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return
|
|
2430
|
+
`},Wa=function(){const i=this.disabled?void 0:this.selectOnly?-1:0,e=this.target==="_blank"?"noopener noreferrer":void 0;return u`
|
|
2431
2431
|
<a
|
|
2432
2432
|
id="open-part"
|
|
2433
2433
|
tabindex=${w(i)}
|
|
@@ -2436,9 +2436,9 @@
|
|
|
2436
2436
|
rel=${w(this.rel||e)}>
|
|
2437
2437
|
${zo(this,Yt,hn).call(this)}
|
|
2438
2438
|
</a>
|
|
2439
|
-
`},hn=function(){return
|
|
2439
|
+
`},hn=function(){return u`
|
|
2440
2440
|
<div id="content">
|
|
2441
|
-
${this._avatarSlotHasContent?C:
|
|
2441
|
+
${this._avatarSlotHasContent?C:u`<uui-avatar
|
|
2442
2442
|
class="avatar"
|
|
2443
2443
|
name=${this.name}
|
|
2444
2444
|
size="m"></uui-avatar>`}
|
|
@@ -2535,7 +2535,7 @@
|
|
|
2535
2535
|
margin-top: var(--uui-size-space-1,3px);
|
|
2536
2536
|
margin-bottom: var(--uui-size-space-2,6px);
|
|
2537
2537
|
}
|
|
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
|
|
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 u`<svg
|
|
2539
2539
|
xmlns="http://www.w3.org/2000/svg"
|
|
2540
2540
|
viewBox="0 0 24 24"
|
|
2541
2541
|
fill="none"
|
|
@@ -2562,7 +2562,7 @@
|
|
|
2562
2562
|
* @license
|
|
2563
2563
|
* Copyright 2018 Google LLC
|
|
2564
2564
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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),
|
|
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),c=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:o}},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),c=r*(1-(e-s)*t),h=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,c,a,a,h,r][d],g:255*[h,r,r,c,a,a][d],b:255*[a,a,h,r,r,c][d],a:o}},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(c){return{h:Ka(c.h),s:re(c.s,0,100),v:re(c.v,0,100),a:re(c.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:c}=r.toHsl();o!==0&&(this.hue=o),this.lightness=a,this.saturation=s,this.brightness=this.getBrightness(a),this.alpha=c*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,c)=>{isNaN(a)||isNaN(c)||(this.saturation=O(a/o*100,0,100),this.brightness=O(100-c/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 u`
|
|
2566
2566
|
<div
|
|
2567
2567
|
part="grid"
|
|
2568
2568
|
class="color-area"
|
|
@@ -2638,7 +2638,7 @@
|
|
|
2638
2638
|
* @license
|
|
2639
2639
|
* Copyright 2020 Google LLC
|
|
2640
2640
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2641
|
-
*/const Gd=jt(class extends Rt{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===Q||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return Q}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return Q}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return Q;return va(i),e}});var Wd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},nl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},sl=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},gn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},qd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},al=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),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`
|
|
2641
|
+
*/const Gd=jt(class extends Rt{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===Q||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return Q}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return Q}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return Q;return va(i),e}});var Wd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},nl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},sl=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},gn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},qd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},al=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),c=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:o}},ll=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),c=r*(1-(e-s)*t),h=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,c,a,a,h,r][d],g:255*[h,r,r,c,a,a][d],b:255*[a,a,h,r,r,c][d],a:o}},ul=function(i){return{h:nl(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},cl=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},hl=function(i){return ll((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Di=function(i){return{h:(e=al(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Kd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Yd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,fn={string:[[function(i){var e=qd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?R(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?R(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Yd.exec(i)||Zd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:sl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Kd.exec(i)||Xd.exec(i);if(!e)return null;var t,r,o=ul({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Wd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return hl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return Ve(e)&&Ve(t)&&Ve(r)?sl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=ul({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return hl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=(function(c){return{h:nl(c.h),s:se(c.s,0,100),v:se(c.v,0,100),a:se(c.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return ll(a)},"hsv"]]},dl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Jd=function(i){return typeof i=="string"?dl(i.trim(),fn.string):typeof i=="object"&&i!==null?dl(i,fn.object):[null,void 0]},yn=function(i,e){var t=Di(i);return{h:t.h,s:se(t.s+100*e,0,100),l:t.l,a:t.a}},wn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},pl=function(i,e){var t=Di(i);return{h:t.h,s:t.s,l:se(t.l+100*e,0,100),a:t.a}},Mo=(function(){function i(e){this.parsed=Jd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return R(wn(this.rgba),2)},i.prototype.isDark=function(){return wn(this.rgba)<.5},i.prototype.isLight=function(){return wn(this.rgba)>=.5},i.prototype.toHex=function(){return e=gn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Lo(R(255*s)):"","#"+Lo(t)+Lo(r)+Lo(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return gn(this.rgba)},i.prototype.toRgbString=function(){return e=gn(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return cl(Di(this.rgba))},i.prototype.toHslString=function(){return e=cl(Di(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=al(this.rgba),{h:R(e.h),s:R(e.s),v:R(e.v),a:R(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(yn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(yn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(yn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(pl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(pl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):R(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Di(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):R(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i})(),pe=function(i){return i instanceof Mo?i:new Mo(i)},bl=[],Qd=function(i){i.forEach(function(e){bl.indexOf(e)<0&&(e(Mo,fn),bl.push(e))})};function ep(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var o in t)r[t[o]]=o;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,h,d=r[this.toHex()];if(d)return d;if(a?.closest){var m=this.toRgb(),v=1/0,y="black";if(!s.length)for(var U in t)s[U]=new i(t[U]).toRgb();for(var I in t){var A=(c=m,h=s[I],Math.pow(c.r-h.r,2)+Math.pow(c.g-h.g,2)+Math.pow(c.b-h.b,2));A<v&&(v=A,y=I)}return y}},e.string.push([function(a){var c=a.toLowerCase(),h=c==="transparent"?"#0000":t[c];return h?new i(h).toRgb():null},"name"])}let Vi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var tp=Object.defineProperty,ip=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?ip(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&tp(e,t,o),o};Qd([ep]);const ml="EyeDropper"in window;n.UUIColorPickerElement=class extends ye("label",g){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=pe("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:a,b:c}=this._colord.toRgb(),{h,s:d,l:m}=this._colord.toHsl(),{v}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${a}, ${c})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${h}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${h}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${h}, ${d}%, ${v}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(r)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(t)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}handleEyeDropper(){ml&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=100,this.inputValue="",this._value=e,this.dispatchEvent(new Vi(Vi.CHANGE)),!0;const t=new Mo(e),{h:r,s:o,l:s,a}=t.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?a*100:100;const c=e;return c&&c.h&&(this.hue=c.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Vi(Vi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,r,o=100){const s=pe(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return u`
|
|
2642
2642
|
<div
|
|
2643
2643
|
class=${dn({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2644
2644
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
@@ -2660,7 +2660,7 @@
|
|
|
2660
2660
|
?readonly=${this.readonly}
|
|
2661
2661
|
@change=${this.handleHueChange}>
|
|
2662
2662
|
</uui-color-slider>
|
|
2663
|
-
${this.opacity?
|
|
2663
|
+
${this.opacity?u`
|
|
2664
2664
|
<uui-color-slider
|
|
2665
2665
|
hide-value-label
|
|
2666
2666
|
label="alpha"
|
|
@@ -2699,7 +2699,7 @@
|
|
|
2699
2699
|
@change=${this.handleInputChange}>
|
|
2700
2700
|
</uui-input>
|
|
2701
2701
|
<uui-button-group>
|
|
2702
|
-
${this.noFormatToggle?"":
|
|
2702
|
+
${this.noFormatToggle?"":u`<uui-button
|
|
2703
2703
|
label="Toggle color format"
|
|
2704
2704
|
@click=${this.handleFormatToggle}
|
|
2705
2705
|
class="color-picker__toggle-format"
|
|
@@ -2707,7 +2707,7 @@
|
|
|
2707
2707
|
compact>
|
|
2708
2708
|
<span>${this.format}</span>
|
|
2709
2709
|
</uui-button>`}
|
|
2710
|
-
${ml?
|
|
2710
|
+
${ml?u`<uui-button
|
|
2711
2711
|
label="Select a color"
|
|
2712
2712
|
?disabled=${this.disabled||this.readonly}
|
|
2713
2713
|
@click=${this.handleEyeDropper}
|
|
@@ -2720,16 +2720,16 @@
|
|
|
2720
2720
|
</div>
|
|
2721
2721
|
${this._renderSwatches()}
|
|
2722
2722
|
</div>
|
|
2723
|
-
`}_renderSwatches(){return this.swatches?.length?
|
|
2723
|
+
`}_renderSwatches(){return this.swatches?.length?u`<uui-color-swatches
|
|
2724
2724
|
id="swatches"
|
|
2725
2725
|
class="color-picker__swatches"
|
|
2726
2726
|
label="Swatches"
|
|
2727
2727
|
?disabled=${this.disabled}
|
|
2728
2728
|
?readonly=${this.readonly}
|
|
2729
2729
|
@change=${this.handleColorSwatchChange}>
|
|
2730
|
-
${this.swatches.map(e=>
|
|
2730
|
+
${this.swatches.map(e=>u`<uui-color-swatch label="${e}" .value=${e}>
|
|
2731
2731
|
</uui-color-swatch>`)}
|
|
2732
|
-
</uui-color-swatches>`:C}_renderPreviewButton(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return
|
|
2732
|
+
</uui-color-swatches>`:C}_renderPreviewButton(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return u`<button
|
|
2733
2733
|
type="button"
|
|
2734
2734
|
part="trigger"
|
|
2735
2735
|
aria-label="${this.label||"Open Color picker"}"
|
|
@@ -2892,7 +2892,7 @@
|
|
|
2892
2892
|
uui-color-area {
|
|
2893
2893
|
width: 100%;
|
|
2894
2894
|
}
|
|
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
|
|
2895
|
+
`],D([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),D([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),D([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),D([$()],n.UUIColorPickerElement.prototype,"inputValue",2),D([$()],n.UUIColorPickerElement.prototype,"hue",2),D([$()],n.UUIColorPickerElement.prototype,"saturation",2),D([$()],n.UUIColorPickerElement.prototype,"lightness",2),D([$()],n.UUIColorPickerElement.prototype,"alpha",2),D([$()],n.UUIColorPickerElement.prototype,"_colord",2),D([l()],n.UUIColorPickerElement.prototype,"value",1),D([l()],n.UUIColorPickerElement.prototype,"format",2),D([l()],n.UUIColorPickerElement.prototype,"name",2),D([l()],n.UUIColorPickerElement.prototype,"size",2),D([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"readonly",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),D([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=D([p("uui-color-picker")],n.UUIColorPickerElement);var op={grad:.9,turn:360,rad:360/(2*Math.PI)},He=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},ae=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},vl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},gl=function(i){return{r:ae(i.r,0,255),g:ae(i.g,0,255),b:ae(i.b,0,255),a:ae(i.a)}},$n=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},rp=/^#([0-9a-f]{3,8})$/i,To=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},fl=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),c=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:o}},yl=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),c=r*(1-(e-s)*t),h=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,c,a,a,h,r][d],g:255*[h,r,r,c,a,a][d],b:255*[a,a,h,r,r,c][d],a:o}},wl=function(i){return{h:vl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},$l=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},_l=function(i){return yl((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Hi=function(i){return{h:(e=fl(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},np=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,sp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ap=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ul={string:[[function(i){var e=rp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?F(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?F(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=ap.exec(i)||lp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:gl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=np.exec(i)||sp.exec(i);if(!e)return null;var t,r,o=wl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(op[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return _l(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return He(e)&&He(t)&&He(r)?gl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=wl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return _l(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=(function(c){return{h:vl(c.h),s:ae(c.s,0,100),v:ae(c.v,0,100),a:ae(c.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return yl(a)},"hsv"]]},kl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},up=function(i){return typeof i=="string"?kl(i.trim(),Ul.string):typeof i=="object"&&i!==null?kl(i,Ul.object):[null,void 0]},_n=function(i,e){var t=Hi(i);return{h:t.h,s:ae(t.s+100*e,0,100),l:t.l,a:t.a}},Un=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},El=function(i,e){var t=Hi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},kn=(function(){function i(e){this.parsed=up(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return F(Un(this.rgba),2)},i.prototype.isDark=function(){return Un(this.rgba)<.5},i.prototype.isLight=function(){return Un(this.rgba)>=.5},i.prototype.toHex=function(){return e=$n(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?To(F(255*s)):"","#"+To(t)+To(r)+To(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return $n(this.rgba)},i.prototype.toRgbString=function(){return e=$n(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return $l(Hi(this.rgba))},i.prototype.toHslString=function(){return e=$l(Hi(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=fl(this.rgba),{h:F(e.h),s:F(e.s),v:F(e.v),a:F(e.a,3)};var e},i.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),je(_n(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),je(_n(this.rgba,-e))},i.prototype.grayscale=function(){return je(_n(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),je(El(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),je(El(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):F(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Hi(this.rgba);return typeof e=="number"?je({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},i})(),je=function(i){return i instanceof kn?i:new kn(i)};let En=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var cp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,be=(i,e,t,r)=>{for(var o=r>1?void 0:r?hp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&cp(e,t,o),o};n.UUIColorSliderElement=class extends ye("label",g){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1,this.hideValueLabel=!1}willUpdate(e){if(e.has("type")&&(this.type==="hue"?this.max=360:this.type==="saturation"?this.max=100:this.type==="lightness"?this.max=100:this.type==="opacity"&&(this.max=this.max??100),this.precision=this.precision??1,this.color)){const t=new kn(this.color),{h:r,s:o,l:s}=t.toHsl(),{r:a,g:c,b:h}=t.toRgb(),d=this.type==="saturation"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, 0%, ${s}%), hsl(${r}, 100%, ${s}%))`:this.type==="lightness"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, ${o}%, 0%), hsl(${r}, ${o}%, 100%))`:null,m=this.type==="opacity"?`linear-gradient(to ${this.vertical?"top":"right"}, transparent 0%, rgba(${a}, ${c}, ${h}, ${this.max}%) 100%)`:null;this.style.setProperty("--uui-slider-background-image",d),this.style.setProperty("--uui-slider-hue-color",m)}}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),da(this.container,{onMove:(o,s)=>{this.vertical?this.value=pa(O(s/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new En(En.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pa(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div
|
|
2896
2896
|
part="slider"
|
|
2897
2897
|
id="color-slider"
|
|
2898
2898
|
role="slider"
|
|
@@ -2906,7 +2906,7 @@
|
|
|
2906
2906
|
@mousedown=${this.handleDrag}
|
|
2907
2907
|
@touchstart=${this.handleDrag}
|
|
2908
2908
|
@keydown=${this.handleKeyDown}>
|
|
2909
|
-
${this.type==="opacity"?
|
|
2909
|
+
${this.type==="opacity"?u`<div
|
|
2910
2910
|
id="current-hue"
|
|
2911
2911
|
style=${Be({backgroundImage:"var(--uui-slider-hue-color)"})}></div>`:""}
|
|
2912
2912
|
<!-- <slot name="detail"> </slot> -->
|
|
@@ -3034,7 +3034,7 @@
|
|
|
3034
3034
|
* @license
|
|
3035
3035
|
* Copyright 2017 Google LLC
|
|
3036
3036
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3037
|
-
*/const ji=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(t=s)._$AO)===null||r===void 0||r.call(t,e,!1),ji(s,e);return!0},No=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},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
|
|
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 u`
|
|
3038
3038
|
<button
|
|
3039
3039
|
id="swatch"
|
|
3040
3040
|
${Bo(wp(this,In,Cl))}
|
|
@@ -3053,7 +3053,7 @@
|
|
|
3053
3053
|
</div>
|
|
3054
3054
|
${this._renderWithLabel()}
|
|
3055
3055
|
</button>
|
|
3056
|
-
`}_renderWithLabel(){return this.showLabel?
|
|
3056
|
+
`}_renderWithLabel(){return this.showLabel?u`<div class="color-swatch__label">
|
|
3057
3057
|
<strong>${this.renderLabel()}</strong>
|
|
3058
3058
|
${this.value}
|
|
3059
3059
|
</div>`:C}},In=new WeakSet,Cl=function(i){this.selectableTarget=i||this},n.UUIColorSwatchElement.styles=[b`
|
|
@@ -3219,19 +3219,19 @@
|
|
|
3219
3219
|
white-space: nowrap;
|
|
3220
3220
|
box-sizing: border-box;
|
|
3221
3221
|
}
|
|
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
|
|
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 u`<slot @slotchange=${this._handleSlotChange}></slot>`}},n.UUIColorSwatchesElement.styles=[b`
|
|
3223
3223
|
:host {
|
|
3224
3224
|
display: flex;
|
|
3225
3225
|
flex-wrap: wrap;
|
|
3226
3226
|
gap: 0.4rem;
|
|
3227
3227
|
}
|
|
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
|
|
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 u` <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`
|
|
3229
3229
|
:host {
|
|
3230
3230
|
display: flex;
|
|
3231
3231
|
flex-direction: column;
|
|
3232
3232
|
box-sizing: border-box;
|
|
3233
3233
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[b`
|
|
3235
3235
|
:host {
|
|
3236
3236
|
position: relative;
|
|
3237
3237
|
cursor: pointer;
|
|
@@ -3313,7 +3313,7 @@
|
|
|
3313
3313
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
3314
3314
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
3315
3315
|
}
|
|
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,()=>
|
|
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,()=>u`<uui-input
|
|
3317
3317
|
slot="trigger"
|
|
3318
3318
|
id="combobox-input"
|
|
3319
3319
|
label="combobox-input"
|
|
@@ -3329,11 +3329,11 @@
|
|
|
3329
3329
|
@keydown=${E(this,zn)}>
|
|
3330
3330
|
<slot name="input-prepend" slot="prepend"></slot>
|
|
3331
3331
|
${E(this,On).call(this)}
|
|
3332
|
-
${this.hideExpandSymbol?C:
|
|
3332
|
+
${this.hideExpandSymbol?C:u`<div id="expand-symbol-wrapper" slot="append">
|
|
3333
3333
|
<uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
|
|
3334
3334
|
</div>`}
|
|
3335
3335
|
<slot name="input-append" slot="append"></slot>
|
|
3336
|
-
</uui-input>`),W(this,On,()=>this.disabled||this.readonly?C:
|
|
3336
|
+
</uui-input>`),W(this,On,()=>this.disabled||this.readonly?C:u`<uui-button
|
|
3337
3337
|
id="clear-button"
|
|
3338
3338
|
@click=${E(this,Wo)}
|
|
3339
3339
|
@keydown=${E(this,Wo)}
|
|
@@ -3344,16 +3344,16 @@
|
|
|
3344
3344
|
tabindex=${this.value||this.search?"":"-1"}
|
|
3345
3345
|
class=${this.value||this.search?"visible":""}>
|
|
3346
3346
|
<uui-icon name="remove" .fallback=${Rr.strings[0]}></uui-icon>
|
|
3347
|
-
</uui-button>`),W(this,Ko,()=>
|
|
3347
|
+
</uui-button>`),W(this,Ko,()=>u`<div id="dropdown">
|
|
3348
3348
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
3349
3349
|
<slot @slotchange=${Vo(this,ei,Ol)}></slot>
|
|
3350
3350
|
</uui-scroll-container>
|
|
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?
|
|
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?u`<div id="phone-wrapper">
|
|
3352
3352
|
<uui-button label="close" look="primary" @click=${E(this,ti)}>
|
|
3353
3353
|
${this.closeLabel}
|
|
3354
3354
|
</uui-button>
|
|
3355
3355
|
${E(this,qo).call(this)} ${E(this,Ko).call(this)}
|
|
3356
|
-
</div>`:
|
|
3356
|
+
</div>`:u`
|
|
3357
3357
|
${E(this,qo).call(this)}
|
|
3358
3358
|
<uui-popover-container
|
|
3359
3359
|
id="combobox-popover"
|
|
@@ -3441,11 +3441,11 @@
|
|
|
3441
3441
|
#phone-wrapper #scroll-container {
|
|
3442
3442
|
max-height: unset;
|
|
3443
3443
|
}
|
|
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
|
|
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 u` <h3
|
|
3445
3445
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
3446
3446
|
${this.headline}
|
|
3447
3447
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
3448
|
-
</h3>`}renderContent(){return
|
|
3448
|
+
</h3>`}renderContent(){return u`<slot></slot>`}renderActions(){return u`<slot id="actions" name="actions"></slot>`}render(){return u`${this.renderHeadline()} ${this.renderContent()}
|
|
3449
3449
|
${this.renderActions()} `}},n.UUIDialogLayoutElement.styles=[b`
|
|
3450
3450
|
:host {
|
|
3451
3451
|
display: block;
|
|
@@ -3459,7 +3459,7 @@
|
|
|
3459
3459
|
justify-content: end;
|
|
3460
3460
|
gap: var(--uui-size-4,12px);
|
|
3461
3461
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIDialogElement.styles=[b`
|
|
3463
3463
|
:host {
|
|
3464
3464
|
position: relative;
|
|
3465
3465
|
display: block;
|
|
@@ -3477,7 +3477,7 @@
|
|
|
3477
3477
|
calc(var(--uui-border-radius,3px) * 2)
|
|
3478
3478
|
);
|
|
3479
3479
|
}
|
|
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
|
|
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 u`<svg
|
|
3481
3481
|
xmlns="http://www.w3.org/2000/svg"
|
|
3482
3482
|
viewBox="0 0 512 512"
|
|
3483
3483
|
id="upload-icon">
|
|
@@ -3502,7 +3502,7 @@
|
|
|
3502
3502
|
:host([error]) #upload-icon {
|
|
3503
3503
|
fill: var(--uui-color-invalid,#c31d4c);
|
|
3504
3504
|
}
|
|
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()}
|
|
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()}_shouldProcessFolder(){return!this.disallowFolderUpload&&this.multiple}async _getAllEntries(e){const t=[...e].filter(r=>r?.kind==="file").map(r=>this._getEntry(r)).filter(r=>r!==null);return this._processRootEntries(t)}async _processRootEntries(e){const t=[],r=[],o=[];for(const s of e)if(s.isDirectory)this._shouldProcessFolder()&&t.push(await this._mkdir(s));else{const a=await this._getAsFile(s);this._isAccepted(a)?r.push(a):o.push(a)}return{files:r,folders:t,rejectedFiles:o}}_getEntry(e){let t=null;return"webkitGetAsEntry"in e?t=e.webkitGetAsEntry():"getAsEntry"in e&&(t=e.getAsEntry()),t}async _processEntries(e,t,r){for(const o of e)if(o.isFile){const s=await this._getAsFile(o);this._isAccepted(s)&&r.push(s)}else if(o.isDirectory){const s=await this._mkdir(o);t.push(s)}}async _readAllEntries(e,t,r){return new Promise((o,s)=>{e.readEntries(async a=>{if(!a.length){o();return}await this._processEntries(a,t,r),await this._readAllEntries(e,t,r),o()},s)})}async _mkdir(e){const t=e.createReader(),r=[],o=[];return await this._readAllEntries(t,r,o),{folderName:e.name,folders:r,files:o}}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),r=e.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o of this._acceptedMimeTypes)if(t===o||o.endsWith("/*")&&t.startsWith(o.replace("*","")))return!0;return!1}async _getAsFile(e){return new Promise((t,r)=>e.file(t,r))}async _onDrop(e){e.preventDefault(),this._dropzone.classList.remove("hover");const t=e.dataTransfer?.items;if(t){const r=await this._getAllEntries(t);if(this.multiple===!1&&r.files.length&&(r.files=[r.files[0]],r.folders=[],r.rejectedFiles=[]),r.rejectedFiles.length>0&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r.rejectedFiles,folders:[]}})),!r.files.length&&!r.folders.length)return;this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:r.files,folders:r.folders}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.multiple===!1&&e.length>1&&e.splice(1,e.length-1);const t=e.filter(o=>this._isAccepted(o)),r=e.filter(o=>!this._isAccepted(o));r.length>0&&(this.multiple||t.length===0)&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r,folders:[]}})),t.length&&this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:t,folders:[]}}))}render(){return u`
|
|
3506
3506
|
<div id="dropzone">
|
|
3507
3507
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
3508
3508
|
${this.renderLabel()}
|
|
@@ -3554,12 +3554,12 @@
|
|
|
3554
3554
|
opacity: 0;
|
|
3555
3555
|
display: none;
|
|
3556
3556
|
}
|
|
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
|
|
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 c=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*c)/c>=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?u`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?u`<uui-symbol-file-thumbnail
|
|
3558
3558
|
.src=${this._src}
|
|
3559
3559
|
.alt=${this._name}
|
|
3560
|
-
id="file-symbol"></uui-symbol-file-thumbnail>`:
|
|
3560
|
+
id="file-symbol"></uui-symbol-file-thumbnail>`:u`<uui-symbol-file
|
|
3561
3561
|
id="file-symbol"
|
|
3562
|
-
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return
|
|
3562
|
+
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return u`
|
|
3563
3563
|
<span
|
|
3564
3564
|
id="file-name"
|
|
3565
3565
|
class=${this._url?"has-source":""}
|
|
@@ -3568,13 +3568,13 @@
|
|
|
3568
3568
|
<span id="file-name-start">${e}</span>
|
|
3569
3569
|
<span id="file-name-end">${t}</span>
|
|
3570
3570
|
</span>
|
|
3571
|
-
`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return
|
|
3571
|
+
`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return u`
|
|
3572
3572
|
<slot id="actions" name="actions"></slot>
|
|
3573
3573
|
${this._fileTypeTemplate()}
|
|
3574
3574
|
<div id="file-info">
|
|
3575
3575
|
${this._renderLongName()}
|
|
3576
3576
|
<span id="file-size">
|
|
3577
|
-
${this._size&&!this._isDirectory?
|
|
3577
|
+
${this._size&&!this._isDirectory?u`${Bp.humanFileSize(this._size,!0)}`:""}
|
|
3578
3578
|
</span>
|
|
3579
3579
|
</div>
|
|
3580
3580
|
`}},n.UUIFilePreviewElement.styles=[b`
|
|
@@ -3645,7 +3645,7 @@
|
|
|
3645
3645
|
text-decoration: underline;
|
|
3646
3646
|
cursor: pointer;
|
|
3647
3647
|
}
|
|
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
|
|
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 u`
|
|
3649
3649
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
3650
3650
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
3651
3651
|
</div>
|
|
@@ -3684,10 +3684,10 @@
|
|
|
3684
3684
|
* @license
|
|
3685
3685
|
* Copyright 2017 Google LLC
|
|
3686
3686
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
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
|
|
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 u`
|
|
3688
3688
|
<slot></slot>
|
|
3689
3689
|
<div id="messages">
|
|
3690
|
-
${wo(this._messages,e=>
|
|
3690
|
+
${wo(this._messages,e=>u`<div>${Yo(e[1])}</div>`)}
|
|
3691
3691
|
<slot name="message"></slot>
|
|
3692
3692
|
</div>
|
|
3693
3693
|
`}},n.UUIFormValidationMessageElement.styles=[b`
|
|
@@ -3698,7 +3698,7 @@
|
|
|
3698
3698
|
71
|
|
3699
3699
|
));
|
|
3700
3700
|
}
|
|
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
|
|
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 u`<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?u`<slot name="fallback"></slot>`:u`${Yo(this.fallback)}`:this._nameSvg!==null?u`${Yo(this._nameSvg)}`:this.svg!==null?u`${Yo(this.svg)}`:u`<slot></slot>`}},n.UUIIconElement.styles=[b`
|
|
3702
3702
|
:host {
|
|
3703
3703
|
vertical-align: text-bottom;
|
|
3704
3704
|
display: inline-flex;
|
|
@@ -3724,7 +3724,7 @@
|
|
|
3724
3724
|
:host-context(div[slot='append']) {
|
|
3725
3725
|
margin-right: var(--uui-size-2, 6px);
|
|
3726
3726
|
}
|
|
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}">
|
|
3727
|
+
`],Ut([$()],n.UUIIconElement.prototype,"_nameSvg",2),Ut([l()],n.UUIIconElement.prototype,"label",2),Ut([l()],n.UUIIconElement.prototype,"name",1),Ut([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Ut([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Ut([$()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Ut([p("uui-icon")],n.UUIIconElement);let Tn=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Nn=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qi.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qi.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Tn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Tn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Tl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Kp(e,t,o),o};n.UUIIconRegistryElement=class extends g{constructor(){super(),this._icons={},this._registry=new Nn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Tl([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Tl([p("uui-icon-registry")],n.UUIIconRegistryElement);const Yp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Zp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,Jp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,Qp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,tb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,ob=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,rb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,nb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,sb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,ab=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,lb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,cb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,hb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,db=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,pb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,bb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,mb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,vb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,gb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,fb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,yb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,wb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,$b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,_b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,Ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,kb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,xb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;let Nl=class extends Nn{constructor(){super(),this.defineIcon("add",Yp.strings[0]),this.defineIcon("alert",Zp.strings[0]),this.defineIcon("attachment",Jp.strings[0]),this.defineIcon("calendar",Qp.strings[0]),this.defineIcon("check",eb.strings[0]),this.defineIcon("clipboard",tb.strings[0]),this.defineIcon("code",ib.strings[0]),this.defineIcon("colorpicker",ob.strings[0]),this.defineIcon("copy",rb.strings[0]),this.defineIcon("delete",nb.strings[0]),this.defineIcon("document",sb.strings[0]),this.defineIcon("download",ab.strings[0]),this.defineIcon("edit",lb.strings[0]),this.defineIcon("favorite",ub.strings[0]),this.defineIcon("folder",cb.strings[0]),this.defineIcon("forbidden",hb.strings[0]),this.defineIcon("info",db.strings[0]),this.defineIcon("link",pb.strings[0]),this.defineIcon("lock",bb.strings[0]),this.defineIcon("pause",mb.strings[0]),this.defineIcon("picture",vb.strings[0]),this.defineIcon("play",gb.strings[0]),this.defineIcon("remove",fb.strings[0]),this.defineIcon("search",yb.strings[0]),this.defineIcon("see",wb.strings[0]),this.defineIcon("settings",$b.strings[0]),this.defineIcon("subtract",_b.strings[0]),this.defineIcon("sync",Ub.strings[0]),this.defineIcon("unlock",kb.strings[0]),this.defineIcon("unsee",Eb.strings[0]),this.defineIcon("wand",xb.strings[0]),this.defineIcon("wrong",Ib.strings[0])}};var Cb=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Nl}},n.UUIIconRegistryEssentialElement=Cb([p("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Sb=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,oi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ab(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sb(e,t,o),o};n.UUIInputFileElement=class extends we(g){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}">
|
|
3728
3728
|
<uui-action-bar slot="actions">
|
|
3729
3729
|
<uui-button
|
|
3730
3730
|
@click=${()=>this._removeFile(t)}
|
|
@@ -3733,7 +3733,7 @@
|
|
|
3733
3733
|
<uui-icon name="delete" .fallback=${Dh.strings[0]}></uui-icon>
|
|
3734
3734
|
</uui-button>
|
|
3735
3735
|
</uui-action-bar>
|
|
3736
|
-
</uui-file-preview>`}_renderFiles(){return
|
|
3736
|
+
</uui-file-preview>`}_renderFiles(){return u`${wo(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return u`
|
|
3737
3737
|
<uui-file-dropzone
|
|
3738
3738
|
id="dropzone"
|
|
3739
3739
|
?multiple=${this.multiple}
|
|
@@ -3742,7 +3742,7 @@
|
|
|
3742
3742
|
label="Drop files here"></uui-file-dropzone>
|
|
3743
3743
|
<div id="files">
|
|
3744
3744
|
${this._renderFiles()}
|
|
3745
|
-
${this._files.length===0||this.multiple?
|
|
3745
|
+
${this._files.length===0||this.multiple?u`<uui-button
|
|
3746
3746
|
@click=${this._handleClick}
|
|
3747
3747
|
id="add-button"
|
|
3748
3748
|
look="placeholder"
|
|
@@ -3797,13 +3797,13 @@
|
|
|
3797
3797
|
justify-content: center;
|
|
3798
3798
|
align-items: stretch;
|
|
3799
3799
|
}
|
|
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
|
|
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 u`<slot name="prepend"></slot>`}renderAppend(){return u`<slot name="append"></slot>`}render(){return u`
|
|
3801
3801
|
${this.renderPrepend()}
|
|
3802
3802
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3803
3803
|
${this.renderAppend()}
|
|
3804
|
-
`}renderInputWithAutoWidth(){return
|
|
3804
|
+
`}renderInputWithAutoWidth(){return u`<div id="autoWidth">
|
|
3805
3805
|
${this.renderInput()}${this.renderAutoWidthBackground()}
|
|
3806
|
-
</div>`}renderInput(){return
|
|
3806
|
+
</div>`}renderInput(){return u`<input
|
|
3807
3807
|
id="input"
|
|
3808
3808
|
size=${w(this.autoWidth?"1":void 0)}
|
|
3809
3809
|
.type=${this.type}
|
|
@@ -3825,7 +3825,7 @@
|
|
|
3825
3825
|
?readonly=${this.readonly}
|
|
3826
3826
|
tabindex=${w(this.tabIndex)}
|
|
3827
3827
|
@input=${this.onInput}
|
|
3828
|
-
@change=${this.onChange} />`}renderAutoWidthBackground(){return
|
|
3828
|
+
@change=${this.onChange} />`}renderAutoWidthBackground(){return u` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return u`${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`
|
|
3829
3829
|
:host {
|
|
3830
3830
|
position: relative;
|
|
3831
3831
|
display: inline-flex;
|
|
@@ -3974,9 +3974,9 @@
|
|
|
3974
3974
|
height: 100%;
|
|
3975
3975
|
--uui-input-border-width: 0;
|
|
3976
3976
|
}
|
|
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?
|
|
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?u`<uui-icon name="lock" .fallback=${Vh.strings[0]}></uui-icon>`:u`<uui-icon
|
|
3978
3978
|
name="unlock"
|
|
3979
|
-
.fallback=${Fh.strings[0]}></uui-icon>`}renderPrepend(){return
|
|
3979
|
+
.fallback=${Fh.strings[0]}></uui-icon>`}renderPrepend(){return u`<uui-button
|
|
3980
3980
|
.disabled=${this.disabled}
|
|
3981
3981
|
@click=${this._onLockToggle}
|
|
3982
3982
|
compact
|
|
@@ -3997,9 +3997,9 @@
|
|
|
3997
3997
|
cursor: not-allowed;
|
|
3998
3998
|
opacity: 0.55;
|
|
3999
3999
|
}
|
|
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"?
|
|
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"?u`<uui-icon name="see" .fallback=${jh.strings[0]}></uui-icon>`:u`<uui-icon
|
|
4001
4001
|
name="unsee"
|
|
4002
|
-
.fallback=${Gh.strings[0]}></uui-icon>`}renderAppend(){return
|
|
4002
|
+
.fallback=${Gh.strings[0]}></uui-icon>`}renderAppend(){return u`<uui-button
|
|
4003
4003
|
.disabled=${this.disabled}
|
|
4004
4004
|
@click=${this._onPasswordToggle}
|
|
4005
4005
|
compact
|
|
@@ -4015,7 +4015,7 @@
|
|
|
4015
4015
|
#clear:hover {
|
|
4016
4016
|
color: black;
|
|
4017
4017
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[b`
|
|
4019
4019
|
:host {
|
|
4020
4020
|
display: inline-block;
|
|
4021
4021
|
font-family: inherit;
|
|
@@ -4030,7 +4030,7 @@
|
|
|
4030
4030
|
::slotted(*:last-child)uui-key {
|
|
4031
4031
|
margin-right: 0px;
|
|
4032
4032
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIKeyElement.styles=[b`
|
|
4034
4034
|
:host {
|
|
4035
4035
|
background: var(--uui-color-surface,#fff);
|
|
4036
4036
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -4044,9 +4044,9 @@
|
|
|
4044
4044
|
user-select: none;
|
|
4045
4045
|
text-transform: lowercase;
|
|
4046
4046
|
}
|
|
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
|
|
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 u`
|
|
4048
4048
|
<slot></slot>
|
|
4049
|
-
${this.required?
|
|
4049
|
+
${this.required?u`<div id="required">*</div>`:""}
|
|
4050
4050
|
`}},n.UUILabelElement.styles=[b`
|
|
4051
4051
|
:host {
|
|
4052
4052
|
font-weight: 700;
|
|
@@ -4062,8 +4062,8 @@
|
|
|
4062
4062
|
color: var(--uui-color-danger,#c31d4c);
|
|
4063
4063
|
font-weight: 900;
|
|
4064
4064
|
}
|
|
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
|
|
4066
|
-
${this.progress?
|
|
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 u`
|
|
4066
|
+
${this.progress?u`<div
|
|
4067
4067
|
id="bar"
|
|
4068
4068
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
4069
4069
|
<div
|
|
@@ -4130,7 +4130,7 @@
|
|
|
4130
4130
|
transform-origin: 175% 0%;
|
|
4131
4131
|
}
|
|
4132
4132
|
}
|
|
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?
|
|
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?u`<span id="progress-display">${this.progress}</span>`:""}render(){return u`
|
|
4134
4134
|
<svg
|
|
4135
4135
|
id="spinner"
|
|
4136
4136
|
class=${this.progress?"":"animate"}
|
|
@@ -4232,7 +4232,7 @@
|
|
|
4232
4232
|
/* Center the text */
|
|
4233
4233
|
padding-top: 0.09em;
|
|
4234
4234
|
}
|
|
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
|
|
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 u`
|
|
4236
4236
|
<div></div>
|
|
4237
4237
|
<div></div>
|
|
4238
4238
|
<div></div>
|
|
@@ -4276,15 +4276,15 @@
|
|
|
4276
4276
|
background-color: currentColor;
|
|
4277
4277
|
}
|
|
4278
4278
|
}
|
|
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
|
|
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 u` <slot
|
|
4280
4280
|
name="icon"
|
|
4281
4281
|
id="icon"
|
|
4282
4282
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
4283
4283
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
4284
4284
|
${this.renderLabel()}
|
|
4285
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?
|
|
4285
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?u` <span id="label-button" ${Bo(this._labelButtonChanged)}>
|
|
4286
4286
|
${this._renderLabelInside()}
|
|
4287
|
-
</span>`:
|
|
4287
|
+
</span>`:u` <a
|
|
4288
4288
|
id="label-button"
|
|
4289
4289
|
${Bo(this._labelButtonChanged)}
|
|
4290
4290
|
href=${w(this.href)}
|
|
@@ -4294,17 +4294,17 @@
|
|
|
4294
4294
|
?disabled=${this.disabled}
|
|
4295
4295
|
aria-label="${this.label}">
|
|
4296
4296
|
${this._renderLabelInside()}
|
|
4297
|
-
</a>`}_renderLabelAsButton(){return
|
|
4297
|
+
</a>`}_renderLabelAsButton(){return u` <button
|
|
4298
4298
|
id="label-button"
|
|
4299
4299
|
${Bo(this._labelButtonChanged)}
|
|
4300
4300
|
@click=${Rn(this,Xi,Fn)}
|
|
4301
4301
|
?disabled=${this.disabled}
|
|
4302
4302
|
aria-label="${this.label}">
|
|
4303
4303
|
${this._renderLabelInside()}
|
|
4304
|
-
</button>`}render(){return
|
|
4304
|
+
</button>`}render(){return u`
|
|
4305
4305
|
<div id="menu-item" aria-label="menuitem" role="menuitem">
|
|
4306
4306
|
<div id="label-button-background"></div>
|
|
4307
|
-
${this.hasChildren?
|
|
4307
|
+
${this.hasChildren?u`<button
|
|
4308
4308
|
id="caret-button"
|
|
4309
4309
|
aria-label=${this.caretLabel}
|
|
4310
4310
|
@click=${this._onCaretClicked}>
|
|
@@ -4313,10 +4313,10 @@
|
|
|
4313
4313
|
${this.href&&this.selectOnly!==!0&&this.selectable!==!0?this._renderLabelAsAnchor():this._renderLabelAsButton()}
|
|
4314
4314
|
|
|
4315
4315
|
<slot id="actions-container" name="actions"></slot>
|
|
4316
|
-
${this.loading?
|
|
4316
|
+
${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
4317
4317
|
</div>
|
|
4318
|
-
${this.showChildren?
|
|
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
|
|
4318
|
+
${this.showChildren?u`<slot></slot>`:""}
|
|
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 u`<uui-symbol-expand
|
|
4320
4320
|
aria-hidden="true"
|
|
4321
4321
|
?open=${this.showChildren}></uui-symbol-expand>`},n.UUIMenuItemElement.styles=[b`
|
|
4322
4322
|
:host {
|
|
@@ -4748,7 +4748,7 @@
|
|
|
4748
4748
|
:host([index='0']) dialog::after {
|
|
4749
4749
|
opacity: 0;
|
|
4750
4750
|
}
|
|
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
|
|
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 u`<dialog>
|
|
4752
4752
|
<slot></slot>
|
|
4753
4753
|
</dialog>`}},er=new WeakSet,Gn=function(){return this._dialogElement?.getBoundingClientRect().width??0},n.UUIModalSidebarElement.styles=[...ue.styles,b`
|
|
4754
4754
|
:host {
|
|
@@ -4792,7 +4792,7 @@
|
|
|
4792
4792
|
:host([size='small']) dialog {
|
|
4793
4793
|
max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
4794
4794
|
}
|
|
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
|
|
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 u`<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,c=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=a+i+this.sidebarGap-c;i=h>0?h:0}})},n.UUIModalContainerElement.styles=b`
|
|
4796
4796
|
:host {
|
|
4797
4797
|
position: fixed;
|
|
4798
4798
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -4809,7 +4809,7 @@
|
|
|
4809
4809
|
:host([backdrop])::after {
|
|
4810
4810
|
opacity: 1;
|
|
4811
4811
|
}
|
|
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
|
|
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 u`
|
|
4813
4813
|
<dialog>
|
|
4814
4814
|
<slot></slot>
|
|
4815
4815
|
</dialog>
|
|
@@ -4837,28 +4837,28 @@
|
|
|
4837
4837
|
:host(:not([index='0'])) dialog {
|
|
4838
4838
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
4839
4839
|
}
|
|
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
|
|
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 u`<uui-button
|
|
4841
4841
|
compact
|
|
4842
4842
|
look="outline"
|
|
4843
4843
|
class="nav"
|
|
4844
4844
|
role="listitem"
|
|
4845
4845
|
label=${this.firstLabel}
|
|
4846
4846
|
?disabled=${this._current===1}
|
|
4847
|
-
@click=${()=>this.goToPage(1)}></uui-button>`}renderPrevious(){return
|
|
4847
|
+
@click=${()=>this.goToPage(1)}></uui-button>`}renderPrevious(){return u`<uui-button
|
|
4848
4848
|
compact
|
|
4849
4849
|
look="outline"
|
|
4850
4850
|
class="nav"
|
|
4851
4851
|
role="listitem"
|
|
4852
4852
|
label=${this.previousLabel}
|
|
4853
4853
|
?disabled=${this._current===1}
|
|
4854
|
-
@click=${this.goToPreviousPage}></uui-button>`}renderNext(){return
|
|
4854
|
+
@click=${this.goToPreviousPage}></uui-button>`}renderNext(){return u`<uui-button
|
|
4855
4855
|
compact
|
|
4856
4856
|
look="outline"
|
|
4857
4857
|
role="listitem"
|
|
4858
4858
|
class="nav"
|
|
4859
4859
|
label=${this.nextLabel}
|
|
4860
4860
|
?disabled=${this._current===this.total}
|
|
4861
|
-
@click=${this.goToNextPage}></uui-button>`}renderLast(){return
|
|
4861
|
+
@click=${this.goToNextPage}></uui-button>`}renderLast(){return u`
|
|
4862
4862
|
<uui-button
|
|
4863
4863
|
compact
|
|
4864
4864
|
look="outline"
|
|
@@ -4867,7 +4867,7 @@
|
|
|
4867
4867
|
label=${this.lastLabel}
|
|
4868
4868
|
?disabled=${this.total===this._current}
|
|
4869
4869
|
@click=${()=>this.goToPage(this.total)}></uui-button>
|
|
4870
|
-
`}renderDots(){return
|
|
4870
|
+
`}renderDots(){return u`<uui-button
|
|
4871
4871
|
compact
|
|
4872
4872
|
look="outline"
|
|
4873
4873
|
role="listitem"
|
|
@@ -4875,7 +4875,7 @@
|
|
|
4875
4875
|
class="dots"
|
|
4876
4876
|
label="More pages"
|
|
4877
4877
|
>...</uui-button
|
|
4878
|
-
> `}renderPage(e){return
|
|
4878
|
+
> `}renderPage(e){return u`<uui-button
|
|
4879
4879
|
compact
|
|
4880
4880
|
look="outline"
|
|
4881
4881
|
role="listitem"
|
|
@@ -4884,9 +4884,9 @@
|
|
|
4884
4884
|
tabindex=${e===this._current?"-1":""}
|
|
4885
4885
|
@click=${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}>
|
|
4886
4886
|
${e}
|
|
4887
|
-
</uui-button>`}renderNavigationLeft(){return
|
|
4888
|
-
${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return
|
|
4889
|
-
${this.renderNext()} ${this.renderLast()}`}render(){return
|
|
4887
|
+
</uui-button>`}renderNavigationLeft(){return u` ${this.renderFirst()} ${this.renderPrevious()}
|
|
4888
|
+
${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return u`${this._visiblePages.includes(this.total)?"":this.renderDots()}
|
|
4889
|
+
${this.renderNext()} ${this.renderLast()}`}render(){return u`<uui-button-group role="list" id="pages">
|
|
4890
4890
|
${this.renderNavigationLeft()}
|
|
4891
4891
|
${this._visiblePages.map(e=>this.renderPage(e))}
|
|
4892
4892
|
${this.renderNavigationRight()}
|
|
@@ -4921,13 +4921,13 @@
|
|
|
4921
4921
|
.active {
|
|
4922
4922
|
pointer-events: none;
|
|
4923
4923
|
}
|
|
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,
|
|
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,c=this._currentPlacement.indexOf("left")!==-1,h=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,c=!0):(vr=1,h=!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)),c&&(U=1,v=0),h&&(U=0,v=1),(c||h)&&(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)):(c||h)&&(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 c;return this._scrollParents.some((h,d)=>{const m=h===document.body?0:r[d].x,v=h===document.body?0:r[d].y;return s==="top"&&t.y-2<=v?(c="bottom",!0):s==="bottom"&&t.y+t.height+2>=h.clientHeight+v?(c="top",!0):s==="left"&&t.x-2<=m?(c="right",!0):s==="right"&&t.x+t.width+2>=h.clientWidth+m?(c="left",!0):!1}),c?(this._startScrollListener(),c+(a?`-${a}`:"")):e}render(){return u`
|
|
4925
4925
|
<slot
|
|
4926
4926
|
id="trigger"
|
|
4927
4927
|
name="trigger"
|
|
4928
4928
|
@slotchange=${this._onTriggerSlotChanged}></slot>
|
|
4929
4929
|
<div id="container">
|
|
4930
|
-
${this._open?
|
|
4930
|
+
${this._open?u`<slot name="popover"></slot>`:""}
|
|
4931
4931
|
</div>
|
|
4932
4932
|
`}},n.UUIPopoverElement.styles=[b`
|
|
4933
4933
|
:host {
|
|
@@ -4956,7 +4956,7 @@
|
|
|
4956
4956
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4957
4957
|
);
|
|
4958
4958
|
}
|
|
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
|
|
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 u`
|
|
4960
4960
|
<div id="bar" style=${Be(this._getProgressStyle())}></div>
|
|
4961
4961
|
`}},n.UUIProgressBarElement.styles=[b`
|
|
4962
4962
|
:host {
|
|
@@ -4975,7 +4975,7 @@
|
|
|
4975
4975
|
height: 100%;
|
|
4976
4976
|
width: 0%;
|
|
4977
4977
|
}
|
|
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
|
|
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 u` <label>
|
|
4979
4979
|
<input
|
|
4980
4980
|
id="input"
|
|
4981
4981
|
type="radio"
|
|
@@ -4986,7 +4986,7 @@
|
|
|
4986
4986
|
@change=${eu(this,or,iu)} />
|
|
4987
4987
|
<div id="button"></div>
|
|
4988
4988
|
<div id="label">
|
|
4989
|
-
${this.label?
|
|
4989
|
+
${this.label?u`<span>${this.label}</span>`:u`<slot></slot>`}
|
|
4990
4990
|
</div>
|
|
4991
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`
|
|
4992
4992
|
:host {
|
|
@@ -5117,7 +5117,7 @@
|
|
|
5117
5117
|
transition: none;
|
|
5118
5118
|
}
|
|
5119
5119
|
}
|
|
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
|
|
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 u` <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`
|
|
5121
5121
|
:host {
|
|
5122
5122
|
display: inline-block;
|
|
5123
5123
|
padding-right: 3px;
|
|
@@ -5134,7 +5134,7 @@
|
|
|
5134
5134
|
71
|
|
5135
5135
|
));
|
|
5136
5136
|
}
|
|
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,
|
|
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,c=this.startPoint.low+a,h=this.startPoint.high+a;this.setValue(c,h,!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 u`
|
|
5138
5138
|
<div id="range-slider">
|
|
5139
5139
|
${this._renderNativeInputs()}
|
|
5140
5140
|
<div id="inner-track">
|
|
@@ -5148,7 +5148,7 @@
|
|
|
5148
5148
|
${this._renderSteps()}
|
|
5149
5149
|
</div>
|
|
5150
5150
|
</div>
|
|
5151
|
-
`}_renderThumbValues(){return
|
|
5151
|
+
`}_renderThumbValues(){return u`<div class="thumb-values">
|
|
5152
5152
|
<span
|
|
5153
5153
|
><span
|
|
5154
5154
|
>${this._lowInputValue.toFixed(us(this._step))}</span
|
|
@@ -5159,15 +5159,15 @@
|
|
|
5159
5159
|
>${this._highInputValue.toFixed(us(this._step))}</span
|
|
5160
5160
|
></span
|
|
5161
5161
|
>
|
|
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
|
|
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 u`<div class="step-wrapper">
|
|
5163
5163
|
<svg height="100%" width="100%">
|
|
5164
5164
|
<rect x="9" y="9" height="${hi}" rx="2" />
|
|
5165
5165
|
${this._renderStepCircles(o)}
|
|
5166
5166
|
</svg>
|
|
5167
5167
|
${this._renderStepValues(e)}
|
|
5168
|
-
</div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const r=new Array(e+1).fill(this._step).map(o=>(this._min+o*t++).toFixed(us(this._step)));return
|
|
5169
|
-
${r.map(o=>
|
|
5170
|
-
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+Fe,s=this._lowInputValue-this._min,a=this._highInputValue-this._min;return o/t>=s&&o/t<=a?f`<circle class="track-step filled" cx="${o}" cy="${hi*2}" r="4.5" />`:f`<circle class="track-step regular" cx="${o}" cy="${hi*2}" r="4.5" />`})}`}_renderNativeInputs(){return
|
|
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 u`<div class="step-values">
|
|
5169
|
+
${r.map(o=>u`<span><span>${o}</span></span>`)}
|
|
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 u` <div class="native-wrapper">
|
|
5171
5171
|
<input
|
|
5172
5172
|
id="inputLow"
|
|
5173
5173
|
class="${this._movement?"focus":""}"
|
|
@@ -5512,7 +5512,7 @@
|
|
|
5512
5512
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
5513
5513
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
5514
5514
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIRefListElement.styles=[b`
|
|
5516
5516
|
:host {
|
|
5517
5517
|
display: block;
|
|
5518
5518
|
}
|
|
@@ -5716,9 +5716,9 @@
|
|
|
5716
5716
|
id="icon">
|
|
5717
5717
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
5718
5718
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
5719
|
-
</svg>`}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}async focus(){await this.updateComplete,this._openPart?.focus()}renderDetail(){return
|
|
5719
|
+
</svg>`}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}async focus(){await this.updateComplete,this._openPart?.focus()}renderDetail(){return u`<small id="detail"
|
|
5720
5720
|
>${this.detail}<slot name="detail"></slot
|
|
5721
|
-
></small>`}render(){return
|
|
5721
|
+
></small>`}render(){return u`
|
|
5722
5722
|
${at(this,Ie,mu).call(this)}
|
|
5723
5723
|
<!-- Select border must be right after #open-part -->
|
|
5724
5724
|
<div id="select-border"></div>
|
|
@@ -5726,7 +5726,7 @@
|
|
|
5726
5726
|
<slot></slot>
|
|
5727
5727
|
<slot name="tag" id="tag-container"></slot>
|
|
5728
5728
|
<slot name="actions" id="actions-container"></slot>
|
|
5729
|
-
`}},Ie=new WeakSet,hu=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},du=function(){return
|
|
5729
|
+
`}},Ie=new WeakSet,hu=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},du=function(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},lr=function(){return u`
|
|
5730
5730
|
<span id="content" class="uui-text">
|
|
5731
5731
|
<span id="icon">
|
|
5732
5732
|
<slot name="icon" @slotchange=${at(this,Ie,hu)}></slot>
|
|
@@ -5737,7 +5737,7 @@
|
|
|
5737
5737
|
${this.renderDetail()}
|
|
5738
5738
|
</div>
|
|
5739
5739
|
</span>
|
|
5740
|
-
`},pu=function(){return
|
|
5740
|
+
`},pu=function(){return u`<a
|
|
5741
5741
|
id="open-part"
|
|
5742
5742
|
class="uui-text"
|
|
5743
5743
|
tabindex=${this.disabled?C:"0"}
|
|
@@ -5745,7 +5745,7 @@
|
|
|
5745
5745
|
target=${w(this.target||void 0)}
|
|
5746
5746
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
5747
5747
|
${at(this,Ie,lr).call(this)}
|
|
5748
|
-
</a>`},bu=function(){return
|
|
5748
|
+
</a>`},bu=function(){return u`
|
|
5749
5749
|
<button
|
|
5750
5750
|
type="button"
|
|
5751
5751
|
id="open-part"
|
|
@@ -5756,7 +5756,7 @@
|
|
|
5756
5756
|
?disabled=${this.disabled}>
|
|
5757
5757
|
${at(this,Ie,lr).call(this)}
|
|
5758
5758
|
</button>
|
|
5759
|
-
`},mu=function(){return this.readonly?
|
|
5759
|
+
`},mu=function(){return this.readonly?u`${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`
|
|
5760
5760
|
:host {
|
|
5761
5761
|
min-width: 250px;
|
|
5762
5762
|
padding: 1px;
|
|
@@ -5843,17 +5843,17 @@
|
|
|
5843
5843
|
:host([disabled]) #detail {
|
|
5844
5844
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5845
5845
|
}
|
|
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),
|
|
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),u`<small id="detail"
|
|
5847
5847
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
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),
|
|
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),u`<small id="detail"
|
|
5849
5849
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
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),
|
|
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),u`<small id="detail"
|
|
5851
5851
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
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),
|
|
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),u`<small id="detail"
|
|
5853
5853
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
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),
|
|
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),u`<small id="detail"
|
|
5855
5855
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[b`
|
|
5857
5857
|
:host {
|
|
5858
5858
|
display: block;
|
|
5859
5859
|
scrollbar-width: thin;
|
|
@@ -5879,18 +5879,18 @@
|
|
|
5879
5879
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5880
5880
|
border-radius: 3px;
|
|
5881
5881
|
}
|
|
5882
|
-
`],wu([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=wu([p("uui-scroll-container")],n.UUIScrollContainerElement);let hs=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&iv(e,t,o),o};n.UUISelectElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new hs(hs.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return
|
|
5882
|
+
`],wu([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=wu([p("uui-scroll-container")],n.UUIScrollContainerElement);let hs=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&iv(e,t,o),o};n.UUISelectElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new hs(hs.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return u`<option
|
|
5883
5883
|
value="${t}"
|
|
5884
5884
|
?selected=${r}
|
|
5885
5885
|
?disabled=${o}>
|
|
5886
5886
|
${e}
|
|
5887
|
-
</option>`}_renderGrouped(){return this._groups.length===0?C:
|
|
5888
|
-
${this._groups.map(e=>
|
|
5887
|
+
</option>`}_renderGrouped(){return this._groups.length===0?C:u`
|
|
5888
|
+
${this._groups.map(e=>u`<optgroup
|
|
5889
5889
|
label=${e}
|
|
5890
5890
|
?disabled=${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}>
|
|
5891
5891
|
${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}
|
|
5892
5892
|
</optgroup>`)}
|
|
5893
|
-
`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?
|
|
5893
|
+
`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?u`<span>${this._getDisplayValue()}</span>`:u` <select
|
|
5894
5894
|
id="native"
|
|
5895
5895
|
aria-label=${this.label}
|
|
5896
5896
|
@change=${this.setValue}
|
|
@@ -6087,13 +6087,13 @@
|
|
|
6087
6087
|
}
|
|
6088
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
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``})}
|
|
6090
|
-
`}renderStepValues(){return this.hideStepValues?C:
|
|
6091
|
-
${this._steps.map(e=>
|
|
6090
|
+
`}renderStepValues(){return this.hideStepValues?C:u`<div id="step-values">
|
|
6091
|
+
${this._steps.map(e=>u` <span
|
|
6092
6092
|
><span>
|
|
6093
6093
|
${this._steps.length<=20&&this._stepWidth>=Eu?e.toFixed(uv(this.step)):C}
|
|
6094
6094
|
</span></span
|
|
6095
6095
|
>`)}
|
|
6096
|
-
</div>`}render(){return
|
|
6096
|
+
</div>`}render(){return u`
|
|
6097
6097
|
<input
|
|
6098
6098
|
id="input"
|
|
6099
6099
|
type="range"
|
|
@@ -6114,7 +6114,7 @@
|
|
|
6114
6114
|
|
|
6115
6115
|
<div id="track-inner" aria-hidden="true">
|
|
6116
6116
|
<div id="thumb" style=${Be({left:this._sliderPosition})}>
|
|
6117
|
-
${this.hideValueLabel?null:
|
|
6117
|
+
${this.hideValueLabel?null:u`<div id="thumb-label">${this.value}</div>`}
|
|
6118
6118
|
</div>
|
|
6119
6119
|
</div>
|
|
6120
6120
|
</div>
|
|
@@ -6280,7 +6280,7 @@
|
|
|
6280
6280
|
:host([readonly]) #thumb-label {
|
|
6281
6281
|
opacity: 1;
|
|
6282
6282
|
}
|
|
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
|
|
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 u`<svg
|
|
6284
6284
|
xmlns="http://www.w3.org/2000/svg"
|
|
6285
6285
|
viewBox="0 0 24 24"
|
|
6286
6286
|
fill="none"
|
|
@@ -6307,7 +6307,7 @@
|
|
|
6307
6307
|
:host([open]) svg {
|
|
6308
6308
|
transform: rotate(0deg);
|
|
6309
6309
|
}
|
|
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?
|
|
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?u`<img src=${this.src} alt=${this.alt} />`:u`<uui-icon
|
|
6311
6311
|
name="picture"
|
|
6312
6312
|
.fallback=${Hh.strings[0]}></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`
|
|
6313
6313
|
:host {
|
|
@@ -6332,7 +6332,7 @@
|
|
|
6332
6332
|
color: var(--uui-color-surface,#fff);
|
|
6333
6333
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
6334
6334
|
}
|
|
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
|
|
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 u`
|
|
6336
6336
|
<svg
|
|
6337
6337
|
xmlns="http://www.w3.org/2000/svg"
|
|
6338
6338
|
viewBox="0 0 24 24"
|
|
@@ -6346,7 +6346,7 @@
|
|
|
6346
6346
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
6347
6347
|
</svg>
|
|
6348
6348
|
|
|
6349
|
-
${this.type?
|
|
6349
|
+
${this.type?u`<small id="file-type" class="uui-small"
|
|
6350
6350
|
>${this.type.toUpperCase()}</small
|
|
6351
6351
|
>`:""}
|
|
6352
6352
|
`}},n.UUISymbolFileElement.styles=[Tt,b`
|
|
@@ -6375,7 +6375,7 @@
|
|
|
6375
6375
|
width: 100%;
|
|
6376
6376
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6377
6377
|
}
|
|
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
|
|
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 u`<svg
|
|
6379
6379
|
xmlns="http://www.w3.org/2000/svg"
|
|
6380
6380
|
viewBox="0 0 24 24"
|
|
6381
6381
|
fill="none"
|
|
@@ -6409,7 +6409,7 @@
|
|
|
6409
6409
|
svg {
|
|
6410
6410
|
fill: currentColor;
|
|
6411
6411
|
}
|
|
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
|
|
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 u` <svg
|
|
6413
6413
|
id="up"
|
|
6414
6414
|
xmlns="http://www.w3.org/2000/svg"
|
|
6415
6415
|
width="24"
|
|
@@ -6493,7 +6493,7 @@
|
|
|
6493
6493
|
:host([active][descending]) #down {
|
|
6494
6494
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
6495
6495
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUITableElement.styles=[b`
|
|
6497
6497
|
:host {
|
|
6498
6498
|
display: table;
|
|
6499
6499
|
width: 100%;
|
|
@@ -6501,7 +6501,7 @@
|
|
|
6501
6501
|
background-color: var(--uui-color-surface,#fff);
|
|
6502
6502
|
cursor: default;
|
|
6503
6503
|
}
|
|
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
|
|
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 u` <slot @slotchange=${this._detectOverflow}></slot>`}},n.UUITableCellElement.styles=[b`
|
|
6505
6505
|
:host {
|
|
6506
6506
|
position: relative;
|
|
6507
6507
|
display: table-cell;
|
|
@@ -6543,12 +6543,12 @@
|
|
|
6543
6543
|
:host {
|
|
6544
6544
|
border-top: none;
|
|
6545
6545
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUITableHeadElement.styles=[b`
|
|
6547
6547
|
:host {
|
|
6548
6548
|
display: table-header-group;
|
|
6549
6549
|
font-weight: bold;
|
|
6550
6550
|
}
|
|
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
|
|
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 u` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}},n.UUITableRowElement.styles=[b`
|
|
6552
6552
|
:host {
|
|
6553
6553
|
display: table-row;
|
|
6554
6554
|
position: relative;
|
|
@@ -6571,7 +6571,7 @@
|
|
|
6571
6571
|
:host([selected]:focus) {
|
|
6572
6572
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
6573
6573
|
}
|
|
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?
|
|
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?u`
|
|
6575
6575
|
<a
|
|
6576
6576
|
id="button"
|
|
6577
6577
|
href=${w(this.disabled?void 0:this.href)}
|
|
@@ -6582,7 +6582,7 @@
|
|
|
6582
6582
|
${this.renderLabel()}
|
|
6583
6583
|
<slot name="extra"></slot>
|
|
6584
6584
|
</a>
|
|
6585
|
-
`:
|
|
6585
|
+
`:u`
|
|
6586
6586
|
<button
|
|
6587
6587
|
type="button"
|
|
6588
6588
|
id="button"
|
|
@@ -6722,7 +6722,7 @@
|
|
|
6722
6722
|
:host([orientation='vertical']) slot.label {
|
|
6723
6723
|
text-align: left;
|
|
6724
6724
|
}
|
|
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
|
|
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 u`
|
|
6726
6726
|
<div id="main">
|
|
6727
6727
|
<div id="grid" role="tablist">
|
|
6728
6728
|
<slot @slotchange=${te(this,Y,Lu)}></slot>
|
|
@@ -6741,10 +6741,10 @@
|
|
|
6741
6741
|
popover
|
|
6742
6742
|
placement="bottom-end">
|
|
6743
6743
|
<div id="hidden-tabs-container" role="tablist">
|
|
6744
|
-
${wo(P(this,Ge),e=>
|
|
6744
|
+
${wo(P(this,Ge),e=>u`${e}`)}
|
|
6745
6745
|
</div>
|
|
6746
6746
|
</uui-popover-container>
|
|
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],
|
|
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],c=P(this,Se)[s];if(a<=(s===o-1?i:t))c.style.display="";else{const h=c.cloneNode(!0);h.addEventListener("click",P(this,vi)),h.classList.add("hidden-tab"),h.style.display="",h.orientation=this.dropdownContentDirection,P(this,bi).set(h,c),P(this,bi).set(c,h),P(this,Ge).push(h),c.style.display="none",c.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`
|
|
6748
6748
|
:host {
|
|
6749
6749
|
min-width: 0;
|
|
6750
6750
|
display: flex;
|
|
@@ -6832,7 +6832,7 @@
|
|
|
6832
6832
|
opacity 120ms,
|
|
6833
6833
|
height ease-out 120ms;
|
|
6834
6834
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUITagElement.styles=[b`
|
|
6836
6836
|
:host {
|
|
6837
6837
|
display: inline-block;
|
|
6838
6838
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -6922,7 +6922,7 @@
|
|
|
6922
6922
|
color: var(--color-standalone);
|
|
6923
6923
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6924
6924
|
}
|
|
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
|
|
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 u`
|
|
6926
6926
|
<textarea
|
|
6927
6927
|
id="textarea"
|
|
6928
6928
|
rows=${w(this.rows)}
|
|
@@ -7022,7 +7022,7 @@
|
|
|
7022
7022
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
7023
7023
|
var(--uui-color-focus,#3879ff);
|
|
7024
7024
|
}
|
|
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
|
|
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 u`
|
|
7026
7026
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
7027
7027
|
<div>
|
|
7028
7028
|
<div id="close">
|
|
@@ -7156,7 +7156,7 @@
|
|
|
7156
7156
|
71
|
|
7157
7157
|
));
|
|
7158
7158
|
}
|
|
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
|
|
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 u` <slot @slotchange=${this.onSlotChanged}></slot> `}},n.UUIToastNotificationContainerElement.styles=[b`
|
|
7160
7160
|
:host {
|
|
7161
7161
|
position: absolute;
|
|
7162
7162
|
overflow: hidden;
|
|
@@ -7184,7 +7184,7 @@
|
|
|
7184
7184
|
:host([left-align]) slot {
|
|
7185
7185
|
align-items: start;
|
|
7186
7186
|
}
|
|
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
|
|
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 u`
|
|
7188
7188
|
<div id="message" class="uui-text">
|
|
7189
7189
|
<h5
|
|
7190
7190
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -7215,7 +7215,7 @@
|
|
|
7215
7215
|
margin-top: var(--uui-size-space-4,12px);
|
|
7216
7216
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
7217
7217
|
}
|
|
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
|
|
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 u`
|
|
7219
7219
|
<div id="toggle">
|
|
7220
7220
|
<div id="icon-checked">${Uo}</div>
|
|
7221
7221
|
<div id="icon-unchecked">${Rr}</div>
|
|
@@ -7384,7 +7384,7 @@
|
|
|
7384
7384
|
71
|
|
7385
7385
|
));
|
|
7386
7386
|
}
|
|
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
|
|
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 u`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[b`
|
|
7388
7388
|
:host(:not(:focus-within)) {
|
|
7389
7389
|
position: absolute !important;
|
|
7390
7390
|
width: 1px !important;
|