@aurodesignsystem/auro-formkit 3.3.0-beta.1 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +86 -1
- package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
- package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +10 -80
- package/components/bibtemplate/dist/registered.js +10 -80
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.html +1 -0
- package/components/checkbox/demo/api.md +4 -5
- package/components/checkbox/demo/api.min.js +66 -15
- package/components/checkbox/demo/index.html +1 -0
- package/components/checkbox/demo/index.min.js +66 -15
- package/components/checkbox/demo/readme.md +1 -1
- package/components/checkbox/dist/auro-checkbox-group.d.ts +7 -0
- package/components/checkbox/dist/auro-checkbox.d.ts +23 -2
- package/components/checkbox/dist/index.js +59 -8
- package/components/checkbox/dist/registered.js +59 -8
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/api.html +1 -0
- package/components/combobox/demo/api.min.js +154 -189
- package/components/combobox/demo/index.html +1 -0
- package/components/combobox/demo/index.min.js +154 -189
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +2 -10
- package/components/combobox/dist/index.js +130 -165
- package/components/combobox/dist/registered.js +130 -165
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.html +1 -0
- package/components/counter/demo/api.min.js +59 -120
- package/components/counter/demo/index.html +1 -0
- package/components/counter/demo/index.min.js +59 -120
- package/components/counter/demo/readme.md +1 -1
- package/components/counter/dist/iconVersion.d.ts +1 -1
- package/components/counter/dist/index.js +40 -101
- package/components/counter/dist/registered.js +40 -101
- package/components/datepicker/README.md +1 -1
- package/components/datepicker/demo/api.html +1 -0
- package/components/datepicker/demo/api.min.js +105 -153
- package/components/datepicker/demo/index.html +1 -0
- package/components/datepicker/demo/index.min.js +105 -153
- package/components/datepicker/demo/readme.md +1 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +8 -0
- package/components/datepicker/dist/index.js +79 -127
- package/components/datepicker/dist/registered.js +79 -127
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.html +1 -0
- package/components/dropdown/demo/api.min.js +18 -16
- package/components/dropdown/demo/index.html +1 -0
- package/components/dropdown/demo/index.min.js +18 -16
- package/components/dropdown/demo/readme.md +1 -1
- package/components/dropdown/dist/index.js +7 -5
- package/components/dropdown/dist/registered.js +7 -5
- package/components/form/README.md +1 -1
- package/components/form/demo/api.min.js +5 -5
- package/components/form/demo/index.min.js +5 -5
- package/components/form/demo/readme.md +1 -1
- package/components/helptext/dist/index.js +1 -1
- package/components/helptext/dist/registered.js +1 -1
- package/components/input/README.md +1 -1
- package/components/input/demo/api.html +1 -0
- package/components/input/demo/api.min.js +69 -57
- package/components/input/demo/index.html +1 -0
- package/components/input/demo/index.min.js +69 -57
- package/components/input/demo/readme.md +1 -1
- package/components/input/dist/base-input.d.ts +8 -0
- package/components/input/dist/index.js +31 -19
- package/components/input/dist/registered.js +31 -19
- package/components/menu/README.md +1 -1
- package/components/menu/demo/api.html +1 -0
- package/components/menu/demo/api.min.js +10 -10
- package/components/menu/demo/index.html +1 -0
- package/components/menu/demo/index.min.js +10 -10
- package/components/menu/demo/readme.md +1 -1
- package/components/menu/dist/iconVersion.d.ts +1 -1
- package/components/menu/dist/index.js +3 -3
- package/components/menu/dist/registered.js +3 -3
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.html +1 -0
- package/components/radio/demo/api.md +1 -0
- package/components/radio/demo/api.min.js +42 -18
- package/components/radio/demo/index.html +1 -0
- package/components/radio/demo/index.md +42 -0
- package/components/radio/demo/index.min.js +42 -18
- package/components/radio/demo/readme.md +1 -1
- package/components/radio/dist/auro-radio-group.d.ts +8 -0
- package/components/radio/dist/auro-radio.d.ts +5 -0
- package/components/radio/dist/index.js +35 -11
- package/components/radio/dist/registered.js +35 -11
- package/components/select/README.md +1 -1
- package/components/select/demo/api.html +1 -0
- package/components/select/demo/api.md +4 -5
- package/components/select/demo/api.min.js +84 -132
- package/components/select/demo/index.html +1 -0
- package/components/select/demo/index.min.js +84 -132
- package/components/select/demo/readme.md +1 -1
- package/components/select/dist/auro-select.d.ts +16 -2
- package/components/select/dist/index.js +65 -113
- package/components/select/dist/registered.js +65 -113
- package/package.json +3 -3
|
@@ -168,26 +168,26 @@ function auroMenuLoadingExample() {
|
|
|
168
168
|
* Copyright 2019 Google LLC
|
|
169
169
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
170
170
|
*/
|
|
171
|
-
const t$3=globalThis,e$4=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$
|
|
171
|
+
const t$3=globalThis,e$4=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),o$5=new WeakMap;let n$3 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$4)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$4&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$3("string"==typeof t?t:t+"",void 0,s$4),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$3(o,t,s$4)},S$1=(s,o)=>{if(e$4)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$3=e$4?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
|
|
172
172
|
|
|
173
173
|
/**
|
|
174
174
|
* @license
|
|
175
175
|
* Copyright 2017 Google LLC
|
|
176
176
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
177
|
-
*/const{is:i$4,defineProperty:e$3,getOwnPropertyDescriptor:
|
|
177
|
+
*/const{is:i$4,defineProperty:e$3,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$2,getOwnPropertySymbols:o$4,getPrototypeOf:n$2}=Object,a$2=globalThis,c$2=a$2.trustedTypes,l$2=c$2?c$2.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$1=(t,s)=>!i$4(t,s),b={attribute:true,type:String,converter:u$4,reflect:false,useDefault:false,hasChanged:f$1};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$3(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(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$2(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$2(t),...o$4(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$3(s));}else void 0!==s&&i.push(c$3(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,this[e]=h.fromAttribute(s,t.type)??this._$Ej?.get(e)??null,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$1)(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.0");
|
|
178
178
|
|
|
179
179
|
/**
|
|
180
180
|
* @license
|
|
181
181
|
* Copyright 2017 Google LLC
|
|
182
182
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
183
183
|
*/
|
|
184
|
-
const t$2=globalThis,i$3=t$2.trustedTypes,s$
|
|
184
|
+
const t$2=globalThis,i$3=t$2.trustedTypes,s$3=i$3?i$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$2="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$3="?"+h,n$1=`<${o$3}>`,r$1=document,l$1=()=>r$1.createComment(""),c$1=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=/<(?:(!--|\/[^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$1.createTreeWalker(r$1,129);function P(t,i){if(!a$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$3?s$3.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;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?"!--"===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,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:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$1:d>=0?(o.push(a),s.slice(0,d)+e$2+s.slice(d)+h+x):s+h+(-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$2)){const i=v[a++],s=r.getAttribute(t).split(h),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)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),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$3)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$1.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$1(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$1).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$1,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$1(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$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1.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&&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$1(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$1(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.0");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};
|
|
185
185
|
|
|
186
186
|
/**
|
|
187
187
|
* @license
|
|
188
188
|
* Copyright 2017 Google LLC
|
|
189
189
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
190
|
-
*/let
|
|
190
|
+
*/const s$2=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$2.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$2.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$2.litElementVersions??=[]).push("4.2.0");
|
|
191
191
|
|
|
192
192
|
/**
|
|
193
193
|
* @license
|
|
@@ -733,6 +733,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
733
733
|
reset(elem) {
|
|
734
734
|
elem.validity = undefined;
|
|
735
735
|
elem.value = undefined;
|
|
736
|
+
elem.touched = false;
|
|
736
737
|
|
|
737
738
|
// Resets the second value of the datepicker in range state
|
|
738
739
|
if (elem.valueEnd) {
|
|
@@ -870,7 +871,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
870
871
|
} else if (elem.type === 'date' && elem.value?.length > 0) {
|
|
871
872
|
|
|
872
873
|
// Guard Clause: if the value is too short
|
|
873
|
-
if (elem.value
|
|
874
|
+
if (elem.value?.length < elem.lengthForType) {
|
|
874
875
|
|
|
875
876
|
elem.validity = 'tooShort';
|
|
876
877
|
elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
|
|
@@ -940,11 +941,17 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
940
941
|
this.getAuroInputs(elem);
|
|
941
942
|
|
|
942
943
|
// Validate only if noValidate is not true and the input does not have focus
|
|
943
|
-
|
|
944
|
+
let validationShouldRun =
|
|
945
|
+
force ||
|
|
946
|
+
(!elem.contains(document.activeElement) &&
|
|
947
|
+
(elem.touched ||
|
|
948
|
+
(!elem.touched && typeof elem.value !== "undefined"))) ||
|
|
949
|
+
elem.validateOnInput;
|
|
944
950
|
|
|
945
951
|
if (elem.hasAttribute('error')) {
|
|
946
952
|
elem.validity = 'customError';
|
|
947
953
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
954
|
+
validationShouldRun = false;
|
|
948
955
|
} else if (validationShouldRun) {
|
|
949
956
|
elem.validity = 'valid';
|
|
950
957
|
elem.errorMessage = '';
|
|
@@ -965,7 +972,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
965
972
|
}
|
|
966
973
|
}
|
|
967
974
|
|
|
968
|
-
if (!hasValue && elem.required) {
|
|
975
|
+
if (!hasValue && elem.required && elem.touched) {
|
|
969
976
|
elem.validity = 'valueMissing';
|
|
970
977
|
elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
|
|
971
978
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
@@ -976,7 +983,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
976
983
|
}
|
|
977
984
|
}
|
|
978
985
|
|
|
979
|
-
if (this.auroInputElements?.length > 0) {
|
|
986
|
+
if (this.auroInputElements?.length > 0 && elem.validity !== "valueMissing") {
|
|
980
987
|
elem.validity = this.auroInputElements[0].validity;
|
|
981
988
|
elem.errorMessage = this.auroInputElements[0].errorMessage;
|
|
982
989
|
|
|
@@ -1055,7 +1062,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
1055
1062
|
}
|
|
1056
1063
|
}
|
|
1057
1064
|
} else {
|
|
1058
|
-
elem.errorMessage =
|
|
1065
|
+
elem.errorMessage = '';
|
|
1059
1066
|
}
|
|
1060
1067
|
}
|
|
1061
1068
|
};
|
|
@@ -1086,7 +1093,7 @@ const t$1={ATTRIBUTE:1,CHILD:2},e$1=t=>(...e)=>({_$litDirective$:t,values:e});cl
|
|
|
1086
1093
|
|
|
1087
1094
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1088
1095
|
|
|
1089
|
-
let AuroLibraryRuntimeUtils$1$
|
|
1096
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
1090
1097
|
|
|
1091
1098
|
/* eslint-disable jsdoc/require-param */
|
|
1092
1099
|
|
|
@@ -3124,7 +3131,9 @@ class AuroFloatingUI {
|
|
|
3124
3131
|
case 'keydown':
|
|
3125
3132
|
// Support both Enter and Space keys for accessibility
|
|
3126
3133
|
// Space is included as it's expected behavior for interactive elements
|
|
3127
|
-
|
|
3134
|
+
|
|
3135
|
+
const origin = event.composedPath()[0];
|
|
3136
|
+
if (event.key === 'Enter' || ((!origin || origin.tagName !== "INPUT") && event.key === ' ')) {
|
|
3128
3137
|
event.preventDefault(); // Prevent page scroll on space
|
|
3129
3138
|
this.handleClick();
|
|
3130
3139
|
}
|
|
@@ -3331,7 +3340,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
3331
3340
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
3332
3341
|
*/
|
|
3333
3342
|
|
|
3334
|
-
let AuroElement$3 = class AuroElement extends
|
|
3343
|
+
let AuroElement$3 = class AuroElement extends i$2 {
|
|
3335
3344
|
|
|
3336
3345
|
// function to define props used within the scope of this component
|
|
3337
3346
|
static get properties() {
|
|
@@ -3473,7 +3482,7 @@ let BaseIcon$3 = class BaseIcon extends AuroElement$3 {
|
|
|
3473
3482
|
|
|
3474
3483
|
var tokensCss$2$2 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
3475
3484
|
|
|
3476
|
-
var colorCss$3$2 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=
|
|
3485
|
+
var colorCss$3$2 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}`;
|
|
3477
3486
|
|
|
3478
3487
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3479
3488
|
// See LICENSE in the project root for license information.
|
|
@@ -3494,7 +3503,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3494
3503
|
*/
|
|
3495
3504
|
privateDefaults() {
|
|
3496
3505
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
3497
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$
|
|
3506
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
3498
3507
|
}
|
|
3499
3508
|
|
|
3500
3509
|
// function to define props used within the scope of this component
|
|
@@ -3549,7 +3558,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3549
3558
|
},
|
|
3550
3559
|
|
|
3551
3560
|
/**
|
|
3552
|
-
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `
|
|
3561
|
+
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `tierOneWorldEmerald`, `tierOneWorldSapphire`, `tierOneWorldRuby`.
|
|
3553
3562
|
*/
|
|
3554
3563
|
variant: {
|
|
3555
3564
|
type: String,
|
|
@@ -3576,7 +3585,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3576
3585
|
*
|
|
3577
3586
|
*/
|
|
3578
3587
|
static register(name = "auro-icon") {
|
|
3579
|
-
AuroLibraryRuntimeUtils$1$
|
|
3588
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroIcon);
|
|
3580
3589
|
}
|
|
3581
3590
|
|
|
3582
3591
|
connectedCallback() {
|
|
@@ -3669,7 +3678,7 @@ const DESIGN_TOKEN_BREAKPOINT_OPTIONS = [
|
|
|
3669
3678
|
* @csspart bibContainer - Apply css to the bib container.
|
|
3670
3679
|
*/
|
|
3671
3680
|
|
|
3672
|
-
class AuroDropdownBib extends
|
|
3681
|
+
class AuroDropdownBib extends i$2 {
|
|
3673
3682
|
|
|
3674
3683
|
constructor() {
|
|
3675
3684
|
super();
|
|
@@ -3679,7 +3688,7 @@ class AuroDropdownBib extends r$1 {
|
|
|
3679
3688
|
*/
|
|
3680
3689
|
this._mobileBreakpointValue = undefined;
|
|
3681
3690
|
|
|
3682
|
-
AuroLibraryRuntimeUtils$1$
|
|
3691
|
+
AuroLibraryRuntimeUtils$1$1.prototype.handleComponentTagRename(this, 'auro-dropdownbib');
|
|
3683
3692
|
}
|
|
3684
3693
|
|
|
3685
3694
|
static get styles() {
|
|
@@ -3771,13 +3780,13 @@ class AuroDropdownBib extends r$1 {
|
|
|
3771
3780
|
|
|
3772
3781
|
var dropdownVersion$1 = '3.0.0';
|
|
3773
3782
|
|
|
3774
|
-
var styleCss$1$3 = i$5`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0
|
|
3783
|
+
var styleCss$1$3 = i$5`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}.label[hasTrigger=false]{font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, 450);letter-spacing:var(--ds-basic-text-body-default-letter-spacing, 0);line-height:var(--ds-basic-text-body-default-line-height, 24px)}.trigger{position:relative;display:flex;align-items:center}.trigger[showBorder]{border-width:1px;border-style:solid;cursor:pointer;outline-style:solid;outline-width:1px}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([inset][bordered][labeled]) .trigger{padding:var(--ds-size-100, 0.5rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
|
|
3775
3784
|
|
|
3776
3785
|
var colorCss$1$3 = i$5`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color);outline-color:var(--ds-auro-dropdown-trigger-outline-color)}.trigger:focus-within,.trigger: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([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)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within,:host([error]) .trigger: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([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host([onDark]){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark]):focus-within,:host([onDark]):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][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)}:host([onDark][common]),:host([onDark][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff)}:host([onDark][common]) .trigger:focus-within,:host([onDark][common]) .trigger:active,:host([onDark][bordered]) .trigger:focus-within,:host([onDark][bordered]) .trigger: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][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}:host([onDark][error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([onDark][error]) .trigger:focus-within,:host([onDark][error]) .trigger: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][disabled][common]),:host([onDark][disabled][bordered]){--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}`;
|
|
3777
3786
|
|
|
3778
3787
|
var colorCss$6 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3779
3788
|
|
|
3780
|
-
var styleCss$6 = i$5`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0
|
|
3789
|
+
var styleCss$6 = i$5`.helptext-wrapper{display:none;font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px)}:host([large]) .helptext-wrapper{font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, 450);letter-spacing:var(--ds-basic-text-body-default-letter-spacing, 0);line-height:var(--ds-basic-text-body-default-line-height, 24px)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
3781
3790
|
|
|
3782
3791
|
var tokensCss$6 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
3783
3792
|
|
|
@@ -3860,7 +3869,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
|
3860
3869
|
*
|
|
3861
3870
|
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
3862
3871
|
*/
|
|
3863
|
-
let AuroHelpText$1 = class AuroHelpText extends
|
|
3872
|
+
let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
3864
3873
|
|
|
3865
3874
|
constructor() {
|
|
3866
3875
|
super();
|
|
@@ -4000,7 +4009,7 @@ var helpTextVersion$1 = '1.0.0';
|
|
|
4000
4009
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
4001
4010
|
* @event auroDropdown-idAdded - Notifies consumers that the unique ID for the dropdown bib has been generated.
|
|
4002
4011
|
*/
|
|
4003
|
-
class AuroDropdown extends
|
|
4012
|
+
class AuroDropdown extends i$2 {
|
|
4004
4013
|
constructor() {
|
|
4005
4014
|
super();
|
|
4006
4015
|
|
|
@@ -4016,7 +4025,7 @@ class AuroDropdown extends r$1 {
|
|
|
4016
4025
|
* @property {boolean} delegatesFocus - Whether the shadow root delegates focus.
|
|
4017
4026
|
*/
|
|
4018
4027
|
this.constructor.shadowRootOptions = {
|
|
4019
|
-
...
|
|
4028
|
+
...i$2.shadowRootOptions,
|
|
4020
4029
|
delegatesFocus: true,
|
|
4021
4030
|
};
|
|
4022
4031
|
|
|
@@ -4068,7 +4077,7 @@ class AuroDropdown extends r$1 {
|
|
|
4068
4077
|
/**
|
|
4069
4078
|
* @private
|
|
4070
4079
|
*/
|
|
4071
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$
|
|
4080
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
4072
4081
|
|
|
4073
4082
|
/**
|
|
4074
4083
|
* @private
|
|
@@ -4397,7 +4406,7 @@ class AuroDropdown extends r$1 {
|
|
|
4397
4406
|
*
|
|
4398
4407
|
*/
|
|
4399
4408
|
static register(name = "auro-dropdown") {
|
|
4400
|
-
AuroLibraryRuntimeUtils$1$
|
|
4409
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
4401
4410
|
}
|
|
4402
4411
|
|
|
4403
4412
|
/**
|
|
@@ -4941,7 +4950,7 @@ function stopNotifyingOnLangChange(element) {
|
|
|
4941
4950
|
watchedItems.delete(element);
|
|
4942
4951
|
}
|
|
4943
4952
|
|
|
4944
|
-
var styleCss$4$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.typeIcon{display:flex;flex-direction:row;align-items:center}.typeIcon [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-100, 0.5rem)}.notificationIcons{display:flex;flex-direction:row;padding-right:var(--ds-size-100, 0.5rem)}:host([bordered]) .typeIcon{padding-left:var(--ds-size-100, 0.5rem)}:host([bordered]) .notificationIcons{align-items:center}.notification:not(:first-of-type){margin-left:var(--ds-size-100, 0.5rem)}.alertNotification{width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem))}.passwordBtn{width:calc(var(--ds-size-300, 1.5rem));height:calc(var(--ds-size-300, 1.5rem))}.notificationBtn{display:block;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);padding:0;border:0;background:unset;cursor:pointer}.notificationBtn [auro-icon]{display:block;height:var(--ds-size-300, 1.5rem);--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}.notificationBtn [auro-icon][hidden]{display:none}:host(:not([bordered])) .typeIcon,:host(:not([bordered])) .notificationIcons{align-items:flex-end;padding-bottom:var(--ds-size-50, 0.25rem)}.clearBtn{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;width:0;opacity:0}:host .wrapper:hover .clearBtn,:host .wrapper:focus-within .clearBtn{width:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));opacity:1}:host(:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification{overflow:hidden;width:0;height:0;padding:0;margin:0;visibility:hidden}input{border:unset}.wrapper{position:relative;overflow:hidden;border-style:solid}:host(:not([bordered],[borderless])) .wrapper{border-width:1px 0}:host([bordered]) .wrapper{border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}:host(:not([borderless])) .wrapper:focus-within:before{position:absolute;display:block;border-bottom-width:1px;border-bottom-style:solid;content:"";inset:0;pointer-events:none}:host([validity]:not([validity=valid])) .wrapper:before{border-bottom:0}label{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host(:not([bordered])) label{top:calc(100% - var(--ds-size-25, 0.125rem));transform:translateY(-100%)}:host(:not([bordered])) label.withIcon{left:var(--ds-size-400, 2rem)}:host([bordered]) label{top:50%;transform:translateY(-50%)}:host([bordered]) label.withIcon{left:var(--ds-size-500, 2.5rem)}:host([bordered]) label:not(label.withIcon){left:var(--ds-size-100, 0.5rem)}:host .wrapper:focus-within label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0
|
|
4953
|
+
var styleCss$4$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.typeIcon{display:flex;flex-direction:row;align-items:center}.typeIcon [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-100, 0.5rem)}.notificationIcons{display:flex;flex-direction:row;padding-right:var(--ds-size-100, 0.5rem)}:host([bordered]) .typeIcon{padding-left:var(--ds-size-100, 0.5rem)}:host([bordered]) .notificationIcons{align-items:center}.notification:not(:first-of-type){margin-left:var(--ds-size-100, 0.5rem)}.alertNotification{width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem))}.passwordBtn{width:calc(var(--ds-size-300, 1.5rem));height:calc(var(--ds-size-300, 1.5rem))}.notificationBtn{display:block;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);padding:0;border:0;background:unset;cursor:pointer}.notificationBtn [auro-icon]{display:block;height:var(--ds-size-300, 1.5rem);--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}.notificationBtn [auro-icon][hidden]{display:none}:host(:not([bordered])) .typeIcon,:host(:not([bordered])) .notificationIcons{align-items:flex-end;padding-bottom:var(--ds-size-50, 0.25rem)}.clearBtn{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;width:0;opacity:0}:host .wrapper:hover .clearBtn,:host .wrapper:focus-within .clearBtn{width:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));opacity:1}:host(:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification{overflow:hidden;width:0;height:0;padding:0;margin:0;visibility:hidden}input{border:unset}.wrapper{position:relative;overflow:hidden;border-style:solid}:host(:not([bordered],[borderless])) .wrapper{border-width:1px 0}:host([bordered]) .wrapper{border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}:host(:not([borderless])) .wrapper:focus-within:before{position:absolute;display:block;border-bottom-width:1px;border-bottom-style:solid;content:"";inset:0;pointer-events:none}:host([validity]:not([validity=valid])) .wrapper:before{border-bottom:0}label{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host(:not([bordered])) label{top:calc(100% - var(--ds-size-25, 0.125rem));transform:translateY(-100%)}:host(:not([bordered])) label.withIcon{left:var(--ds-size-400, 2rem)}:host([bordered]) label{top:50%;transform:translateY(-50%)}:host([bordered]) label.withIcon{left:var(--ds-size-500, 2.5rem)}:host([bordered]) label:not(label.withIcon){left:var(--ds-size-100, 0.5rem)}:host .wrapper:focus-within label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px);transform:unset}:host label.withValue{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px);transform:unset}:host([activeLabel]) .wrapper label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px);transform:unset}:host{position:relative;display:block}.wrapper{display:flex;flex-direction:row}.main{display:flex;flex-direction:row;position:relative;flex:1}input{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:relative;overflow:hidden;min-height:var(--ds-size-200, 1rem);max-height:var(--ds-size-200, 1rem);flex:1;padding:var(--ds-size-400, 2rem) 0 var(--ds-size-50, 0.25rem);margin:0;font-family:var(--ds-basic-text-body-default-font-family, "AS Circular");font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, 450);letter-spacing:var(--ds-basic-text-body-default-letter-spacing, 0);line-height:var(--ds-basic-text-body-default-line-height, 24px);outline:none;text-overflow:ellipsis;white-space:nowrap}input::-ms-reveal,input::-ms-clear{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input:disabled{background:none;pointer-events:none}:host([bordered]) input{padding:var(--ds-size-400, 2rem) 0 var(--ds-size-100, 0.5rem)}`;
|
|
4945
4954
|
|
|
4946
4955
|
var colorCss$4 = i$5`.wrapper{border-color:transparent}input{background-color:transparent;caret-color:var(--ds-auro-input-caret-color);color:var(--ds-auro-input-text-color)}input::placeholder{color:transparent}input:focus::placeholder{color:var(--ds-auro-input-placeholder-text-color)}input:disabled{--ds-auro-input-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}label{color:var(--ds-auro-input-label-text-color)}.alertNotification{color:var(--ds-auro-input-error-icon-color)}:host(:not([bordered],[borderless])) .wrapper{border-bottom-color:var(--ds-auro-input-border-color)}:host([bordered]) .wrapper{border-color:var(--ds-auro-input-border-color);background-color:var(--ds-auro-input-container-color)}:host([bordered]) .wrapper:focus-within{--ds-auro-input-border-color: var(--ds-advanced-color-state-focused, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([validity]:not([validity=valid])[bordered]) .wrapper{--ds-auro-input-border-color: var(--ds-basic-color-status-error, #e31f26);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([disabled]){--ds-auro-input-border-color: var(--ds-basic-color-border-subtle, #dddddd);--ds-auro-input-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([onDark][bordered]){--ds-auro-input-caret-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-input-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-input-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-input-placeholder-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-input-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-input-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-input-error-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}:host([onDark][bordered]) .wrapper:focus-within{--ds-auro-input-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([onDark][validity]:not([validity=valid])[bordered]) .wrapper{--ds-auro-input-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([onDark][disabled]){--ds-auro-input-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-input-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-input-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}`;
|
|
4947
4956
|
|
|
@@ -9204,7 +9213,7 @@ const {
|
|
|
9204
9213
|
|
|
9205
9214
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
9206
9215
|
|
|
9207
|
-
let AuroLibraryRuntimeUtils$1
|
|
9216
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
9208
9217
|
|
|
9209
9218
|
/* eslint-disable jsdoc/require-param */
|
|
9210
9219
|
|
|
@@ -9274,7 +9283,7 @@ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
|
9274
9283
|
class AuroFormValidation {
|
|
9275
9284
|
|
|
9276
9285
|
constructor() {
|
|
9277
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1
|
|
9286
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
9278
9287
|
}
|
|
9279
9288
|
|
|
9280
9289
|
/**
|
|
@@ -9286,6 +9295,7 @@ class AuroFormValidation {
|
|
|
9286
9295
|
reset(elem) {
|
|
9287
9296
|
elem.validity = undefined;
|
|
9288
9297
|
elem.value = undefined;
|
|
9298
|
+
elem.touched = false;
|
|
9289
9299
|
|
|
9290
9300
|
// Resets the second value of the datepicker in range state
|
|
9291
9301
|
if (elem.valueEnd) {
|
|
@@ -9423,7 +9433,7 @@ class AuroFormValidation {
|
|
|
9423
9433
|
} else if (elem.type === 'date' && elem.value?.length > 0) {
|
|
9424
9434
|
|
|
9425
9435
|
// Guard Clause: if the value is too short
|
|
9426
|
-
if (elem.value
|
|
9436
|
+
if (elem.value?.length < elem.lengthForType) {
|
|
9427
9437
|
|
|
9428
9438
|
elem.validity = 'tooShort';
|
|
9429
9439
|
elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
|
|
@@ -9493,11 +9503,17 @@ class AuroFormValidation {
|
|
|
9493
9503
|
this.getAuroInputs(elem);
|
|
9494
9504
|
|
|
9495
9505
|
// Validate only if noValidate is not true and the input does not have focus
|
|
9496
|
-
|
|
9506
|
+
let validationShouldRun =
|
|
9507
|
+
force ||
|
|
9508
|
+
(!elem.contains(document.activeElement) &&
|
|
9509
|
+
(elem.touched ||
|
|
9510
|
+
(!elem.touched && typeof elem.value !== "undefined"))) ||
|
|
9511
|
+
elem.validateOnInput;
|
|
9497
9512
|
|
|
9498
9513
|
if (elem.hasAttribute('error')) {
|
|
9499
9514
|
elem.validity = 'customError';
|
|
9500
9515
|
elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
|
|
9516
|
+
validationShouldRun = false;
|
|
9501
9517
|
} else if (validationShouldRun) {
|
|
9502
9518
|
elem.validity = 'valid';
|
|
9503
9519
|
elem.errorMessage = '';
|
|
@@ -9518,7 +9534,7 @@ class AuroFormValidation {
|
|
|
9518
9534
|
}
|
|
9519
9535
|
}
|
|
9520
9536
|
|
|
9521
|
-
if (!hasValue && elem.required) {
|
|
9537
|
+
if (!hasValue && elem.required && elem.touched) {
|
|
9522
9538
|
elem.validity = 'valueMissing';
|
|
9523
9539
|
elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
|
|
9524
9540
|
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
@@ -9529,7 +9545,7 @@ class AuroFormValidation {
|
|
|
9529
9545
|
}
|
|
9530
9546
|
}
|
|
9531
9547
|
|
|
9532
|
-
if (this.auroInputElements?.length > 0) {
|
|
9548
|
+
if (this.auroInputElements?.length > 0 && elem.validity !== "valueMissing") {
|
|
9533
9549
|
elem.validity = this.auroInputElements[0].validity;
|
|
9534
9550
|
elem.errorMessage = this.auroInputElements[0].errorMessage;
|
|
9535
9551
|
|
|
@@ -9608,7 +9624,7 @@ class AuroFormValidation {
|
|
|
9608
9624
|
}
|
|
9609
9625
|
}
|
|
9610
9626
|
} else {
|
|
9611
|
-
elem.errorMessage =
|
|
9627
|
+
elem.errorMessage = '';
|
|
9612
9628
|
}
|
|
9613
9629
|
}
|
|
9614
9630
|
}
|
|
@@ -9635,7 +9651,7 @@ class AuroFormValidation {
|
|
|
9635
9651
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` value has changed.
|
|
9636
9652
|
*/
|
|
9637
9653
|
|
|
9638
|
-
class BaseInput extends
|
|
9654
|
+
class BaseInput extends i$2 {
|
|
9639
9655
|
|
|
9640
9656
|
constructor() {
|
|
9641
9657
|
super();
|
|
@@ -9659,6 +9675,7 @@ class BaseInput extends r$1 {
|
|
|
9659
9675
|
* @returns {void}
|
|
9660
9676
|
*/
|
|
9661
9677
|
privateDefaults() {
|
|
9678
|
+
this.touched = false;
|
|
9662
9679
|
this.util = new AuroInputUtilities();
|
|
9663
9680
|
this.validation = new AuroFormValidation();
|
|
9664
9681
|
this.inputIconName = undefined;
|
|
@@ -10020,6 +10037,18 @@ class BaseInput extends r$1 {
|
|
|
10020
10037
|
validity: {
|
|
10021
10038
|
type: String,
|
|
10022
10039
|
reflect: true
|
|
10040
|
+
},
|
|
10041
|
+
|
|
10042
|
+
/**
|
|
10043
|
+
* Indicates whether the input is in a dirty state (has been interacted with).
|
|
10044
|
+
* @type {boolean}
|
|
10045
|
+
* @default false
|
|
10046
|
+
* @private
|
|
10047
|
+
*/
|
|
10048
|
+
touched: {
|
|
10049
|
+
type: Boolean,
|
|
10050
|
+
reflect: true,
|
|
10051
|
+
attribute: false
|
|
10023
10052
|
}
|
|
10024
10053
|
};
|
|
10025
10054
|
}
|
|
@@ -10306,15 +10335,7 @@ class BaseInput extends r$1 {
|
|
|
10306
10335
|
*/
|
|
10307
10336
|
handleFocusin() {
|
|
10308
10337
|
|
|
10309
|
-
|
|
10310
|
-
* The input is considered to be in it's initial state based on
|
|
10311
|
-
* if this.value === undefined. The first time we interact with the
|
|
10312
|
-
* input manually, by applying focusin, we need to flag the
|
|
10313
|
-
* input as no longer in the initial state.
|
|
10314
|
-
*/
|
|
10315
|
-
if (this.value === undefined) {
|
|
10316
|
-
this.value = '';
|
|
10317
|
-
}
|
|
10338
|
+
this.touched = true;
|
|
10318
10339
|
}
|
|
10319
10340
|
|
|
10320
10341
|
/**
|
|
@@ -10663,7 +10684,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
10663
10684
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
10664
10685
|
*/
|
|
10665
10686
|
|
|
10666
|
-
let AuroElement$2 = class AuroElement extends
|
|
10687
|
+
let AuroElement$2 = class AuroElement extends i$2 {
|
|
10667
10688
|
|
|
10668
10689
|
// function to define props used within the scope of this component
|
|
10669
10690
|
static get properties() {
|
|
@@ -10805,7 +10826,7 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
10805
10826
|
|
|
10806
10827
|
var tokensCss$3 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
10807
10828
|
|
|
10808
|
-
var colorCss$3$1 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=
|
|
10829
|
+
var colorCss$3$1 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}`;
|
|
10809
10830
|
|
|
10810
10831
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10811
10832
|
// See LICENSE in the project root for license information.
|
|
@@ -10826,7 +10847,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10826
10847
|
*/
|
|
10827
10848
|
privateDefaults() {
|
|
10828
10849
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
10829
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1
|
|
10850
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
10830
10851
|
}
|
|
10831
10852
|
|
|
10832
10853
|
// function to define props used within the scope of this component
|
|
@@ -10881,7 +10902,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10881
10902
|
},
|
|
10882
10903
|
|
|
10883
10904
|
/**
|
|
10884
|
-
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `
|
|
10905
|
+
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `tierOneWorldEmerald`, `tierOneWorldSapphire`, `tierOneWorldRuby`.
|
|
10885
10906
|
*/
|
|
10886
10907
|
variant: {
|
|
10887
10908
|
type: String,
|
|
@@ -10908,7 +10929,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10908
10929
|
*
|
|
10909
10930
|
*/
|
|
10910
10931
|
static register(name = "auro-icon") {
|
|
10911
|
-
AuroLibraryRuntimeUtils$1
|
|
10932
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroIcon);
|
|
10912
10933
|
}
|
|
10913
10934
|
|
|
10914
10935
|
connectedCallback() {
|
|
@@ -10976,7 +10997,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10976
10997
|
|
|
10977
10998
|
var iconVersion$2 = '8.0.1';
|
|
10978
10999
|
|
|
10979
|
-
var styleCss$2$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}:host([variant=flat]){display:inline-block;height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem)}:host([variant=flat]) .auro-button{height:100%;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{position:relative;padding:0 var(--ds-size-300, 1.5rem);cursor:pointer;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem);font-family:var(--ds-basic-text-body-default-font-family, AS Circular);font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, Book);overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible{outline:none}.auro-button:focus-visible:not([variant=flat]){outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:calc(var(--ds-size-50, 0.25rem)*-1)}.auro-button:focus-visible:not([variant=flat]):not([variant=secondary]):not([variant=tertiary]){outline-width:calc(var(--ds-size-50, 0.25rem) - 1px)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=secondary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=flat]{height:unset;width:unset;min-height:unset;max-height:unset;min-width:unset;max-width:unset;border:0;border-radius:unset;gap:unset;padding:unset}.auro-button[onDark]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark][variant=secondary]:disabled{cursor:not-allowed;transform:unset}@media(hover: hover){.auro-button[onDark][variant=tertiary]:active,.auro-button[onDark][variant=tertiary]:hover{box-shadow:none}}.auro-button[onDark][variant=tertiary]:active{box-shadow:none}.auro-button[onDark][variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-basic-text-body-sm-font-size, 14px);min-width:unset;min-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem));max-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem))}.auro-button--iconOnly{padding:0 var(--ds-size-100, 0.5rem);border-radius:100px;min-width:unset;height:var(--ds-size-600, 3rem);width:var(--ds-size-500, 2.5rem)}.auro-button--iconOnly ::slotted(auro-icon),.auro-button--iconOnly ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300,
|
|
11000
|
+
var styleCss$2$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}:host([variant=flat]){display:inline-block;height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem)}:host([variant=flat]) .auro-button{height:100%;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{position:relative;padding:0 var(--ds-size-300, 1.5rem);cursor:pointer;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem);font-family:var(--ds-basic-text-body-default-font-family, AS Circular);font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, Book);overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible{outline:none}.auro-button:focus-visible:not([variant=flat]){outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:calc(var(--ds-size-50, 0.25rem)*-1)}.auro-button:focus-visible:not([variant=flat]):not([variant=secondary]):not([variant=tertiary]){outline-width:calc(var(--ds-size-50, 0.25rem) - 1px)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=secondary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=flat]{height:unset;width:unset;min-height:unset;max-height:unset;min-width:unset;max-width:unset;border:0;border-radius:unset;gap:unset;padding:unset}.auro-button[onDark]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark][variant=secondary]:disabled{cursor:not-allowed;transform:unset}@media(hover: hover){.auro-button[onDark][variant=tertiary]:active,.auro-button[onDark][variant=tertiary]:hover{box-shadow:none}}.auro-button[onDark][variant=tertiary]:active{box-shadow:none}.auro-button[onDark][variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-basic-text-body-sm-font-size, 14px);min-width:unset;min-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem));max-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem))}.auro-button--iconOnly{padding:0 var(--ds-size-100, 0.5rem);border-radius:100px;min-width:unset;height:var(--ds-size-600, 3rem);width:var(--ds-size-500, 2.5rem)}.auro-button--iconOnly ::slotted(auro-icon),.auro-button--iconOnly ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--iconOnly:not(.auro-button--rounded):focus-visible:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]){outline-width:1px;outline-offset:-2px}.auro-button--iconOnlySlim{padding:0 var(--ds-size-50, 0.25rem);height:calc(var(--ds-size-400, 2rem) + var(--ds-size-50, 0.25rem));width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, 0.25rem))}.auro-button--iconOnlySlim ::slotted(auro-icon),.auro-button--iconOnlySlim ::slotted([auro-icon]){--ds-auro-icon-size:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem))}.auro-button--rounded{border-radius:100px;box-shadow:var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, 0.2));height:var(--ds-size-500, 2.5rem);min-width:unset;transition:all 300ms ease-out,outline 0ms,outline-offset 0ms}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--rounded:focus-visible:not([variant=flat]):after{border-radius:100px}:host([rounded]) .textSlot{transition:opacity 300ms ease-in;opacity:1}:host([rounded][iconOnly]) .textSlot{opacity:0}:host([rounded][iconOnly]) .textWrapper{display:none}:host([rounded][iconOnly]) .auro-button{min-width:unset;padding:unset;width:var(--ds-size-600, 3rem)}[auro-loader]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}`;
|
|
10980
11001
|
|
|
10981
11002
|
var colorCss$2$1 = i$5`[auro-loader]{color:var(--ds-auro-button-loader-color)}.auro-button{-webkit-tap-highlight-color:var(--ds-auro-button-tap-color);color:var(--ds-auro-button-text-color);background-color:var(--ds-auro-button-container-color);background-image:linear-gradient(var(--ds-auro-button-container-image), var(--ds-auro-button-container-image));border-color:var(--ds-auro-button-border-color)}.auro-button:not([variant=secondary]):not([variant=tertiary]):focus-visible{outline-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-hover, #00274a)}.auro-button:not([ondark]):disabled{--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-disabled, #acc9e2)}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-border-color:var(--ds-advanced-color-button-secondary-border, #01426a);--ds-auro-button-text-color:var(--ds-advanced-color-button-secondary-text, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-secondary-text, #01426a)}.auro-button:not([ondark])[variant=secondary]:active:not(:disabled),.auro-button:not([ondark])[variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-border-color:var(--ds-advanced-color-button-secondary-border-hover, #00274a);--ds-auro-button-text-color:var(--ds-advanced-color-button-secondary-text-hover, #00274a)}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-border-color:var(--ds-advanced-color-button-secondary-border-disabled, #cfe0ef);--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-tertiary-text, #01426a)}.auro-button:not([ondark])[variant=tertiary]:active:not(:disabled),.auro-button:not([ondark])[variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-border-color:transparent}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark]{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-inverse, #ffffff);--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-text-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a)}.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-inverse-hover, #ebf3f9);--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}.auro-button[ondark]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button[ondark]:disabled{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color:transparent;--ds-auro-button-container-image:transparent;--ds-auro-button-border-color:var(--ds-advanced-color-button-secondary-border-inverse, #ffffff);--ds-auro-button-text-color:var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-loader-color:var(--ds-advanced-color-button-secondary-text-inverse, #ffffff)}.auro-button[ondark][variant=secondary]:active:not(:disabled),.auro-button[ondark][variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-button-border-color:var(--ds-advanced-color-button-secondary-border-inverse-disabled, #dddddd)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff);--ds-auro-button-loader-color:var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff)}.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=flat]{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}`;
|
|
10982
11003
|
|
|
@@ -10992,7 +11013,7 @@ var tokensCss$1$1 = i$5`:host{--ds-auro-loader-background-color:currentcolor;--d
|
|
|
10992
11013
|
// See LICENSE in the project root for license information.
|
|
10993
11014
|
|
|
10994
11015
|
|
|
10995
|
-
class AuroLoader extends
|
|
11016
|
+
class AuroLoader extends i$2 {
|
|
10996
11017
|
constructor() {
|
|
10997
11018
|
super();
|
|
10998
11019
|
|
|
@@ -11014,7 +11035,7 @@ class AuroLoader extends r$1 {
|
|
|
11014
11035
|
/**
|
|
11015
11036
|
* @private
|
|
11016
11037
|
*/
|
|
11017
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1
|
|
11038
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
11018
11039
|
|
|
11019
11040
|
this.orbit = false;
|
|
11020
11041
|
this.ringworm = false;
|
|
@@ -11077,7 +11098,7 @@ class AuroLoader extends r$1 {
|
|
|
11077
11098
|
*
|
|
11078
11099
|
*/
|
|
11079
11100
|
static register(name = "auro-loader") {
|
|
11080
|
-
AuroLibraryRuntimeUtils$1
|
|
11101
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroLoader);
|
|
11081
11102
|
}
|
|
11082
11103
|
|
|
11083
11104
|
firstUpdated() {
|
|
@@ -11166,7 +11187,7 @@ var loaderVersion = '5.0.0';
|
|
|
11166
11187
|
|
|
11167
11188
|
/* eslint-disable lit/no-invalid-html, lit/binding-positions */
|
|
11168
11189
|
|
|
11169
|
-
class AuroButton extends
|
|
11190
|
+
class AuroButton extends i$2 {
|
|
11170
11191
|
|
|
11171
11192
|
/**
|
|
11172
11193
|
* Enables form association for this element.
|
|
@@ -11308,7 +11329,7 @@ class AuroButton extends r$1 {
|
|
|
11308
11329
|
*
|
|
11309
11330
|
*/
|
|
11310
11331
|
static register(name = "auro-button") {
|
|
11311
|
-
AuroLibraryRuntimeUtils$1
|
|
11332
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroButton);
|
|
11312
11333
|
}
|
|
11313
11334
|
|
|
11314
11335
|
/**
|
|
@@ -11419,7 +11440,7 @@ var buttonVersion = '9.3.0';
|
|
|
11419
11440
|
|
|
11420
11441
|
var colorCss$5 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
11421
11442
|
|
|
11422
|
-
var styleCss$5 = i$5`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0
|
|
11443
|
+
var styleCss$5 = i$5`.helptext-wrapper{display:none;font-size:var(--ds-basic-text-body-xs-font-size, 12px);font-weight:var(--ds-basic-text-body-xs-font-weight, 450);letter-spacing:var(--ds-basic-text-body-xs-letter-spacing, 0);line-height:var(--ds-basic-text-body-xs-line-height, 16px)}:host([large]) .helptext-wrapper{font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, 450);letter-spacing:var(--ds-basic-text-body-default-letter-spacing, 0);line-height:var(--ds-basic-text-body-default-line-height, 24px)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
11423
11444
|
|
|
11424
11445
|
var tokensCss$5 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
11425
11446
|
|
|
@@ -11502,7 +11523,7 @@ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
|
11502
11523
|
*
|
|
11503
11524
|
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
11504
11525
|
*/
|
|
11505
|
-
class AuroHelpText extends
|
|
11526
|
+
class AuroHelpText extends i$2 {
|
|
11506
11527
|
|
|
11507
11528
|
constructor() {
|
|
11508
11529
|
super();
|
|
@@ -11665,7 +11686,7 @@ class AuroInput extends BaseInput {
|
|
|
11665
11686
|
*
|
|
11666
11687
|
*/
|
|
11667
11688
|
static register(name = "auro-input") {
|
|
11668
|
-
AuroLibraryRuntimeUtils$1
|
|
11689
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroInput);
|
|
11669
11690
|
}
|
|
11670
11691
|
|
|
11671
11692
|
/**
|
|
@@ -11852,7 +11873,7 @@ var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
|
|
|
11852
11873
|
|
|
11853
11874
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
11854
11875
|
|
|
11855
|
-
|
|
11876
|
+
class AuroLibraryRuntimeUtils {
|
|
11856
11877
|
|
|
11857
11878
|
/* eslint-disable jsdoc/require-param */
|
|
11858
11879
|
|
|
@@ -11913,7 +11934,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
11913
11934
|
|
|
11914
11935
|
return elemTag === tag || elem.hasAttribute(tag);
|
|
11915
11936
|
}
|
|
11916
|
-
}
|
|
11937
|
+
}
|
|
11917
11938
|
|
|
11918
11939
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11919
11940
|
// See LICENSE in the project root for license information.
|
|
@@ -11965,7 +11986,7 @@ class AuroDependencyVersioning {
|
|
|
11965
11986
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
11966
11987
|
*/
|
|
11967
11988
|
|
|
11968
|
-
let AuroElement$1 = class AuroElement extends
|
|
11989
|
+
let AuroElement$1 = class AuroElement extends i$2 {
|
|
11969
11990
|
|
|
11970
11991
|
// function to define props used within the scope of this component
|
|
11971
11992
|
static get properties() {
|
|
@@ -12107,7 +12128,7 @@ let BaseIcon$1 = class BaseIcon extends AuroElement$1 {
|
|
|
12107
12128
|
|
|
12108
12129
|
var tokensCss$2 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
12109
12130
|
|
|
12110
|
-
var colorCss$3 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=
|
|
12131
|
+
var colorCss$3 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}`;
|
|
12111
12132
|
|
|
12112
12133
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12113
12134
|
// See LICENSE in the project root for license information.
|
|
@@ -12128,7 +12149,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
12128
12149
|
*/
|
|
12129
12150
|
privateDefaults() {
|
|
12130
12151
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
12131
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils
|
|
12152
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
12132
12153
|
}
|
|
12133
12154
|
|
|
12134
12155
|
// function to define props used within the scope of this component
|
|
@@ -12183,7 +12204,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
12183
12204
|
},
|
|
12184
12205
|
|
|
12185
12206
|
/**
|
|
12186
|
-
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `
|
|
12207
|
+
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `tierOneWorldEmerald`, `tierOneWorldSapphire`, `tierOneWorldRuby`.
|
|
12187
12208
|
*/
|
|
12188
12209
|
variant: {
|
|
12189
12210
|
type: String,
|
|
@@ -12210,7 +12231,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
12210
12231
|
*
|
|
12211
12232
|
*/
|
|
12212
12233
|
static register(name = "auro-icon") {
|
|
12213
|
-
AuroLibraryRuntimeUtils
|
|
12234
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
|
|
12214
12235
|
}
|
|
12215
12236
|
|
|
12216
12237
|
connectedCallback() {
|
|
@@ -12276,77 +12297,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
12276
12297
|
}
|
|
12277
12298
|
};
|
|
12278
12299
|
|
|
12279
|
-
var iconVersion$1 = '8.0.
|
|
12280
|
-
|
|
12281
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
12282
|
-
// See LICENSE in the project root for license information.
|
|
12283
|
-
|
|
12284
|
-
// ---------------------------------------------------------------------
|
|
12285
|
-
|
|
12286
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
12287
|
-
|
|
12288
|
-
class AuroLibraryRuntimeUtils {
|
|
12289
|
-
|
|
12290
|
-
/* eslint-disable jsdoc/require-param */
|
|
12291
|
-
|
|
12292
|
-
/**
|
|
12293
|
-
* This will register a new custom element with the browser.
|
|
12294
|
-
* @param {String} name - The name of the custom element.
|
|
12295
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
12296
|
-
* @returns {void}
|
|
12297
|
-
*/
|
|
12298
|
-
registerComponent(name, componentClass) {
|
|
12299
|
-
if (!customElements.get(name)) {
|
|
12300
|
-
customElements.define(name, class extends componentClass {});
|
|
12301
|
-
}
|
|
12302
|
-
}
|
|
12303
|
-
|
|
12304
|
-
/**
|
|
12305
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
12306
|
-
* @returns {void}
|
|
12307
|
-
*/
|
|
12308
|
-
closestElement(
|
|
12309
|
-
selector, // selector like in .closest()
|
|
12310
|
-
base = this, // extra functionality to skip a parent
|
|
12311
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
12312
|
-
!el || el === document || el === window
|
|
12313
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
12314
|
-
: found
|
|
12315
|
-
? found // found a selector INside this element
|
|
12316
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
12317
|
-
) {
|
|
12318
|
-
return __Closest(base);
|
|
12319
|
-
}
|
|
12320
|
-
/* eslint-enable jsdoc/require-param */
|
|
12321
|
-
|
|
12322
|
-
/**
|
|
12323
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
12324
|
-
* @param {Object} elem - The element to check.
|
|
12325
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
12326
|
-
* @returns {void}
|
|
12327
|
-
*/
|
|
12328
|
-
handleComponentTagRename(elem, tagName) {
|
|
12329
|
-
const tag = tagName.toLowerCase();
|
|
12330
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
12331
|
-
|
|
12332
|
-
if (elemTag !== tag) {
|
|
12333
|
-
elem.setAttribute(tag, true);
|
|
12334
|
-
}
|
|
12335
|
-
}
|
|
12336
|
-
|
|
12337
|
-
/**
|
|
12338
|
-
* Validates if an element is a specific Auro component.
|
|
12339
|
-
* @param {Object} elem - The element to validate.
|
|
12340
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
12341
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
12342
|
-
*/
|
|
12343
|
-
elementMatch(elem, tagName) {
|
|
12344
|
-
const tag = tagName.toLowerCase();
|
|
12345
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
12346
|
-
|
|
12347
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
12348
|
-
}
|
|
12349
|
-
}
|
|
12300
|
+
var iconVersion$1 = '8.0.2';
|
|
12350
12301
|
|
|
12351
12302
|
var styleCss$4 = i$5`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
|
|
12352
12303
|
|
|
@@ -12368,7 +12319,7 @@ var styleCss$4 = i$5`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-head
|
|
|
12368
12319
|
/* eslint complexity: ["error", 21] */
|
|
12369
12320
|
|
|
12370
12321
|
// build the component class
|
|
12371
|
-
class AuroHeader extends
|
|
12322
|
+
class AuroHeader extends i$2 {
|
|
12372
12323
|
constructor() {
|
|
12373
12324
|
super();
|
|
12374
12325
|
|
|
@@ -12490,20 +12441,20 @@ class AuroHeader extends r$1 {
|
|
|
12490
12441
|
}
|
|
12491
12442
|
}
|
|
12492
12443
|
|
|
12493
|
-
var headerVersion = '4.0.
|
|
12444
|
+
var headerVersion = '4.0.1';
|
|
12494
12445
|
|
|
12495
12446
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12496
12447
|
// See LICENSE in the project root for license information.
|
|
12497
12448
|
|
|
12498
12449
|
|
|
12499
|
-
class AuroBibtemplate extends
|
|
12450
|
+
class AuroBibtemplate extends i$2 {
|
|
12500
12451
|
|
|
12501
12452
|
constructor() {
|
|
12502
12453
|
super();
|
|
12503
12454
|
|
|
12504
12455
|
this.large = false;
|
|
12505
12456
|
|
|
12506
|
-
AuroLibraryRuntimeUtils
|
|
12457
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
|
|
12507
12458
|
|
|
12508
12459
|
const versioning = new AuroDependencyVersioning();
|
|
12509
12460
|
this.iconTag = versioning.generateTag('auro-formkit-bibtemplate-icon', iconVersion$1, AuroIcon$1);
|
|
@@ -12542,7 +12493,7 @@ class AuroBibtemplate extends r$1 {
|
|
|
12542
12493
|
*
|
|
12543
12494
|
*/
|
|
12544
12495
|
static register(name = "auro-bibtemplate") {
|
|
12545
|
-
AuroLibraryRuntimeUtils
|
|
12496
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroBibtemplate);
|
|
12546
12497
|
}
|
|
12547
12498
|
|
|
12548
12499
|
/**
|
|
@@ -12728,7 +12679,7 @@ i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline
|
|
|
12728
12679
|
|
|
12729
12680
|
i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
12730
12681
|
|
|
12731
|
-
i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=
|
|
12682
|
+
i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}`;
|
|
12732
12683
|
|
|
12733
12684
|
var styleCss$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[auro-input]{min-height:var(--ds-size-700, 3.5rem);max-height:var(--ds-size-700, 3.5rem)}[auro-input]::part(iconContainer){top:0;display:flex;height:100%;align-items:center}[auro-input]::part(accentIcon){transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}[auro-input]::part(helpText){display:none}[auro-input]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}[auro-input]::part(wrapper):focus-within{border-bottom-width:0 !important;box-shadow:unset !important;outline:unset !important}#slotHolder{display:none}`;
|
|
12734
12685
|
|
|
@@ -12747,7 +12698,7 @@ var styleCss$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock
|
|
|
12747
12698
|
*/
|
|
12748
12699
|
|
|
12749
12700
|
// build the component class
|
|
12750
|
-
class AuroCombobox extends
|
|
12701
|
+
class AuroCombobox extends i$2 {
|
|
12751
12702
|
|
|
12752
12703
|
constructor() {
|
|
12753
12704
|
super();
|
|
@@ -13018,14 +12969,6 @@ class AuroCombobox extends r$1 {
|
|
|
13018
12969
|
reflect: true
|
|
13019
12970
|
},
|
|
13020
12971
|
|
|
13021
|
-
/**
|
|
13022
|
-
* @private
|
|
13023
|
-
*/
|
|
13024
|
-
isDropdownFullscreen: {
|
|
13025
|
-
type: Boolean,
|
|
13026
|
-
reflect: false
|
|
13027
|
-
},
|
|
13028
|
-
|
|
13029
12972
|
/**
|
|
13030
12973
|
* @private
|
|
13031
12974
|
* specifies the currently active option
|
|
@@ -13060,6 +13003,14 @@ class AuroCombobox extends r$1 {
|
|
|
13060
13003
|
* @returns {void}
|
|
13061
13004
|
*/
|
|
13062
13005
|
handleMenuOptions() {
|
|
13006
|
+
// Reset menu matchword UI
|
|
13007
|
+
this.menu.updateItemsState(new Map([
|
|
13008
|
+
[
|
|
13009
|
+
'matchWord',
|
|
13010
|
+
true
|
|
13011
|
+
]
|
|
13012
|
+
]));
|
|
13013
|
+
|
|
13063
13014
|
this.generateOptionsArray();
|
|
13064
13015
|
this.availableOptions = [];
|
|
13065
13016
|
|
|
@@ -13167,8 +13118,6 @@ class AuroCombobox extends r$1 {
|
|
|
13167
13118
|
return;
|
|
13168
13119
|
}
|
|
13169
13120
|
|
|
13170
|
-
this.isDropdownFullscreen = this.dropdown.isBibFullscreen;
|
|
13171
|
-
|
|
13172
13121
|
if (!this.dropdown.isPopoverVisible && this.input.value && this.input.value.length > 0) {
|
|
13173
13122
|
if (this.menu.getAttribute('loading') || (this.availableOptions && this.availableOptions.length > 0) || this.noMatchOption !== undefined) { // eslint-disable-line no-extra-parens
|
|
13174
13123
|
if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
|
|
@@ -13195,11 +13144,20 @@ class AuroCombobox extends r$1 {
|
|
|
13195
13144
|
// Listen for the dropdown to be shown or hidden
|
|
13196
13145
|
this.dropdown.addEventListener("auroDropdown-toggled", (ev) => {
|
|
13197
13146
|
this.dropdownOpen = ev.detail.expanded;
|
|
13147
|
+
|
|
13148
|
+
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
13149
|
+
setTimeout(this.transportInput);
|
|
13150
|
+
});
|
|
13151
|
+
|
|
13152
|
+
this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
|
|
13153
|
+
this.showBib();
|
|
13198
13154
|
});
|
|
13199
13155
|
|
|
13200
13156
|
// this.dropdown.addEventListener('auroDropdown-show', () => {
|
|
13201
13157
|
this.menuWrapper = this.dropdown.querySelector('.menuWrapper');
|
|
13202
|
-
|
|
13158
|
+
if (this.menu) {
|
|
13159
|
+
this.menuWrapper.append(this.menu);
|
|
13160
|
+
}
|
|
13203
13161
|
|
|
13204
13162
|
// setting up bibtemplate
|
|
13205
13163
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$); // eslint-disable-line no-underscore-dangle
|
|
@@ -13211,19 +13169,10 @@ class AuroCombobox extends r$1 {
|
|
|
13211
13169
|
this.hideBib = this.hideBib.bind(this);
|
|
13212
13170
|
this.bibtemplate.addEventListener('close-click', this.hideBib);
|
|
13213
13171
|
|
|
13214
|
-
this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
|
|
13215
|
-
this.showBib();
|
|
13216
|
-
});
|
|
13217
|
-
|
|
13218
13172
|
this.transportInput = this.transportInput.bind(this);
|
|
13219
|
-
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
13220
|
-
// wait a frame in case the bib gets hide immediately after showing because there is no value
|
|
13221
|
-
setTimeout(this.transportInput);
|
|
13222
|
-
});
|
|
13223
13173
|
|
|
13224
|
-
this.dropdown.addEventListener('auroDropdown-strategy-change', (
|
|
13174
|
+
this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
|
|
13225
13175
|
// event when the strategy(bib mode) is changed between fullscreen and floating
|
|
13226
|
-
this.isDropdownFullscreen = event.detail.strategy === 'fullscreen';
|
|
13227
13176
|
setTimeout(this.transportInput);
|
|
13228
13177
|
});
|
|
13229
13178
|
}
|
|
@@ -13235,7 +13184,6 @@ class AuroCombobox extends r$1 {
|
|
|
13235
13184
|
*/
|
|
13236
13185
|
configureMenu() {
|
|
13237
13186
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
13238
|
-
this.menu.addEventListener('auroMenu-loadingChange', (event) => this.handleMenuLoadingChange(event));
|
|
13239
13187
|
|
|
13240
13188
|
// a racing condition on custom-combobox with custom-menu
|
|
13241
13189
|
if (!this.menu) {
|
|
@@ -13246,6 +13194,7 @@ class AuroCombobox extends r$1 {
|
|
|
13246
13194
|
return;
|
|
13247
13195
|
}
|
|
13248
13196
|
|
|
13197
|
+
this.menu.addEventListener('auroMenu-loadingChange', (event) => this.handleMenuLoadingChange(event));
|
|
13249
13198
|
this.menu.shadowRoot.addEventListener('slotchange', (event) => this.handleSlotChange(event));
|
|
13250
13199
|
|
|
13251
13200
|
if (this.checkmark) {
|
|
@@ -13298,6 +13247,12 @@ class AuroCombobox extends r$1 {
|
|
|
13298
13247
|
|
|
13299
13248
|
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
13300
13249
|
this.optionActive = evt.detail;
|
|
13250
|
+
|
|
13251
|
+
this.optionActive.scrollIntoView({
|
|
13252
|
+
alignToTop: false,
|
|
13253
|
+
block: "nearest",
|
|
13254
|
+
behavior: "smooth"
|
|
13255
|
+
});
|
|
13301
13256
|
});
|
|
13302
13257
|
|
|
13303
13258
|
this.menu.addEventListener('auroMenu-selectValueFailure', () => {
|
|
@@ -13313,19 +13268,17 @@ class AuroCombobox extends r$1 {
|
|
|
13313
13268
|
* @private
|
|
13314
13269
|
* Dispatches input's keyboard events from host
|
|
13315
13270
|
* This allows key events from the input to be handled by the parent.
|
|
13316
|
-
* @param {
|
|
13271
|
+
* @param {Event} event - The keyboard event.
|
|
13317
13272
|
*/
|
|
13318
|
-
|
|
13319
|
-
if
|
|
13273
|
+
bubbleUpInputEvent(event) {
|
|
13274
|
+
// Do not need to bubble events if the input is not in bib.
|
|
13275
|
+
if (event.currentTarget.parentNode !== this.dropdown) {
|
|
13276
|
+
// prevents browsers to move cursor in input element.
|
|
13320
13277
|
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
|
13321
13278
|
event.preventDefault();
|
|
13322
13279
|
}
|
|
13323
|
-
const
|
|
13324
|
-
|
|
13325
|
-
code: event.code,
|
|
13326
|
-
repeat: event.repeat,
|
|
13327
|
-
});
|
|
13328
|
-
this.dispatchEvent(ke);
|
|
13280
|
+
const dupEvent = new event.constructor(event.type, event);
|
|
13281
|
+
this.dispatchEvent(dupEvent);
|
|
13329
13282
|
}
|
|
13330
13283
|
}
|
|
13331
13284
|
|
|
@@ -13336,14 +13289,22 @@ class AuroCombobox extends r$1 {
|
|
|
13336
13289
|
*/
|
|
13337
13290
|
configureInput() {
|
|
13338
13291
|
// When input is in bibtemplate, make the event to be fired at combobox element
|
|
13339
|
-
this.
|
|
13340
|
-
|
|
13341
|
-
|
|
13342
|
-
|
|
13292
|
+
this.bubbleUpInputEvent = this.bubbleUpInputEvent.bind(this);
|
|
13293
|
+
|
|
13294
|
+
const events = [
|
|
13295
|
+
'input',
|
|
13296
|
+
'keydown',
|
|
13297
|
+
'keyup'
|
|
13298
|
+
];
|
|
13299
|
+
events.forEach((eventType) => {
|
|
13300
|
+
this.input.addEventListener(eventType, this.bubbleUpInputEvent);
|
|
13301
|
+
});
|
|
13343
13302
|
|
|
13344
13303
|
this.addEventListener('keyup', (evt) => {
|
|
13345
13304
|
if (evt.key.length === 1 || evt.key === 'Backspace' || evt.key === 'Delete') {
|
|
13346
|
-
this.
|
|
13305
|
+
if (!this.dropdown.isPopoverVisible) {
|
|
13306
|
+
this.showBib();
|
|
13307
|
+
}
|
|
13347
13308
|
}
|
|
13348
13309
|
});
|
|
13349
13310
|
|
|
@@ -13404,8 +13365,8 @@ class AuroCombobox extends r$1 {
|
|
|
13404
13365
|
const inputHelpText = this.input.shadowRoot.querySelector('auro-helptext, [auro-helptext');
|
|
13405
13366
|
const inputAlertIcon = this.input.shadowRoot.querySelector(".alertNotification");
|
|
13406
13367
|
|
|
13407
|
-
if (this.dropdown.isPopoverVisible && this.
|
|
13408
|
-
if (this.input.parentNode
|
|
13368
|
+
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
13369
|
+
if (this.input.parentNode === this.dropdown) {
|
|
13409
13370
|
// keep the trigger size the same even after input gets removed
|
|
13410
13371
|
const parentSize = window.getComputedStyle(this.dropdown.trigger);
|
|
13411
13372
|
this.dropdown.trigger.style.height = parentSize.height;
|
|
@@ -13465,7 +13426,7 @@ class AuroCombobox extends r$1 {
|
|
|
13465
13426
|
}));
|
|
13466
13427
|
}
|
|
13467
13428
|
|
|
13468
|
-
if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
|
|
13429
|
+
if (this.optionSelected && this.optionSelected[0] && this.input.value !== this.optionSelected[0].textContent) {
|
|
13469
13430
|
this.optionSelected = undefined;
|
|
13470
13431
|
hasChange = true;
|
|
13471
13432
|
}
|
|
@@ -13491,7 +13452,7 @@ class AuroCombobox extends r$1 {
|
|
|
13491
13452
|
}
|
|
13492
13453
|
|
|
13493
13454
|
// Force dropdown bib to hide if input value has no matching suggestions
|
|
13494
|
-
if ((!this.availableOptions || this.availableOptions.length === 0) && !this.
|
|
13455
|
+
if ((!this.availableOptions || this.availableOptions.length === 0) && !this.dropdown.isBibFullscreen) {
|
|
13495
13456
|
this.hideBib();
|
|
13496
13457
|
}
|
|
13497
13458
|
}
|
|
@@ -13514,7 +13475,7 @@ class AuroCombobox extends r$1 {
|
|
|
13514
13475
|
if (evt.key === 'Tab') {
|
|
13515
13476
|
this.hideBib();
|
|
13516
13477
|
|
|
13517
|
-
if (this.dropdown.isPopoverVisible && this.
|
|
13478
|
+
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
13518
13479
|
// if bib is open in fullscreen, just close the bib and do not move the focus to the next focasable element
|
|
13519
13480
|
evt.preventDefault();
|
|
13520
13481
|
}
|
|
@@ -13619,6 +13580,10 @@ class AuroCombobox extends r$1 {
|
|
|
13619
13580
|
const [inputValue] = this.value;
|
|
13620
13581
|
this.input.value = inputValue;
|
|
13621
13582
|
|
|
13583
|
+
// Update the menu value and matchWord
|
|
13584
|
+
this.menu.matchWord = inputValue;
|
|
13585
|
+
this.handleMenuOptions();
|
|
13586
|
+
|
|
13622
13587
|
// If the value got set programmatically make sure we hide the bib
|
|
13623
13588
|
// when input is not taking the focus (input can be in dropdown.trigger or in bibtemplate)
|
|
13624
13589
|
if (!this.contains(document.activeElement) && !this.bibtemplate.contains(document.activeElement)) {
|
|
@@ -13928,7 +13893,7 @@ function dispatchMenuEvent(element, eventName, detail = null) {
|
|
|
13928
13893
|
|
|
13929
13894
|
/* eslint-disable no-magic-numbers, max-lines */
|
|
13930
13895
|
|
|
13931
|
-
class AuroMenu extends
|
|
13896
|
+
class AuroMenu extends i$2 {
|
|
13932
13897
|
constructor() {
|
|
13933
13898
|
super();
|
|
13934
13899
|
|
|
@@ -14624,7 +14589,7 @@ var colorCss$1 = i$5`:host{background-color:var(--ds-auro-menuoption-container-c
|
|
|
14624
14589
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
14625
14590
|
*/
|
|
14626
14591
|
|
|
14627
|
-
class AuroElement extends
|
|
14592
|
+
class AuroElement extends i$2 {
|
|
14628
14593
|
|
|
14629
14594
|
// function to define props used within the scope of this component
|
|
14630
14595
|
static get properties() {
|
|
@@ -14766,7 +14731,7 @@ class BaseIcon extends AuroElement {
|
|
|
14766
14731
|
|
|
14767
14732
|
var tokensCss = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
14768
14733
|
|
|
14769
|
-
var colorCss = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=
|
|
14734
|
+
var colorCss = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}`;
|
|
14770
14735
|
|
|
14771
14736
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
14772
14737
|
// See LICENSE in the project root for license information.
|
|
@@ -14842,7 +14807,7 @@ class AuroIcon extends BaseIcon {
|
|
|
14842
14807
|
},
|
|
14843
14808
|
|
|
14844
14809
|
/**
|
|
14845
|
-
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `
|
|
14810
|
+
* The style of the icon. The accepted variants are `accent1`, `disabled`, `muted`, `statusDefault`, `statusInfo`, `statusSuccess`, `statusWarning`, `statusError`, `statusInfoSubtle`, `statusSuccessSubtle`, `statusWarningSubtle`, `statusErrorSubtle`, `fareBasicEconomy`, `fareBusiness`, `fareEconomy`, `fareFirst`, `farePremiumEconomy`, `tierOneWorldEmerald`, `tierOneWorldSapphire`, `tierOneWorldRuby`.
|
|
14846
14811
|
*/
|
|
14847
14812
|
variant: {
|
|
14848
14813
|
type: String,
|
|
@@ -14935,7 +14900,7 @@ class AuroIcon extends BaseIcon {
|
|
|
14935
14900
|
}
|
|
14936
14901
|
}
|
|
14937
14902
|
|
|
14938
|
-
var iconVersion = '8.0.
|
|
14903
|
+
var iconVersion = '8.0.2';
|
|
14939
14904
|
|
|
14940
14905
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
14941
14906
|
|
|
@@ -14953,7 +14918,7 @@ var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlin
|
|
|
14953
14918
|
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
14954
14919
|
* @slot - Specifies text for an option, but is not the value.
|
|
14955
14920
|
*/
|
|
14956
|
-
class AuroMenuOption extends
|
|
14921
|
+
class AuroMenuOption extends i$2 {
|
|
14957
14922
|
constructor() {
|
|
14958
14923
|
super();
|
|
14959
14924
|
|