@aurodesignsystem/auro-formkit 5.2.2 → 5.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -3
- package/components/combobox/demo/api.md +2 -2
- package/components/combobox/demo/api.min.js +151 -75
- package/components/combobox/demo/index.min.js +149 -73
- package/components/combobox/dist/auro-combobox.d.ts +9 -0
- package/components/combobox/dist/index.js +83 -24
- package/components/combobox/dist/registered.js +83 -24
- package/components/counter/demo/api.min.js +99 -67
- package/components/counter/demo/index.min.js +99 -67
- package/components/counter/dist/index.js +18 -3
- package/components/counter/dist/registered.js +18 -3
- package/components/datepicker/demo/api.min.js +197 -171
- package/components/datepicker/demo/index.min.js +197 -171
- package/components/datepicker/dist/index.js +18 -3
- package/components/datepicker/dist/registered.js +18 -3
- package/components/dropdown/demo/api.min.js +48 -16
- package/components/dropdown/demo/index.min.js +48 -16
- package/components/dropdown/dist/auro-dropdown.d.ts +2 -0
- package/components/dropdown/dist/index.js +18 -3
- package/components/dropdown/dist/registered.js +18 -3
- package/components/menu/demo/api.min.js +8 -2
- package/components/menu/demo/index.min.js +8 -2
- package/components/menu/dist/index.js +8 -2
- package/components/menu/dist/registered.js +8 -2
- package/components/radio/demo/api.min.js +4 -4
- package/components/radio/demo/index.min.js +4 -4
- package/components/radio/dist/index.js +4 -4
- package/components/radio/dist/registered.js +4 -4
- package/components/select/demo/api.min.js +109 -50
- package/components/select/demo/index.min.js +109 -50
- package/components/select/dist/auro-select.d.ts +2 -0
- package/components/select/dist/index.js +46 -10
- package/components/select/dist/registered.js +46 -10
- package/package.json +1 -1
|
@@ -26,46 +26,46 @@ function swapValueExample() {
|
|
|
26
26
|
* Copyright 2019 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*/
|
|
29
|
-
const t$3=globalThis,e$
|
|
29
|
+
const t$3=globalThis,e$5=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$5=Symbol(),o$7=new WeakMap;let n$5 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$5)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$5&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$7.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$7.set(s,t));}return t}toString(){return this.cssText}};const r$4=t=>new n$5("string"==typeof t?t:t+"",void 0,s$5),i$5=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$5(o,t,s$5)},S$1=(s,o)=>{if(e$5)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$3.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$4=e$5?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$4(e)})(t):t;
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const{is:i$4,defineProperty:e$
|
|
35
|
+
*/const{is:i$4,defineProperty:e$4,getOwnPropertyDescriptor:h$3,getOwnPropertyNames:r$3,getOwnPropertySymbols:o$6,getPrototypeOf:n$4}=Object,a$2=globalThis,c$3=a$2.trustedTypes,l$2=c$3?c$3.emptyScript:"",p$2=a$2.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$4={toAttribute(t,s){switch(s){case Boolean:t=t?l$2:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$3=(t,s)=>!i$4(t,s),b={attribute:true,type:String,converter:u$4,reflect:false,useDefault:false,hasChanged:f$3};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$4(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$3(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$4(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$3(t),...o$6(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$4(s));}else void 0!==s&&i.push(c$4(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$4).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$4;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$3)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$2?.({ReactiveElement:y$1}),(a$2.reactiveElementVersions??=[]).push("2.1.1");
|
|
36
36
|
|
|
37
37
|
/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
41
|
*/
|
|
42
|
-
const t$2=globalThis,i$3=t$2.trustedTypes,s$
|
|
42
|
+
const t$2=globalThis,i$3=t$2.trustedTypes,s$4=i$3?i$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$3="$lit$",h$2=`lit$${Math.random().toFixed(9).slice(2)}$`,o$5="?"+h$2,n$3=`<${o$5}>`,r$2=document,l$1=()=>r$2.createComment(""),c$2=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u$3=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1=/-->/g,_=/>/g,m$1=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$1=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$2.createTreeWalker(r$2,129);function P(t,i){if(!a$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$4?s$4.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v$1:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1):void 0!==u[3]&&(c=m$1):c===m$1?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1:'"'===u[3]?g:p$1):c===g||c===p$1?c=m$1:c===v$1||c===_?c=f$2:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$3:d>=0?(o.push(a),s.slice(0,d)+e$3+s.slice(d)+h$2+x):s+h$2+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$3)){const i=v[a++],s=r.getAttribute(t).split(h$2),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h$2)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$2),s=t.length-1;if(s>0){r.textContent=i$3?i$3.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$1()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$1());}}}else if(8===r.nodeType)if(r.data===o$5)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$2,t+1));)d.push({type:7,index:c}),t+=h$2.length-1;}c++;}}static createElement(t,i){const s=r$2.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$2(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$2).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$2,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c$2(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$3(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c$2(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$2.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$1()),this.O(l$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c$2(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c$2(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const Z={I:R},j=t$2.litHtmlPolyfillSupport;j?.(N,R),(t$2.litHtmlVersions??=[]).push("3.3.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l$1(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
45
|
* @license
|
|
46
46
|
* Copyright 2017 Google LLC
|
|
47
47
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
48
|
-
*/const s$
|
|
48
|
+
*/const s$3=globalThis;let i$2 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};i$2._$litElement$=true,i$2["finalized"]=true,s$3.litElementHydrateSupport?.({LitElement:i$2});const o$4=s$3.litElementPolyfillSupport;o$4?.({LitElement:i$2});(s$3.litElementVersions??=[]).push("4.2.1");
|
|
49
49
|
|
|
50
50
|
/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2020 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
54
|
*/
|
|
55
|
-
const a=Symbol.for(""),o$
|
|
55
|
+
const a=Symbol.for(""),o$3=t=>{if(t?.r===a)return t?._$litStatic$},s$2=t=>({_$litStatic$:t,r:a}),i$1=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a}),l=new Map,n$2=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$3(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u$2=n$2(x);
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
58
|
* @license
|
|
59
59
|
* Copyright 2017 Google LLC
|
|
60
60
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
61
61
|
*/
|
|
62
|
-
const t$1={ATTRIBUTE:1,CHILD:2},e$
|
|
62
|
+
const t$1={ATTRIBUTE:1,CHILD:2},e$2=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
63
63
|
|
|
64
64
|
/**
|
|
65
65
|
* @license
|
|
66
66
|
* Copyright 2018 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
|
-
*/const e=e$
|
|
68
|
+
*/const e$1=e$2(class extends i{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
|
|
69
69
|
|
|
70
70
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
71
71
|
// See LICENSE in the project root for license information.
|
|
@@ -97,7 +97,7 @@ let AuroDependencyVersioning$3 = class AuroDependencyVersioning {
|
|
|
97
97
|
*/
|
|
98
98
|
generateTag(baseName, version, tagClass) {
|
|
99
99
|
const elementName = this.generateElementName(baseName, version);
|
|
100
|
-
const tag = i$1`${s$
|
|
100
|
+
const tag = i$1`${s$2(elementName)}`;
|
|
101
101
|
|
|
102
102
|
if (!customElements.get(elementName)) {
|
|
103
103
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -965,6 +965,24 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
965
965
|
}
|
|
966
966
|
};
|
|
967
967
|
|
|
968
|
+
/**
|
|
969
|
+
* @license
|
|
970
|
+
* Copyright 2020 Google LLC
|
|
971
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
972
|
+
*/const {I:t}=Z,f$1=o=>void 0===o.strings,r$1=()=>document.createComment(""),s$1=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(r$1(),l),d=e.insertBefore(r$1(),l);n=new t(i,d,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,d=i!==o;if(d){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||d){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u$1={},m=(o,t=u$1)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AR(),o._$AA.remove();};
|
|
973
|
+
|
|
974
|
+
/**
|
|
975
|
+
* @license
|
|
976
|
+
* Copyright 2017 Google LLC
|
|
977
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
978
|
+
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return false;for(const i of e)i._$AO?.(t,false),s(i,t);return true},o$2=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c$1(t);}};function h$1(i){ void 0!==this._$AN?(o$2(this),this._$AM=i,r(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$2(r[i]);else null!=r&&(s(r,false),o$2(r));else s(this,i);}const c$1=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h$1);};class f extends i{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$2(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
|
|
979
|
+
|
|
980
|
+
/**
|
|
981
|
+
* @license
|
|
982
|
+
* Copyright 2020 Google LLC
|
|
983
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
984
|
+
*/const e=()=>new h;class h{}const o$1=new WeakMap,n=e$2(class extends f{render(i){return E}update(i,[s]){const e=s!==this.G;return e&&void 0!==this.G&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=s,this.ht=i.options?.host,this.rt(this.ct=i.element)),E}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const i=this.ht??globalThis;let s=o$1.get(i);void 0===s&&(s=new WeakMap,o$1.set(i,s)),void 0!==s.get(this.G)&&this.G.call(this.ht,void 0),s.set(this.G,t),void 0!==t&&this.G.call(this.ht,t);}else this.G.value=t;}get lt(){return "function"==typeof this.G?o$1.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0);}reconnected(){this.rt(this.ct);}});
|
|
985
|
+
|
|
968
986
|
/**
|
|
969
987
|
* @license
|
|
970
988
|
* Copyright 2018 Google LLC
|
|
@@ -3508,7 +3526,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
3508
3526
|
*/
|
|
3509
3527
|
generateTag(baseName, version, tagClass) {
|
|
3510
3528
|
const elementName = this.generateElementName(baseName, version);
|
|
3511
|
-
const tag = i$1`${s$
|
|
3529
|
+
const tag = i$1`${s$2(elementName)}`;
|
|
3512
3530
|
|
|
3513
3531
|
if (!customElements.get(elementName)) {
|
|
3514
3532
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -3899,7 +3917,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3899
3917
|
return x`
|
|
3900
3918
|
<div class="componentWrapper">
|
|
3901
3919
|
<div
|
|
3902
|
-
class="${e(svgClasses)}"
|
|
3920
|
+
class="${e$1(svgClasses)}"
|
|
3903
3921
|
title="${o(this.title || undefined)}">
|
|
3904
3922
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
3905
3923
|
${this.customSvg ? x`
|
|
@@ -3911,7 +3929,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3911
3929
|
</span>
|
|
3912
3930
|
</div>
|
|
3913
3931
|
|
|
3914
|
-
<div class="${e(labelClasses)}">
|
|
3932
|
+
<div class="${e$1(labelClasses)}">
|
|
3915
3933
|
<slot></slot>
|
|
3916
3934
|
</div>
|
|
3917
3935
|
</div>
|
|
@@ -3921,7 +3939,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3921
3939
|
|
|
3922
3940
|
var iconVersion$3 = '8.1.2';
|
|
3923
3941
|
|
|
3924
|
-
var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3942
|
+
var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3925
3943
|
|
|
3926
3944
|
var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3927
3945
|
|
|
@@ -4111,7 +4129,7 @@ class AuroDropdownBib extends i$2 {
|
|
|
4111
4129
|
classes[`shape-${this.shape}`] = true;
|
|
4112
4130
|
|
|
4113
4131
|
return u$2`
|
|
4114
|
-
<div class="${e(classes)}" part="bibContainer">
|
|
4132
|
+
<div class="${e$1(classes)}" part="bibContainer">
|
|
4115
4133
|
<slot></slot>
|
|
4116
4134
|
</div>
|
|
4117
4135
|
`;
|
|
@@ -4124,7 +4142,7 @@ var shapeSizeCss$1 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
|
|
|
4124
4142
|
|
|
4125
4143
|
var colorCss$1$3 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([ondark])) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark]) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
4126
4144
|
|
|
4127
|
-
var styleCss$1$3 = i$5`:host{position:relative;display:block;text-align:left;
|
|
4145
|
+
var styleCss$1$3 = i$5`:host{position:relative;display:block;text-align:left}[popover=manual]{overflow:visible;padding:0;border:inherit;margin:0;background:inherit;outline:inherit}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4128
4146
|
|
|
4129
4147
|
var classicColorCss$1 = i$5``;
|
|
4130
4148
|
|
|
@@ -4482,6 +4500,9 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4482
4500
|
/** @private */
|
|
4483
4501
|
this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
|
|
4484
4502
|
|
|
4503
|
+
/** @private */
|
|
4504
|
+
this.bibElement = e();
|
|
4505
|
+
|
|
4485
4506
|
this.privateDefaults();
|
|
4486
4507
|
}
|
|
4487
4508
|
|
|
@@ -4918,6 +4939,14 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4918
4939
|
if (changedProperties.size === 0 || changedProperties.has('isPopoverVisible')) {
|
|
4919
4940
|
this.handleTriggerContentSlotChange();
|
|
4920
4941
|
}
|
|
4942
|
+
|
|
4943
|
+
if (changedProperties.has('isPopoverVisible') && this.bibElement.value) {
|
|
4944
|
+
if (this.isPopoverVisible) {
|
|
4945
|
+
this.bibElement.value.showPopover();
|
|
4946
|
+
} else {
|
|
4947
|
+
this.bibElement.value.hidePopover();
|
|
4948
|
+
}
|
|
4949
|
+
}
|
|
4921
4950
|
}
|
|
4922
4951
|
|
|
4923
4952
|
/**
|
|
@@ -5222,7 +5251,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
5222
5251
|
<div>
|
|
5223
5252
|
<div
|
|
5224
5253
|
id="trigger"
|
|
5225
|
-
class="${e(this.commonWrapperClasses)}" part="wrapper"
|
|
5254
|
+
class="${e$1(this.commonWrapperClasses)}" part="wrapper"
|
|
5226
5255
|
tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5227
5256
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5228
5257
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
@@ -5250,7 +5279,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
5250
5279
|
</div>
|
|
5251
5280
|
` : undefined }
|
|
5252
5281
|
</div>
|
|
5253
|
-
<div class="${e(helpTextClasses)}">
|
|
5282
|
+
<div class="${e$1(helpTextClasses)}">
|
|
5254
5283
|
<slot name="helpText"></slot>
|
|
5255
5284
|
</div>
|
|
5256
5285
|
<div id="bibSizer" part="size"></div>
|
|
@@ -5258,7 +5287,10 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
5258
5287
|
id="bib"
|
|
5259
5288
|
shape="${this.shape}"
|
|
5260
5289
|
?data-show="${this.isPopoverVisible}"
|
|
5261
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
5290
|
+
?isfullscreen="${this.isBibFullscreen}"
|
|
5291
|
+
${n(this.bibElement)}
|
|
5292
|
+
popover="manual"
|
|
5293
|
+
>
|
|
5262
5294
|
<div class="slotContent">
|
|
5263
5295
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
5264
5296
|
</div>
|
|
@@ -5347,18 +5379,12 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
5347
5379
|
|
|
5348
5380
|
var dropdownVersion = '3.0.0';
|
|
5349
5381
|
|
|
5350
|
-
/**
|
|
5351
|
-
* @license
|
|
5352
|
-
* Copyright 2020 Google LLC
|
|
5353
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5354
|
-
*/const {I:t}=Z,r=()=>document.createComment(""),s=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(r(),l),d=e.insertBefore(r(),l);n=new t(i,d,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,d=i!==o;if(d){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||d){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u$1={},m=(o,t=u$1)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AR(),o._$AA.remove();};
|
|
5355
|
-
|
|
5356
5382
|
/**
|
|
5357
5383
|
* @license
|
|
5358
5384
|
* Copyright 2017 Google LLC
|
|
5359
5385
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5360
5386
|
*/
|
|
5361
|
-
const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e$
|
|
5387
|
+
const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e$2(class extends i{constructor(e){if(super(e),e.type!==t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r,c]){const d=p(s),{values:p$1,keys:a}=this.dt(t,r,c);if(!Array.isArray(d))return this.ut=a,p$1;const h=this.ut??=[],v$1=[];let m$1,y,x=0,j=d.length-1,k=0,w=p$1.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v$1[k]=v(d[x],p$1[k]),x++,k++;else if(h[j]===a[w])v$1[w]=v(d[j],p$1[w]),j--,w--;else if(h[x]===a[w])v$1[w]=v(d[x],p$1[w]),s$1(s,v$1[w+1],d[x]),x++,w--;else if(h[j]===a[k])v$1[k]=v(d[j],p$1[k]),s$1(s,d[x],d[j]),j--,k++;else if(void 0===m$1&&(m$1=u(a,k,w),y=u(h,x,j)),m$1.has(h[x]))if(m$1.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=s$1(s,d[x]);v(e,p$1[k]),v$1[k]=e;}else v$1[k]=v(t,p$1[k]),s$1(s,d[x],t),d[e]=null;k++;}else M(d[j]),j--;else M(d[x]),x++;for(;k<=w;){const e=s$1(s,v$1[w+1]);v(e,p$1[k]),v$1[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M(e);}return this.ut=a,m(s,v$1),T}});
|
|
5362
5388
|
|
|
5363
5389
|
var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:56px;max-height:56px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:58px;max-height:58px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:56px;max-height:56px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:54px;max-height:54px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-box-lg{min-height:52px;max-height:52px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-box-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-box-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-box-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-box-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-box-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-box-sm{min-height:32px;max-height:32px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-box-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-box-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-box-xs{min-height:20px;max-height:20px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-box-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-box-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
5364
5390
|
|
|
@@ -11442,7 +11468,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
11442
11468
|
*/
|
|
11443
11469
|
generateTag(baseName, version, tagClass) {
|
|
11444
11470
|
const elementName = this.generateElementName(baseName, version);
|
|
11445
|
-
const tag = i$1`${s$
|
|
11471
|
+
const tag = i$1`${s$2(elementName)}`;
|
|
11446
11472
|
|
|
11447
11473
|
if (!customElements.get(elementName)) {
|
|
11448
11474
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -11833,7 +11859,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
11833
11859
|
return x`
|
|
11834
11860
|
<div class="componentWrapper">
|
|
11835
11861
|
<div
|
|
11836
|
-
class="${e(svgClasses)}"
|
|
11862
|
+
class="${e$1(svgClasses)}"
|
|
11837
11863
|
title="${o(this.title || undefined)}">
|
|
11838
11864
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
11839
11865
|
${this.customSvg ? x`
|
|
@@ -11845,7 +11871,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
11845
11871
|
</span>
|
|
11846
11872
|
</div>
|
|
11847
11873
|
|
|
11848
|
-
<div class="${e(labelClasses)}">
|
|
11874
|
+
<div class="${e$1(labelClasses)}">
|
|
11849
11875
|
<slot></slot>
|
|
11850
11876
|
</div>
|
|
11851
11877
|
</div>
|
|
@@ -12924,7 +12950,7 @@ let AuroButton$1 = class AuroButton extends AuroElement$3 {
|
|
|
12924
12950
|
aria-labelledby="${o(this.loading ? undefined : this.currentAriaLabelledBy || undefined)}"
|
|
12925
12951
|
tabindex="${o(this.tIndex || this.tabindex)}"
|
|
12926
12952
|
?autofocus="${this.autofocus}"
|
|
12927
|
-
class=${e(classes)}
|
|
12953
|
+
class=${e$1(classes)}
|
|
12928
12954
|
?disabled="${this.disabled || this.loading}"
|
|
12929
12955
|
?onDark="${this.onDark}"
|
|
12930
12956
|
title="${o(this.title ? this.title : undefined)}"
|
|
@@ -12939,7 +12965,7 @@ let AuroButton$1 = class AuroButton extends AuroElement$3 {
|
|
|
12939
12965
|
>
|
|
12940
12966
|
${o(this.loading ? u$2`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
|
|
12941
12967
|
|
|
12942
|
-
<span class="${e(contentClasses)}">
|
|
12968
|
+
<span class="${e$1(contentClasses)}">
|
|
12943
12969
|
<span class="textSlot" part="text">
|
|
12944
12970
|
<slot></slot>
|
|
12945
12971
|
</span>
|
|
@@ -13474,7 +13500,7 @@ class AuroInput extends BaseInput {
|
|
|
13474
13500
|
: this.commonInputClasses;
|
|
13475
13501
|
|
|
13476
13502
|
return u$2`
|
|
13477
|
-
<label for=${this.inputId} class="${e(this.commonLabelClasses)}" part="label">
|
|
13503
|
+
<label for=${this.inputId} class="${e$1(this.commonLabelClasses)}" part="label">
|
|
13478
13504
|
<slot name="label">
|
|
13479
13505
|
${this.label}
|
|
13480
13506
|
</slot>
|
|
@@ -13499,7 +13525,7 @@ class AuroInput extends BaseInput {
|
|
|
13499
13525
|
autocomplete="${o(this.autocomplete ? this.autocomplete : undefined)}"
|
|
13500
13526
|
autocapitalize="${o(this.autocapitalize ? this.autocapitalize : undefined)}"
|
|
13501
13527
|
autocorrect="${o(this.autocorrect ? this.autocorrect : undefined)}"
|
|
13502
|
-
class="${e(inputOverrideClasses)}"
|
|
13528
|
+
class="${e$1(inputOverrideClasses)}"
|
|
13503
13529
|
id="${this.inputId}"
|
|
13504
13530
|
inputmode="${o(this.inputmode ? this.inputmode : undefined)}"
|
|
13505
13531
|
lang="${o(this.lang)}"
|
|
@@ -13511,8 +13537,8 @@ class AuroInput extends BaseInput {
|
|
|
13511
13537
|
spellcheck="${o(this.spellcheck ? this.spellcheck : undefined)}"
|
|
13512
13538
|
type="${this.type === "password" && this.showPassword ? "text" : this.getInputType(this.type)}"
|
|
13513
13539
|
/>
|
|
13514
|
-
<div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
13515
|
-
<div class="${e(this.commonDisplayValueWrapperClasses)}">
|
|
13540
|
+
<div class="${e$1(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
13541
|
+
<div class="${e$1(this.commonDisplayValueWrapperClasses)}">
|
|
13516
13542
|
<slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}></slot>
|
|
13517
13543
|
</div>
|
|
13518
13544
|
</div>
|
|
@@ -13665,7 +13691,7 @@ class AuroInput extends BaseInput {
|
|
|
13665
13691
|
return u$2`
|
|
13666
13692
|
<div
|
|
13667
13693
|
@click="${this.handleClick}"
|
|
13668
|
-
class="${e(classicClassMap)}"
|
|
13694
|
+
class="${e$1(classicClassMap)}"
|
|
13669
13695
|
part="wrapper">
|
|
13670
13696
|
<div part="accent-left" class="accents left">
|
|
13671
13697
|
${this.renderHtmlTypeIcon()}
|
|
@@ -13698,7 +13724,7 @@ class AuroInput extends BaseInput {
|
|
|
13698
13724
|
return u$2`
|
|
13699
13725
|
<div
|
|
13700
13726
|
@click="${this.handleClick}"
|
|
13701
|
-
class="${e(this.commonWrapperClasses)}"
|
|
13727
|
+
class="${e$1(this.commonWrapperClasses)}"
|
|
13702
13728
|
part="wrapper">
|
|
13703
13729
|
<div class="accents left">
|
|
13704
13730
|
${this.layout.includes('left') ? u$2`
|
|
@@ -13719,7 +13745,7 @@ class AuroInput extends BaseInput {
|
|
|
13719
13745
|
` : undefined}
|
|
13720
13746
|
</div>
|
|
13721
13747
|
</div>
|
|
13722
|
-
<div class="${e(this.helpTextClasses)}" part="inputHelpText">
|
|
13748
|
+
<div class="${e$1(this.helpTextClasses)}" part="inputHelpText">
|
|
13723
13749
|
${this.renderHtmlHelpText()}
|
|
13724
13750
|
</div>
|
|
13725
13751
|
`;
|
|
@@ -13734,7 +13760,7 @@ class AuroInput extends BaseInput {
|
|
|
13734
13760
|
return u$2`
|
|
13735
13761
|
<div
|
|
13736
13762
|
@click="${this.handleClick}"
|
|
13737
|
-
class="${e(this.commonWrapperClasses)}"
|
|
13763
|
+
class="${e$1(this.commonWrapperClasses)}"
|
|
13738
13764
|
part="wrapper">
|
|
13739
13765
|
<div class="accents left">
|
|
13740
13766
|
${this.renderHtmlTypeIcon()}
|
|
@@ -13893,7 +13919,7 @@ class AuroDependencyVersioning {
|
|
|
13893
13919
|
*/
|
|
13894
13920
|
generateTag(baseName, version, tagClass) {
|
|
13895
13921
|
const elementName = this.generateElementName(baseName, version);
|
|
13896
|
-
const tag = i$1`${s$
|
|
13922
|
+
const tag = i$1`${s$2(elementName)}`;
|
|
13897
13923
|
|
|
13898
13924
|
if (!customElements.get(elementName)) {
|
|
13899
13925
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -14972,7 +14998,7 @@ class AuroButton extends AuroElement$1$1 {
|
|
|
14972
14998
|
aria-labelledby="${o(this.loading ? undefined : this.currentAriaLabelledBy || undefined)}"
|
|
14973
14999
|
tabindex="${o(this.tIndex || this.tabindex)}"
|
|
14974
15000
|
?autofocus="${this.autofocus}"
|
|
14975
|
-
class=${e(classes)}
|
|
15001
|
+
class=${e$1(classes)}
|
|
14976
15002
|
?disabled="${this.disabled || this.loading}"
|
|
14977
15003
|
?onDark="${this.onDark}"
|
|
14978
15004
|
title="${o(this.title ? this.title : undefined)}"
|
|
@@ -14987,7 +15013,7 @@ class AuroButton extends AuroElement$1$1 {
|
|
|
14987
15013
|
>
|
|
14988
15014
|
${o(this.loading ? u$2`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
|
|
14989
15015
|
|
|
14990
|
-
<span class="${e(contentClasses)}">
|
|
15016
|
+
<span class="${e$1(contentClasses)}">
|
|
14991
15017
|
<span class="textSlot" part="text">
|
|
14992
15018
|
<slot></slot>
|
|
14993
15019
|
</span>
|
|
@@ -15389,7 +15415,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
15389
15415
|
return x`
|
|
15390
15416
|
<div class="componentWrapper">
|
|
15391
15417
|
<div
|
|
15392
|
-
class="${e(svgClasses)}"
|
|
15418
|
+
class="${e$1(svgClasses)}"
|
|
15393
15419
|
title="${o(this.title || undefined)}">
|
|
15394
15420
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
15395
15421
|
${this.customSvg ? x`
|
|
@@ -15401,7 +15427,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
15401
15427
|
</span>
|
|
15402
15428
|
</div>
|
|
15403
15429
|
|
|
15404
|
-
<div class="${e(labelClasses)}">
|
|
15430
|
+
<div class="${e$1(labelClasses)}">
|
|
15405
15431
|
<slot></slot>
|
|
15406
15432
|
</div>
|
|
15407
15433
|
</div>
|
|
@@ -15574,10 +15600,10 @@ class AuroHeader extends i$2 {
|
|
|
15574
15600
|
});
|
|
15575
15601
|
}
|
|
15576
15602
|
|
|
15577
|
-
const headerClasses = e(classObject);
|
|
15603
|
+
const headerClasses = e$1(classObject);
|
|
15578
15604
|
|
|
15579
15605
|
// unsafeStatic dynamically creates tag names at runtime
|
|
15580
|
-
const tag = s$
|
|
15606
|
+
const tag = s$2(`h${headingLevel}`);
|
|
15581
15607
|
return u$2`<${tag} class="${headerClasses}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
|
|
15582
15608
|
}
|
|
15583
15609
|
|
|
@@ -16540,7 +16566,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16540
16566
|
if (this.availableOptions.length === 0) {
|
|
16541
16567
|
if (this.noMatchOption) {
|
|
16542
16568
|
this.noMatchOption.removeAttribute('hidden');
|
|
16543
|
-
} else {
|
|
16569
|
+
} else if (!this.menu.loading || this.isHiddenWhileLoading) {
|
|
16544
16570
|
this.hideBib();
|
|
16545
16571
|
}
|
|
16546
16572
|
} else if (this.noMatchOption) {
|
|
@@ -16656,7 +16682,6 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16656
16682
|
this.dropdown.hide();
|
|
16657
16683
|
return;
|
|
16658
16684
|
}
|
|
16659
|
-
|
|
16660
16685
|
if (!this.dropdown.isPopoverVisible && this.input.value && this.input.value.length > 0) {
|
|
16661
16686
|
if (this.menu.getAttribute('loading') || (this.availableOptions && this.availableOptions.length > 0) || this.noMatchOption !== undefined) { // eslint-disable-line no-extra-parens
|
|
16662
16687
|
if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
|
|
@@ -16668,6 +16693,29 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16668
16693
|
}
|
|
16669
16694
|
}
|
|
16670
16695
|
|
|
16696
|
+
/**
|
|
16697
|
+
* Forces focus to the internal input element and positions the cursor at the end of the text.
|
|
16698
|
+
* This is used when clicking anywhere within the Combobox to ensure the input receives focus
|
|
16699
|
+
* and the cursor is positioned at the end for better user experience.
|
|
16700
|
+
* @private
|
|
16701
|
+
* @returns {void}
|
|
16702
|
+
*/
|
|
16703
|
+
forceFocusToInputEnd() {
|
|
16704
|
+
// Set up input ref
|
|
16705
|
+
let inputElement = null;
|
|
16706
|
+
|
|
16707
|
+
if (this.input.shadowRoot) {
|
|
16708
|
+
inputElement = this.input.shadowRoot.querySelector('input');
|
|
16709
|
+
}
|
|
16710
|
+
|
|
16711
|
+
if (inputElement) {
|
|
16712
|
+
// Force focus and set cursor position to end of text to ensure visibility
|
|
16713
|
+
inputElement.focus();
|
|
16714
|
+
const textLength = inputElement.value ? inputElement.value.length : 0;
|
|
16715
|
+
inputElement.setSelectionRange(textLength, textLength);
|
|
16716
|
+
}
|
|
16717
|
+
}
|
|
16718
|
+
|
|
16671
16719
|
/**
|
|
16672
16720
|
* Binds all behavior needed to the dropdown after rendering.
|
|
16673
16721
|
* @private
|
|
@@ -16696,6 +16744,9 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16696
16744
|
|
|
16697
16745
|
this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
|
|
16698
16746
|
this.showBib();
|
|
16747
|
+
|
|
16748
|
+
// Fixes Chromium-specific issue where clicking outside input but within Combobox doesn't return focus
|
|
16749
|
+
this.forceFocusToInputEnd();
|
|
16699
16750
|
});
|
|
16700
16751
|
|
|
16701
16752
|
// setting up bibtemplate
|
|
@@ -16758,13 +16809,21 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16758
16809
|
this.menu.setAttribute('size', 'md');
|
|
16759
16810
|
this.menu.setAttribute('shape', 'box');
|
|
16760
16811
|
} else {
|
|
16761
|
-
|
|
16762
|
-
if (!this.menu.getAttribute('size')) {
|
|
16763
|
-
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
16764
|
-
}
|
|
16812
|
+
this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
|
|
16765
16813
|
|
|
16766
|
-
|
|
16767
|
-
|
|
16814
|
+
switch (this.layout) {
|
|
16815
|
+
case 'classic':
|
|
16816
|
+
this.menu.setAttribute('shape', 'box');
|
|
16817
|
+
break;
|
|
16818
|
+
case 'emphasized':
|
|
16819
|
+
if (this.dropdown && this.dropdown.bib) {
|
|
16820
|
+
this.dropdown.bib.shape = 'rounded';
|
|
16821
|
+
}
|
|
16822
|
+
this.menu.setAttribute('shape', 'rounded');
|
|
16823
|
+
break;
|
|
16824
|
+
default:
|
|
16825
|
+
this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
|
|
16826
|
+
break;
|
|
16768
16827
|
}
|
|
16769
16828
|
}
|
|
16770
16829
|
}
|
|
@@ -16776,6 +16835,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16776
16835
|
*/
|
|
16777
16836
|
configureMenu() {
|
|
16778
16837
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
16838
|
+
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
16779
16839
|
|
|
16780
16840
|
this.menu.value = this.value;
|
|
16781
16841
|
|
|
@@ -16868,10 +16928,6 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16868
16928
|
this.validate();
|
|
16869
16929
|
}
|
|
16870
16930
|
});
|
|
16871
|
-
|
|
16872
|
-
this.input.addEventListener('input', () => {
|
|
16873
|
-
this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue} }));
|
|
16874
|
-
});
|
|
16875
16931
|
}
|
|
16876
16932
|
|
|
16877
16933
|
/**
|
|
@@ -16924,15 +16980,18 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16924
16980
|
this.validate();
|
|
16925
16981
|
}
|
|
16926
16982
|
|
|
16927
|
-
// Hide menu if value is empty, otherwise show if there are available suggestions
|
|
16928
16983
|
if (this.input.value && this.input.value.length === 0) {
|
|
16984
|
+
// Hide menu if value is empty, otherwise show if there are available suggestions
|
|
16929
16985
|
this.hideBib();
|
|
16930
|
-
}
|
|
16931
|
-
|
|
16932
|
-
|
|
16933
|
-
if ((!this.availableOptions || this.availableOptions.length === 0) && !this.dropdown.isBibFullscreen) {
|
|
16986
|
+
} else if (this.menu.loading) {
|
|
16987
|
+
// if input has value but menu is loading, show bib immediately
|
|
16988
|
+
this.showBib();
|
|
16989
|
+
} else if ((!this.availableOptions || this.availableOptions.length === 0) && !this.dropdown.isBibFullscreen) {
|
|
16990
|
+
// Force dropdown bib to hide if input value has no matching suggestions
|
|
16934
16991
|
this.hideBib();
|
|
16935
16992
|
}
|
|
16993
|
+
|
|
16994
|
+
this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue} }));
|
|
16936
16995
|
}
|
|
16937
16996
|
|
|
16938
16997
|
/**
|
|
@@ -17107,7 +17166,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17107
17166
|
if (this.value) {
|
|
17108
17167
|
// If the value got set programmatically make sure we hide the bib
|
|
17109
17168
|
// when input is not taking the focus (input can be in dropdown.trigger or in bibtemplate)
|
|
17110
|
-
if (!this.
|
|
17169
|
+
if (!this.componentHasFocus) {
|
|
17111
17170
|
this.hideBib();
|
|
17112
17171
|
}
|
|
17113
17172
|
} else {
|
|
@@ -17132,7 +17191,8 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17132
17191
|
}
|
|
17133
17192
|
|
|
17134
17193
|
if (changedProperties.has('availableOptions')) {
|
|
17135
|
-
|
|
17194
|
+
// eslint-disable-next-line no-extra-parens
|
|
17195
|
+
if ((this.availableOptions && this.availableOptions.length > 0 && this.componentHasFocus) || this.menu.loading) {
|
|
17136
17196
|
this.showBib();
|
|
17137
17197
|
} else {
|
|
17138
17198
|
this.hideBib();
|
|
@@ -17145,11 +17205,21 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17145
17205
|
}
|
|
17146
17206
|
|
|
17147
17207
|
if (changedProperties.has('shape') && this.menu) {
|
|
17148
|
-
|
|
17208
|
+
switch (this.layout) {
|
|
17209
|
+
case 'classic':
|
|
17210
|
+
this.menu.setAttribute('shape', 'box');
|
|
17211
|
+
break;
|
|
17212
|
+
case 'emphasized':
|
|
17213
|
+
this.menu.setAttribute('shape', 'rounded');
|
|
17214
|
+
break;
|
|
17215
|
+
default:
|
|
17216
|
+
this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
|
|
17217
|
+
break;
|
|
17218
|
+
}
|
|
17149
17219
|
}
|
|
17150
17220
|
|
|
17151
17221
|
if (changedProperties.has('size') && this.menu) {
|
|
17152
|
-
this.menu.setAttribute('size', this.layout
|
|
17222
|
+
this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
|
|
17153
17223
|
}
|
|
17154
17224
|
}
|
|
17155
17225
|
|
|
@@ -17323,14 +17393,14 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17323
17393
|
<span slot="helpText">
|
|
17324
17394
|
${!this.validity || this.validity === 'valid'
|
|
17325
17395
|
? u$2`
|
|
17326
|
-
<${this.helpTextTag} class="${e(helpTextContentClasses)}" ?onDark="${this.onDark}">
|
|
17396
|
+
<${this.helpTextTag} class="${e$1(helpTextContentClasses)}" ?onDark="${this.onDark}">
|
|
17327
17397
|
<p id="${this.uniqueId}" part="helpText">
|
|
17328
17398
|
<slot name="helpText"></slot>
|
|
17329
17399
|
</p>
|
|
17330
17400
|
</${this.helpTextTag}>
|
|
17331
17401
|
`
|
|
17332
17402
|
: u$2`
|
|
17333
|
-
<${this.helpTextTag} class="${e(errorTextContentClasses)}" error ?onDark="${this.onDark}">
|
|
17403
|
+
<${this.helpTextTag} class="${e$1(errorTextContentClasses)}" error ?onDark="${this.onDark}">
|
|
17334
17404
|
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
17335
17405
|
${this.errorMessage}
|
|
17336
17406
|
</p>
|
|
@@ -17344,7 +17414,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17344
17414
|
}
|
|
17345
17415
|
}
|
|
17346
17416
|
|
|
17347
|
-
var styleCss$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem))}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem))}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem))}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-md-letter-spacing, 0);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem))}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem))}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem))}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem))}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem))}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem))}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem))}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem))}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem))}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));text-transform:uppercase}:host{display:block;vertical-align:middle;line-height:0}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;display:inline-block}:host [loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}:host([root]){overflow-y:auto}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}`;
|
|
17417
|
+
var styleCss$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem))}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem))}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem))}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-md-letter-spacing, 0);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem))}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem))}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem))}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem))}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem))}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem))}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem))}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem))}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem))}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));text-transform:uppercase}:host{display:block;vertical-align:middle;line-height:0}:host .menuWrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;display:inline-block;margin-bottom:var(--ds-size-25, 0.125rem)}:host [loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}:host([root]){overflow-y:auto}:host([root]) .menuWrapper.lg{padding:var(--ds-size-150, 0.75rem);gap:var(--ds-size-50, 0.25rem)}:host([root]) .menuWrapper.xl{padding:var(--ds-size-200, 1rem);gap:var(--ds-size-100, 0.5rem)}`;
|
|
17348
17418
|
|
|
17349
17419
|
var colorCss$2 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}`;
|
|
17350
17420
|
|
|
@@ -17620,11 +17690,17 @@ class AuroMenu extends AuroElement$1 {
|
|
|
17620
17690
|
}
|
|
17621
17691
|
}
|
|
17622
17692
|
|
|
17693
|
+
// eslint-disable-next-line complexity
|
|
17623
17694
|
updated(changedProperties) {
|
|
17624
17695
|
super.updated(changedProperties);
|
|
17625
17696
|
|
|
17626
17697
|
if (changedProperties.has('optionSelected')) {
|
|
17627
|
-
|
|
17698
|
+
const old = changedProperties.get('optionSelected');
|
|
17699
|
+
if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
|
|
17700
|
+
(!old && this.optionSelected) ||
|
|
17701
|
+
(old && !this.optionSelected)) {
|
|
17702
|
+
this.notifySelectionChange();
|
|
17703
|
+
}
|
|
17628
17704
|
}
|
|
17629
17705
|
|
|
17630
17706
|
if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
|
|
@@ -18191,7 +18267,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
18191
18267
|
* @private
|
|
18192
18268
|
*/
|
|
18193
18269
|
get wrapperClasses() {
|
|
18194
|
-
return e({
|
|
18270
|
+
return e$1({
|
|
18195
18271
|
'menuWrapper': true,
|
|
18196
18272
|
[this.size]: true,
|
|
18197
18273
|
});
|
|
@@ -18613,7 +18689,7 @@ class AuroIcon extends BaseIcon {
|
|
|
18613
18689
|
return x`
|
|
18614
18690
|
<div class="componentWrapper">
|
|
18615
18691
|
<div
|
|
18616
|
-
class="${e(svgClasses)}"
|
|
18692
|
+
class="${e$1(svgClasses)}"
|
|
18617
18693
|
title="${o(this.title || undefined)}">
|
|
18618
18694
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
18619
18695
|
${this.customSvg ? x`
|
|
@@ -18625,7 +18701,7 @@ class AuroIcon extends BaseIcon {
|
|
|
18625
18701
|
</span>
|
|
18626
18702
|
</div>
|
|
18627
18703
|
|
|
18628
|
-
<div class="${e(labelClasses)}">
|
|
18704
|
+
<div class="${e$1(labelClasses)}">
|
|
18629
18705
|
<slot></slot>
|
|
18630
18706
|
</div>
|
|
18631
18707
|
</div>
|
|
@@ -18796,7 +18872,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
18796
18872
|
xl: 'body-lg'
|
|
18797
18873
|
};
|
|
18798
18874
|
|
|
18799
|
-
const classes = e({
|
|
18875
|
+
const classes = e$1({
|
|
18800
18876
|
'wrapper': true,
|
|
18801
18877
|
[this.size ? fontClassMap[this.size] : 'body-sm']: true,
|
|
18802
18878
|
});
|