@aurodesignsystem/auro-formkit 2.0.2 → 2.0.3-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +133 -127
- package/components/bibtemplate/dist/registered.js +133 -127
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.min.js +29 -55
- package/components/checkbox/demo/index.min.js +29 -55
- package/components/checkbox/demo/readme.md +1 -1
- package/components/checkbox/dist/index.js +27 -100
- package/components/checkbox/dist/registered.js +27 -100
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/api.min.js +620 -596
- package/components/combobox/demo/index.min.js +620 -596
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/dist/index.js +496 -565
- package/components/combobox/dist/registered.js +496 -565
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.min.js +450 -375
- package/components/counter/demo/index.min.js +450 -375
- package/components/counter/demo/readme.md +1 -1
- package/components/counter/dist/iconVersion.d.ts +1 -1
- package/components/counter/dist/index.js +468 -440
- package/components/counter/dist/registered.js +468 -440
- package/components/datepicker/README.md +1 -1
- package/components/datepicker/demo/api.min.js +582 -573
- package/components/datepicker/demo/index.min.js +582 -573
- package/components/datepicker/demo/readme.md +1 -1
- package/components/datepicker/dist/index.js +584 -645
- package/components/datepicker/dist/registered.js +584 -645
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.min.js +150 -107
- package/components/dropdown/demo/index.min.js +150 -107
- package/components/dropdown/demo/readme.md +1 -1
- package/components/dropdown/dist/index.js +151 -155
- package/components/dropdown/dist/registered.js +151 -155
- package/components/form/README.md +1 -1
- package/components/form/demo/readme.md +1 -1
- package/components/form/dist/index.js +4 -28
- package/components/form/dist/registered.js +4 -28
- package/components/helptext/dist/index.js +6 -30
- package/components/helptext/dist/registered.js +6 -30
- package/components/input/README.md +1 -1
- package/components/input/demo/api.min.js +209 -152
- package/components/input/demo/index.min.js +209 -152
- package/components/input/demo/readme.md +1 -1
- package/components/input/dist/index.js +206 -208
- package/components/input/dist/registered.js +206 -208
- package/components/menu/README.md +1 -1
- package/components/menu/demo/api.min.js +106 -53
- package/components/menu/demo/index.min.js +106 -53
- package/components/menu/demo/readme.md +1 -1
- package/components/menu/dist/iconVersion.d.ts +1 -1
- package/components/menu/dist/index.js +128 -122
- package/components/menu/dist/registered.js +128 -122
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.min.js +29 -55
- package/components/radio/demo/index.min.js +29 -55
- package/components/radio/demo/readme.md +1 -1
- package/components/radio/dist/index.js +27 -100
- package/components/radio/dist/registered.js +27 -100
- package/components/select/README.md +1 -1
- package/components/select/demo/api.min.js +417 -398
- package/components/select/demo/index.min.js +417 -398
- package/components/select/demo/readme.md +1 -1
- package/components/select/dist/index.js +298 -373
- package/components/select/dist/registered.js +298 -373
- package/package.json +4 -2
|
@@ -1,35 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* @license
|
|
10
|
-
* Copyright 2017 Google LLC
|
|
11
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/const{is:i$g,defineProperty:e$d,getOwnPropertyDescriptor:r$e,getOwnPropertyNames:h$7,getOwnPropertySymbols:o$d,getPrototypeOf:n$c}=Object,a$9=globalThis,c$a=a$9.trustedTypes,l$9=c$a?c$a.emptyScript:"",p$8=a$9.reactiveElementPolyfillSupport,d$7=(t,s)=>t,u$b={toAttribute(t,s){switch(s){case Boolean:t=t?l$9: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$7=(t,s)=>!i$g(t,s),y$7={attribute:true,type:String,converter:u$b,reflect:false,hasChanged:f$7};Symbol.metadata??=Symbol("metadata"),a$9.litPropertyMetadata??=new WeakMap;let b$4 = class b 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=y$7){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$d(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$e(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$7}static _$Ei(){if(this.hasOwnProperty(d$7("elementProperties")))return;const t=n$c(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$7("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$7("properties"))){const t=this.properties,s=[...h$7(t),...o$d(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$b(s));}else void 0!==s&&i.push(c$b(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$7(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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$b).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$b;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$7)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$4.elementStyles=[],b$4.shadowRootOptions={mode:"open"},b$4[d$7("elementProperties")]=new Map,b$4[d$7("finalized")]=new Map,p$8?.({ReactiveElement:b$4}),(a$9.reactiveElementVersions??=[]).push("2.0.4");
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* @license
|
|
16
|
-
* Copyright 2017 Google LLC
|
|
17
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
|
-
*/
|
|
19
|
-
const t$9=globalThis,i$f=t$9.trustedTypes,s$9=i$f?i$f.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$c="$lit$",h$6=`lit$${Math.random().toFixed(9).slice(2)}$`,o$c="?"+h$6,n$b=`<${o$c}>`,r$d=document,l$8=()=>r$d.createComment(""),c$9=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$8=Array.isArray,u$a=t=>a$8(t)||"function"==typeof t?.[Symbol.iterator],d$6="[ \t\n\f\r]",f$6=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$5=/-->/g,_$4=/>/g,m$5=RegExp(`>|${d$6}(?:([^\\s"'>=/]+)(${d$6}*=${d$6}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$7=/'/g,g$4=/"/g,$$4=/^(?:script|style|textarea|title)$/i,y$6=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$4=y$6(1),T$4=Symbol.for("lit-noChange"),E$4=Symbol.for("lit-nothing"),A$4=new WeakMap,C$4=r$d.createTreeWalker(r$d,129);function P$4(t,i){if(!a$8(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$9?s$9.createHTML(i):i}const V$4=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$6;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$6?"!--"===u[1]?c=v$5:void 0!==u[1]?c=_$4:void 0!==u[2]?($$4.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$5):void 0!==u[3]&&(c=m$5):c===m$5?">"===u[0]?(c=r??f$6,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$5:'"'===u[3]?g$4:p$7):c===g$4||c===p$7?c=m$5:c===v$5||c===_$4?c=f$6:(c=m$5,r=void 0);const x=c===m$5&&t[i+1].startsWith("/>")?" ":"";l+=c===f$6?s+n$b:d>=0?(o.push(a),s.slice(0,d)+e$c+s.slice(d)+h$6+x):s+h$6+(-2===d?i:x);}return [P$4(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$4 = 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$4(t,s);if(this.el=N.createElement(f,n),C$4.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$4.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$c)){const i=v[a++],s=r.getAttribute(t).split(h$6),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$4:"?"===e[1]?I$4:"@"===e[1]?L$4:k$4}),r.removeAttribute(t);}else t.startsWith(h$6)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$4.test(r.tagName)){const t=r.textContent.split(h$6),s=t.length-1;if(s>0){r.textContent=i$f?i$f.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$8()),C$4.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$8());}}}else if(8===r.nodeType)if(r.data===o$c)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$6,t+1));)d.push({type:7,index:c}),t+=h$6.length-1;}c++;}}static createElement(t,i){const s=r$d.createElement("template");return s.innerHTML=t,s}};function S$6(t,i,s=t,e){if(i===T$4)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$9(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$6(t,h._$AS(t,i.values),h,e)),i}let M$5 = 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$d).importNode(i,true);C$4.currentNode=e;let h=C$4.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$4(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$4(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$4.nextNode(),o++);}return C$4.currentNode=r$d,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++;}};let R$4 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$4,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$6(this,t,i),c$9(t)?t===E$4||null==t||""===t?(this._$AH!==E$4&&this._$AR(),this._$AH=E$4):t!==this._$AH&&t!==T$4&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$a(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$4&&c$9(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$d.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$4.createElement(P$4(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$5(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$4.get(t.strings);return void 0===i&&A$4.set(t.strings,i=new N$4(t)),i}k(t){a$8(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$8()),this.O(l$8()),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));}};let k$4 = 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$4,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$4;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$6(this,t,i,0),o=!c$9(t)||t!==this._$AH&&t!==T$4,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$6(this,e[s+n],i,n),r===T$4&&(r=this._$AH[n]),o||=!c$9(r)||r!==this._$AH[n],r===E$4?t=E$4:t!==E$4&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$4?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$4 = class H extends k$4{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$4?void 0:t;}};let I$4 = class I extends k$4{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$4);}};let L$4 = class L extends k$4{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$6(this,t,i,0)??E$4)===T$4)return;const s=this._$AH,e=t===E$4&&s!==E$4||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$4&&(s===E$4||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);}};let z$4 = 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$6(this,t);}};const j$4=t$9.litHtmlPolyfillSupport;j$4?.(N$4,R$4),(t$9.litHtmlVersions??=[]).push("3.2.1");const B$4=(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$4(i.insertBefore(l$8(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* @license
|
|
23
|
-
* Copyright 2017 Google LLC
|
|
24
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/let r$c = class r extends b$4{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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$4(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$4}};r$c._$litElement$=true,r$c["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$c});const i$e=globalThis.litElementPolyfillSupport;i$e?.({LitElement:r$c});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* @license
|
|
29
|
-
* Copyright 2020 Google LLC
|
|
30
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/
|
|
32
|
-
const a$7=Symbol.for(""),o$b=t=>{if(t?.r===a$7)return t?._$litStatic$},s$8=t=>({_$litStatic$:t,r:a$7}),i$d=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$7}),l$7=new Map,n$a=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$b(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$7.get(t))&&(n.raw=n,l$7.set(t,r=n)),e=u;}return t(r,...e)},u$9=n$a(x$4);
|
|
1
|
+
import { html, css, LitElement } from 'lit';
|
|
2
|
+
import { unsafeStatic, literal, html as html$1 } from 'lit/static-html.js';
|
|
3
|
+
import { property } from 'lit/decorators.js';
|
|
4
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
5
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
6
|
+
import { repeat } from 'lit/directives/repeat.js';
|
|
33
7
|
|
|
34
8
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
35
9
|
// See LICENSE in the project root for license information.
|
|
@@ -442,7 +416,7 @@ let AuroDependencyVersioning$3 = class AuroDependencyVersioning {
|
|
|
442
416
|
*/
|
|
443
417
|
generateTag(baseName, version, tagClass) {
|
|
444
418
|
const elementName = this.generateElementName(baseName, version);
|
|
445
|
-
const tag =
|
|
419
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
446
420
|
|
|
447
421
|
if (!customElements.get(elementName)) {
|
|
448
422
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -774,7 +748,7 @@ class UtilitiesCalendarRender {
|
|
|
774
748
|
* @returns {Object} Returns the auro-calendar-month HTML.
|
|
775
749
|
*/
|
|
776
750
|
renderCalendar(elem, month, year) {
|
|
777
|
-
return
|
|
751
|
+
return html`
|
|
778
752
|
<auro-calendar-month
|
|
779
753
|
id="${`month-${month}-${year}`}"
|
|
780
754
|
.disabledDays="${elem.disabledDays}"
|
|
@@ -798,19 +772,19 @@ class UtilitiesCalendarRender {
|
|
|
798
772
|
}
|
|
799
773
|
}
|
|
800
774
|
|
|
801
|
-
var styleCss$b =
|
|
775
|
+
var styleCss$b = css`.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]::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){border-width:0 !important}[auro-input]:not(:first-child)::part(wrapper)::after{position:absolute;left:50%;width:95%;height:1px;background-color:var(--ds-auro-datepicker-range-input-divider-color);content:"";transform:translateX(-50%)}.outerWrapper{position:relative;container:outerwrapper/inline-size}.dpTriggerContent{display:flex;flex-direction:column}.dpTriggerContent [auro-input]{flex:1}@container outerwrapper (min-width: 390px){.dpTriggerContent{flex-direction:row}[auro-input]:first-of-type{margin-right:var(--ds-size-150, 0.75rem)}[auro-input]:nth-child(2){margin-left:var(--ds-size-150, 0.75rem)}[auro-input]:nth-child(2)::part(accentIcon){display:none}[auro-input]:nth-child(2)::part(label){left:0;width:100%}[auro-input]:nth-child(2)::part(input){padding-left:0}[auro-input]:nth-child(2):before{position:absolute;top:13px;left:calc(var(--ds-size-150, 0.75rem)*-1);display:block;width:1px;height:2rem;content:""}[auro-input]:not(:first-child)::part(wrapper):after{content:none}:host([range]) [auro-input]{max-width:50%}}@media screen and (max-width: 576px){::part(popover){position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;margin-bottom:var(--ds-size-200, 1rem);transform:unset !important}.calendarWrapper{display:flex;height:100dvh;flex-direction:row;justify-content:center}}`;
|
|
802
776
|
|
|
803
|
-
var colorCss$b =
|
|
777
|
+
var colorCss$b = css`.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]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}.dpTriggerContent [auro-input]:nth-child(2):before{background-color:var(--ds-auro-datepicker-range-input-divider-color)}.placeholderDate{color:var(--ds-auro-datepicker-placeholder-color)}`;
|
|
804
778
|
|
|
805
|
-
var tokensCss$8 =
|
|
779
|
+
var tokensCss$8 = css`:host{--ds-auro-datepicker-placeholder-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-datepicker-range-input-divider-color: var(--ds-color-border-primary-default, #585e67);--ds-auro-calendar-mobile-header-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-mobile-header-divider-color: var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12));--ds-auro-calendar-mobile-header-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-calendar-nav-btn-border-color: transparent;--ds-auro-calendar-nav-btn-chevron-color: var(--ds-color-icon-ui-primary-default-default, #2c67b5);--ds-auro-calendar-nav-btn-container-color: transparent;--ds-auro-calendar-month-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-month-divider-color: var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12));--ds-auro-calendar-month-header-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-calendar-cell-border-color: transparent;--ds-auro-calendar-cell-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-in-range-color: var(--ds-color-container-secondary-default, #f7f7f7);--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
806
780
|
|
|
807
|
-
var styleCss$a =
|
|
781
|
+
var styleCss$a = css`:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{font-size:var(--ds-text-body-size-xs, 0.75rem)}.headerDateTo{height:calc(var(--mobile-header-height) - var(--ds-size-300, 1.5rem));padding:var(--ds-size-300, 1.5rem) var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host(:not([noRange])) .headerDateTo{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center}:host(:not([noRange])) .headerDateTo:after{position:absolute;top:calc(50% + 10px);left:0;display:block;width:1px;height:var(--ds-size-300, 1.5rem);content:"";transform:translateY(-50%)}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
|
|
808
782
|
|
|
809
|
-
var colorCss$a =
|
|
783
|
+
var colorCss$a = css`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover,.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5)}}`;
|
|
810
784
|
|
|
811
|
-
var styleCss$9 =
|
|
785
|
+
var styleCss$9 = css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center;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)}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center;font-weight:700}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
812
786
|
|
|
813
|
-
var colorCss$9 =
|
|
787
|
+
var colorCss$9 = css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
814
788
|
|
|
815
789
|
/******************************************************************************
|
|
816
790
|
Copyright (c) Microsoft Corporation.
|
|
@@ -841,12 +815,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
841
815
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
842
816
|
};
|
|
843
817
|
|
|
844
|
-
/**
|
|
845
|
-
* @license
|
|
846
|
-
* Copyright 2017 Google LLC
|
|
847
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
848
|
-
*/const o$a={attribute:true,type:String,converter:u$b,reflect:false,hasChanged:f$7},r$b=(t=o$a,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n$9(t){return (e,o)=>"object"==typeof o?r$b(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:true}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
|
|
849
|
-
|
|
850
818
|
/**
|
|
851
819
|
* @module constants
|
|
852
820
|
* @summary Useful constants
|
|
@@ -6601,7 +6569,7 @@ function subYears(date, amount, options) {
|
|
|
6601
6569
|
return addYears(date, -1, options);
|
|
6602
6570
|
}
|
|
6603
6571
|
|
|
6604
|
-
class RangeDatepickerCell extends
|
|
6572
|
+
class RangeDatepickerCell extends LitElement {
|
|
6605
6573
|
constructor() {
|
|
6606
6574
|
super(...arguments);
|
|
6607
6575
|
this.day = null;
|
|
@@ -6632,7 +6600,7 @@ class RangeDatepickerCell extends r$c {
|
|
|
6632
6600
|
|
|
6633
6601
|
render() {
|
|
6634
6602
|
let _a, _b;
|
|
6635
|
-
return
|
|
6603
|
+
return html`
|
|
6636
6604
|
<button
|
|
6637
6605
|
@click="${this.handleTap}"
|
|
6638
6606
|
@mouseover="${this.handleHover}"
|
|
@@ -6722,7 +6690,7 @@ class RangeDatepickerCell extends r$c {
|
|
|
6722
6690
|
});
|
|
6723
6691
|
}
|
|
6724
6692
|
}
|
|
6725
|
-
RangeDatepickerCell.styles =
|
|
6693
|
+
RangeDatepickerCell.styles = css`
|
|
6726
6694
|
:host {
|
|
6727
6695
|
display: block;
|
|
6728
6696
|
}
|
|
@@ -6789,19 +6757,19 @@ RangeDatepickerCell.styles = i$h`
|
|
|
6789
6757
|
opacity: 0.4;
|
|
6790
6758
|
}
|
|
6791
6759
|
`;
|
|
6792
|
-
__decorate([
|
|
6793
|
-
__decorate([
|
|
6794
|
-
__decorate([
|
|
6795
|
-
__decorate([
|
|
6796
|
-
__decorate([
|
|
6797
|
-
__decorate([
|
|
6798
|
-
__decorate([
|
|
6799
|
-
__decorate([
|
|
6800
|
-
__decorate([
|
|
6801
|
-
__decorate([
|
|
6802
|
-
__decorate([
|
|
6803
|
-
__decorate([
|
|
6804
|
-
__decorate([
|
|
6760
|
+
__decorate([property({ type: Object })], RangeDatepickerCell.prototype, "day", void 0);
|
|
6761
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCell.prototype, "selected", void 0);
|
|
6762
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCell.prototype, "hovered", void 0);
|
|
6763
|
+
__decorate([property({ type: String })], RangeDatepickerCell.prototype, "dateTo", void 0);
|
|
6764
|
+
__decorate([property({ type: String })], RangeDatepickerCell.prototype, "dateFrom", void 0);
|
|
6765
|
+
__decorate([property({ type: String })], RangeDatepickerCell.prototype, "month", void 0);
|
|
6766
|
+
__decorate([property({ type: Number })], RangeDatepickerCell.prototype, "min", void 0);
|
|
6767
|
+
__decorate([property({ type: Number })], RangeDatepickerCell.prototype, "max", void 0);
|
|
6768
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCell.prototype, "disabled", void 0);
|
|
6769
|
+
__decorate([property({ type: Array })], RangeDatepickerCell.prototype, "disabledDays", void 0);
|
|
6770
|
+
__decorate([property({ type: String })], RangeDatepickerCell.prototype, "hoveredDate", void 0);
|
|
6771
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCell.prototype, "isCurrentDate", void 0);
|
|
6772
|
+
__decorate([property({ type: Object })], RangeDatepickerCell.prototype, "locale", null);
|
|
6805
6773
|
AuroLibraryRuntimeUtils$4.prototype.registerComponent('wc-range-datepicker-cell', RangeDatepickerCell);
|
|
6806
6774
|
|
|
6807
6775
|
class Day {
|
|
@@ -6811,7 +6779,7 @@ class Day {
|
|
|
6811
6779
|
}
|
|
6812
6780
|
}
|
|
6813
6781
|
|
|
6814
|
-
class RangeDatepickerCalendar extends
|
|
6782
|
+
class RangeDatepickerCalendar extends LitElement {
|
|
6815
6783
|
constructor() {
|
|
6816
6784
|
super();
|
|
6817
6785
|
|
|
@@ -6865,7 +6833,7 @@ class RangeDatepickerCalendar extends r$c {
|
|
|
6865
6833
|
|
|
6866
6834
|
render() {
|
|
6867
6835
|
let _a, _b;
|
|
6868
|
-
return
|
|
6836
|
+
return html`
|
|
6869
6837
|
<div>
|
|
6870
6838
|
<div class="header">
|
|
6871
6839
|
${this.renderPrevButton()}
|
|
@@ -6892,7 +6860,7 @@ class RangeDatepickerCalendar extends r$c {
|
|
|
6892
6860
|
|
|
6893
6861
|
renderPrevButton() {
|
|
6894
6862
|
if (this.prev || this.narrow || this.enableYearChange) {
|
|
6895
|
-
return
|
|
6863
|
+
return html`
|
|
6896
6864
|
<button
|
|
6897
6865
|
icon="chevron_left"
|
|
6898
6866
|
@click="${this.handlePrevMonth}">
|
|
@@ -6904,7 +6872,7 @@ class RangeDatepickerCalendar extends r$c {
|
|
|
6904
6872
|
|
|
6905
6873
|
renderNextButton() {
|
|
6906
6874
|
if (this.next || this.narrow || this.enableYearChange) {
|
|
6907
|
-
return
|
|
6875
|
+
return html`
|
|
6908
6876
|
<button
|
|
6909
6877
|
icon="chevron_right"
|
|
6910
6878
|
@click="${this.handleNextMonth}">
|
|
@@ -6915,23 +6883,23 @@ class RangeDatepickerCalendar extends r$c {
|
|
|
6915
6883
|
}
|
|
6916
6884
|
|
|
6917
6885
|
renderYear() {
|
|
6918
|
-
return
|
|
6886
|
+
return html`${this.year}`;
|
|
6919
6887
|
}
|
|
6920
6888
|
|
|
6921
6889
|
renderDayOfWeek(dayOfWeek) {
|
|
6922
|
-
return
|
|
6890
|
+
return html`<div class="th">${dayOfWeek}</div>`;
|
|
6923
6891
|
}
|
|
6924
6892
|
|
|
6925
6893
|
renderWeek(week) {
|
|
6926
|
-
return
|
|
6894
|
+
return html`
|
|
6927
6895
|
<div class="tr">${week.map((day) => this.renderDay(day))}</div>
|
|
6928
6896
|
`;
|
|
6929
6897
|
}
|
|
6930
6898
|
|
|
6931
6899
|
renderDay(day) {
|
|
6932
|
-
return
|
|
6900
|
+
return html`
|
|
6933
6901
|
<div class="td ${this.tdIsEnabled(day)}">
|
|
6934
|
-
${day ?
|
|
6902
|
+
${day ? html`
|
|
6935
6903
|
<wc-range-datepicker-cell
|
|
6936
6904
|
.disabledDays="${this.disabledDays}"
|
|
6937
6905
|
.min="${this.min}"
|
|
@@ -7197,7 +7165,7 @@ class RangeDatepickerCalendar extends r$c {
|
|
|
7197
7165
|
}
|
|
7198
7166
|
}
|
|
7199
7167
|
|
|
7200
|
-
RangeDatepickerCalendar.styles =
|
|
7168
|
+
RangeDatepickerCalendar.styles = css`
|
|
7201
7169
|
:host {
|
|
7202
7170
|
display: block;
|
|
7203
7171
|
width: 266px;
|
|
@@ -7302,48 +7270,35 @@ RangeDatepickerCalendar.styles = i$h`
|
|
|
7302
7270
|
max-height: 200px;
|
|
7303
7271
|
}
|
|
7304
7272
|
`;
|
|
7305
|
-
__decorate([
|
|
7306
|
-
__decorate([
|
|
7307
|
-
__decorate([
|
|
7308
|
-
__decorate([
|
|
7309
|
-
__decorate([
|
|
7310
|
-
__decorate([
|
|
7311
|
-
__decorate([
|
|
7312
|
-
__decorate([
|
|
7313
|
-
__decorate([
|
|
7314
|
-
__decorate([
|
|
7315
|
-
__decorate([
|
|
7316
|
-
__decorate([
|
|
7317
|
-
__decorate([
|
|
7318
|
-
__decorate([
|
|
7319
|
-
__decorate([
|
|
7320
|
-
__decorate([
|
|
7321
|
-
__decorate([
|
|
7322
|
-
__decorate([
|
|
7273
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "dateFrom", void 0);
|
|
7274
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "dateTo", void 0);
|
|
7275
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "hoveredDate", void 0);
|
|
7276
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCalendar.prototype, "enableYearChange", void 0);
|
|
7277
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "month", void 0);
|
|
7278
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCalendar.prototype, "narrow", void 0);
|
|
7279
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCalendar.prototype, "noRange", void 0);
|
|
7280
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCalendar.prototype, "next", void 0);
|
|
7281
|
+
__decorate([property({ type: Boolean })], RangeDatepickerCalendar.prototype, "prev", void 0);
|
|
7282
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "year", void 0);
|
|
7283
|
+
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "disabledDays", void 0);
|
|
7284
|
+
__decorate([property({ type: Object })], RangeDatepickerCalendar.prototype, "locale", null);
|
|
7285
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "max", void 0);
|
|
7286
|
+
__decorate([property({ type: String })], RangeDatepickerCalendar.prototype, "min", void 0);
|
|
7287
|
+
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "yearsList", void 0);
|
|
7288
|
+
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "monthsList", void 0);
|
|
7289
|
+
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesOfTheWeek", void 0);
|
|
7290
|
+
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7323
7291
|
AuroLibraryRuntimeUtils$4.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7324
7292
|
|
|
7325
|
-
|
|
7326
|
-
* @license
|
|
7327
|
-
* Copyright 2017 Google LLC
|
|
7328
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
7329
|
-
*/
|
|
7330
|
-
const t$8={ATTRIBUTE:1},e$b=t=>(...e)=>({_$litDirective$:t,values:e});let i$c = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
7331
|
-
|
|
7332
|
-
/**
|
|
7333
|
-
* @license
|
|
7334
|
-
* Copyright 2018 Google LLC
|
|
7335
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
7336
|
-
*/const e$a=e$b(class extends i$c{constructor(t){if(super(t),t.type!==t$8.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$4}});
|
|
7293
|
+
var styleCss$8 = css`@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);user-select:none}.day.disabled{cursor:default !important}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column;font-size:var(--ds-text-body-size-xxs, 0.625rem)}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:80%;overflow:hidden;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem);font-size:var(--ds-text-body-size-lg, 1.125rem)}.day:hover{cursor:pointer}.dateSlot{font-size:var(--ds-text-body-size-xs, 0.75rem)}}`;
|
|
7337
7294
|
|
|
7338
|
-
var
|
|
7295
|
+
var colorCss$8 = css`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-success-default, #0b6f4d)}.day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}.day.selected{--ds-auro-calendar-border-color: var(--ds-color-border-ui-active-default, #225296);--ds-auro-calendar-cell-container-color: var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-inverse, #ffffff);box-shadow:var(--ds-auro-calendar-boxshadow-color)}.day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-cell-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:unset}.day.selected:not(:hover){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-inverse, #ffffff)}.day:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-brand-neutral-200, #e4e8ec);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-default, #2a2a2a)}.day.disabled{--ds-auro-calendar-cell-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff)}.day.inRange:before,.day.rangeDepartDate:before,.day.rangeReturnDate:before,.day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}.day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}:host([disabled]){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}`;
|
|
7339
7296
|
|
|
7340
|
-
var colorCss$8 = i$h`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-success-default, #0b6f4d)}.day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}.day.selected{--ds-auro-calendar-border-color: var(--ds-color-border-ui-active-default, #225296);--ds-auro-calendar-cell-container-color: var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-inverse, #ffffff);box-shadow:var(--ds-auro-calendar-boxshadow-color)}.day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-cell-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:unset}.day.selected:not(:hover){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-inverse, #ffffff)}.day:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-brand-neutral-200, #e4e8ec);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-default, #2a2a2a)}.day.disabled{--ds-auro-calendar-cell-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff)}.day.inRange:before,.day.rangeDepartDate:before,.day.rangeReturnDate:before,.day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}.day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}:host([disabled]){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}`;
|
|
7297
|
+
var styleCss$7 = css`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([addSpace]) :host(:not([data-show])) .popover,:host(:not([data-show])) .popover,:host([disabled]) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.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}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1*(var(--ds-size-50, 0.25rem) + 1px)) 0 !important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0 !important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, 0.375rem)}@media screen and (min-width: 576px){.popover{max-width:50%}}@media screen and (min-width: 768px){.popover{max-width:40%}}@media screen and (min-width: 1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1*var(--ds-size-200, 1rem));left:calc(-1*var(--ds-size-75, 0.375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, 0.25rem);right:calc(-1*var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100, 0.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, 0.75rem);height:var(--ds-size-150, 0.75rem);content:""}`;
|
|
7341
7298
|
|
|
7342
|
-
var styleCss$7 = i$h`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 400;--ds-depth-tooltip: 300;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #dddddd;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #dddddd;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([addSpace]) :host(:not([data-show])) .popover,:host(:not([data-show])) .popover,:host([disabled]) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.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}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 300)}:host([removeSpace]) .popover{margin:calc(-1*(var(--ds-size-50, 0.25rem) + 1px)) 0 !important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0 !important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, 0.375rem)}@media screen and (min-width: 576px){.popover{max-width:50%}}@media screen and (min-width: 768px){.popover{max-width:40%}}@media screen and (min-width: 1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1*var(--ds-size-200, 1rem));left:calc(-1*var(--ds-size-75, 0.375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, 0.25rem);right:calc(-1*var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100, 0.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, 0.75rem);height:var(--ds-size-150, 0.75rem);content:""}`;
|
|
7299
|
+
var colorCss$7 = css`::slotted(*){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}`;
|
|
7343
7300
|
|
|
7344
|
-
var
|
|
7345
|
-
|
|
7346
|
-
var tokensCss$7 = i$h`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
7301
|
+
var tokensCss$7 = css`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
7347
7302
|
|
|
7348
7303
|
var top = 'top';
|
|
7349
7304
|
var bottom = 'bottom';
|
|
@@ -9219,7 +9174,7 @@ class Popover {
|
|
|
9219
9174
|
* @slot - Default unnamed slot for the use of popover content
|
|
9220
9175
|
* @slot trigger - The element in this slot triggers hiding and showing the popover.
|
|
9221
9176
|
*/
|
|
9222
|
-
class AuroPopover extends
|
|
9177
|
+
class AuroPopover extends LitElement {
|
|
9223
9178
|
constructor() {
|
|
9224
9179
|
super();
|
|
9225
9180
|
|
|
@@ -9249,9 +9204,9 @@ class AuroPopover extends r$c {
|
|
|
9249
9204
|
|
|
9250
9205
|
static get styles() {
|
|
9251
9206
|
return [
|
|
9252
|
-
|
|
9253
|
-
|
|
9254
|
-
|
|
9207
|
+
css`${styleCss$7}`,
|
|
9208
|
+
css`${colorCss$7}`,
|
|
9209
|
+
css`${tokensCss$7}`
|
|
9255
9210
|
];
|
|
9256
9211
|
}
|
|
9257
9212
|
|
|
@@ -9395,7 +9350,7 @@ class AuroPopover extends r$c {
|
|
|
9395
9350
|
|
|
9396
9351
|
// function that renders the HTML and CSS into the scope of the component
|
|
9397
9352
|
render() {
|
|
9398
|
-
return
|
|
9353
|
+
return html`
|
|
9399
9354
|
<div id="popover" class="popover util_insetLg" aria-live="polite" part="popover">
|
|
9400
9355
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
9401
9356
|
<span role="tooltip" aria-labelledby="${this.id}"><slot></slot></span>
|
|
@@ -9412,7 +9367,7 @@ var popoverVersion = '4.1.2';
|
|
|
9412
9367
|
|
|
9413
9368
|
/* eslint-disable max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-void, init-declarations, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
|
|
9414
9369
|
|
|
9415
|
-
class AuroCalendarCell extends
|
|
9370
|
+
class AuroCalendarCell extends LitElement {
|
|
9416
9371
|
constructor() {
|
|
9417
9372
|
super();
|
|
9418
9373
|
|
|
@@ -9747,7 +9702,7 @@ class AuroCalendarCell extends r$c {
|
|
|
9747
9702
|
};
|
|
9748
9703
|
|
|
9749
9704
|
let _a, _b;
|
|
9750
|
-
return
|
|
9705
|
+
return html$1`
|
|
9751
9706
|
<${this.popoverTag}>
|
|
9752
9707
|
<slot name="popover_${this.dateStr}"></slot>
|
|
9753
9708
|
<button
|
|
@@ -9755,7 +9710,7 @@ class AuroCalendarCell extends r$c {
|
|
|
9755
9710
|
@click="${this.handleTap}"
|
|
9756
9711
|
@mouseover="${this.handleHover}"
|
|
9757
9712
|
@focus="${this.handleHover}"
|
|
9758
|
-
class="${
|
|
9713
|
+
class="${classMap(buttonClasses)}"
|
|
9759
9714
|
?disabled="${this.disabled}"
|
|
9760
9715
|
title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
|
|
9761
9716
|
tabindex="-1">
|
|
@@ -9856,10 +9811,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9856
9811
|
}
|
|
9857
9812
|
|
|
9858
9813
|
renderDay(day) {
|
|
9859
|
-
return
|
|
9814
|
+
return html`
|
|
9860
9815
|
<div class="td ${this.tdIsEnabled(day)}">
|
|
9861
9816
|
${day
|
|
9862
|
-
?
|
|
9817
|
+
? html`
|
|
9863
9818
|
<auro-calendar-cell
|
|
9864
9819
|
.disabledDays="${this.disabledDays}"
|
|
9865
9820
|
.min="${this.min}"
|
|
@@ -9886,15 +9841,15 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9886
9841
|
render() {
|
|
9887
9842
|
var _a, _b;
|
|
9888
9843
|
|
|
9889
|
-
return
|
|
9844
|
+
return html `
|
|
9890
9845
|
<div>
|
|
9891
9846
|
<div class="header">
|
|
9892
9847
|
${this.renderPrevButton()}
|
|
9893
9848
|
<div class="headerTitle">
|
|
9894
|
-
${this.monthFirst ?
|
|
9849
|
+
${this.monthFirst ? html`
|
|
9895
9850
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
9896
9851
|
<div>${this.renderYear()}</div>
|
|
9897
|
-
` :
|
|
9852
|
+
` : html`
|
|
9898
9853
|
<div>${this.renderYear()}</div>
|
|
9899
9854
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
9900
9855
|
`}
|
|
@@ -9924,7 +9879,7 @@ if (!customElements.get('auro-calendar-month')) {
|
|
|
9924
9879
|
|
|
9925
9880
|
/* eslint-disable no-underscore-dangle, no-magic-numbers, no-underscore-dangle, no-void, init-declarations, no-extra-parens, no-unused-expressions */
|
|
9926
9881
|
|
|
9927
|
-
class RangeDatepicker extends
|
|
9882
|
+
class RangeDatepicker extends LitElement {
|
|
9928
9883
|
constructor() {
|
|
9929
9884
|
super();
|
|
9930
9885
|
|
|
@@ -9981,7 +9936,7 @@ class RangeDatepicker extends r$c {
|
|
|
9981
9936
|
}
|
|
9982
9937
|
|
|
9983
9938
|
renderNormal() {
|
|
9984
|
-
return
|
|
9939
|
+
return html`
|
|
9985
9940
|
<div id="container">
|
|
9986
9941
|
<wc-range-datepicker-calendar
|
|
9987
9942
|
id="firstDatePicker"
|
|
@@ -10027,7 +9982,7 @@ class RangeDatepicker extends r$c {
|
|
|
10027
9982
|
}
|
|
10028
9983
|
|
|
10029
9984
|
renderNarrow() {
|
|
10030
|
-
return
|
|
9985
|
+
return html`
|
|
10031
9986
|
<wc-range-datepicker-calendar
|
|
10032
9987
|
.disabledDays="${this.disabledDays}"
|
|
10033
9988
|
min="${this.min}"
|
|
@@ -10140,7 +10095,7 @@ class RangeDatepicker extends r$c {
|
|
|
10140
10095
|
}));
|
|
10141
10096
|
}
|
|
10142
10097
|
}
|
|
10143
|
-
RangeDatepicker.styles =
|
|
10098
|
+
RangeDatepicker.styles = css`
|
|
10144
10099
|
:host {
|
|
10145
10100
|
display: block;
|
|
10146
10101
|
position: relative;
|
|
@@ -10155,21 +10110,21 @@ RangeDatepicker.styles = i$h`
|
|
|
10155
10110
|
margin-right: 16px;
|
|
10156
10111
|
}
|
|
10157
10112
|
`;
|
|
10158
|
-
__decorate([
|
|
10159
|
-
__decorate([
|
|
10160
|
-
__decorate([
|
|
10161
|
-
__decorate([
|
|
10162
|
-
__decorate([
|
|
10163
|
-
__decorate([
|
|
10164
|
-
__decorate([
|
|
10165
|
-
__decorate([
|
|
10166
|
-
__decorate([
|
|
10167
|
-
__decorate([
|
|
10168
|
-
__decorate([
|
|
10169
|
-
__decorate([
|
|
10170
|
-
__decorate([
|
|
10171
|
-
__decorate([
|
|
10172
|
-
__decorate([
|
|
10113
|
+
__decorate([property({ type: Array })], RangeDatepicker.prototype, "disabledDays", void 0);
|
|
10114
|
+
__decorate([property({ type: Boolean })], RangeDatepicker.prototype, "enableYearChange", void 0);
|
|
10115
|
+
__decorate([property({ type: Boolean })], RangeDatepicker.prototype, "forceNarrow", void 0);
|
|
10116
|
+
__decorate([property({ type: Object })], RangeDatepicker.prototype, "locale", void 0);
|
|
10117
|
+
__decorate([property({ type: String })], RangeDatepicker.prototype, "max", void 0);
|
|
10118
|
+
__decorate([property({ type: String })], RangeDatepicker.prototype, "min", void 0);
|
|
10119
|
+
__decorate([property({ type: Number })], RangeDatepicker.prototype, "month", void 0);
|
|
10120
|
+
__decorate([property({ type: Boolean })], RangeDatepicker.prototype, "noRange", void 0);
|
|
10121
|
+
__decorate([property({ type: Number })], RangeDatepicker.prototype, "year", void 0);
|
|
10122
|
+
__decorate([property({ type: String })], RangeDatepicker.prototype, "dateFrom", void 0);
|
|
10123
|
+
__decorate([property({ type: String })], RangeDatepicker.prototype, "dateTo", void 0);
|
|
10124
|
+
__decorate([property({ type: String })], RangeDatepicker.prototype, "hoveredDate", void 0);
|
|
10125
|
+
__decorate([property({ type: Number })], RangeDatepicker.prototype, "monthPlus", void 0);
|
|
10126
|
+
__decorate([property({ type: Number })], RangeDatepicker.prototype, "yearPlus", void 0);
|
|
10127
|
+
__decorate([property({ type: Boolean })], RangeDatepicker.prototype, "narrow", void 0);
|
|
10173
10128
|
|
|
10174
10129
|
var chevronLeft = {"role":"img","color":"currentColor","title":"","desc":"Directional indicator; left.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"chevron-left","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"chevron-left__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=\"chevron-left__desc\">Directional indicator; left.</desc><path d=\"m14.395 6.345.084.073a.75.75 0 0 1 .072.977l-.072.084-4.47 4.47 4.47 4.47a.75.75 0 0 1 .072.976l-.072.084a.75.75 0 0 1-.977.072l-.084-.072-4.823-4.823a1 1 0 0 1 0-1.415l4.823-4.823a.75.75 0 0 1 .977-.073\"/></svg>"};
|
|
10175
10130
|
|
|
@@ -10313,44 +10268,11 @@ class CalendarUtilities {
|
|
|
10313
10268
|
}
|
|
10314
10269
|
}
|
|
10315
10270
|
|
|
10316
|
-
|
|
10317
|
-
* @license
|
|
10318
|
-
* Copyright 2019 Google LLC
|
|
10319
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10320
|
-
*/
|
|
10321
|
-
const t$2$2=globalThis,e$4$2=t$2$2.ShadowRoot&&(void 0===t$2$2.ShadyCSS||t$2$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2$2=Symbol(),o$4$2=new WeakMap;let n$3$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2$2)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$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$4$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$4$2.set(s,t));}return t}toString(){return this.cssText}};const r$3$2=t=>new n$3$2("string"==typeof t?t:t+"",void 0,s$2$2),i$5$2=(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$2(o,t,s$2$2)},S$1$2=(s,o)=>{if(e$4$2)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2$2=e$4$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3$2(e)})(t):t;
|
|
10271
|
+
var colorCss$1$2 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
10322
10272
|
|
|
10323
|
-
|
|
10324
|
-
* @license
|
|
10325
|
-
* Copyright 2017 Google LLC
|
|
10326
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10327
|
-
*/const{is:i$4$2,defineProperty:e$3$2,getOwnPropertyDescriptor:r$2$2,getOwnPropertyNames:h$1$2,getOwnPropertySymbols:o$3$2,getPrototypeOf:n$2$2}=Object,a$2$2=globalThis,c$1$2=a$2$2.trustedTypes,l$2$2=c$1$2?c$1$2.emptyScript:"",p$1$2=a$2$2.reactiveElementPolyfillSupport,d$1$2=(t,s)=>t,u$2$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2$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$2=(t,s)=>!i$4$2(t,s),y$1$2={attribute:true,type:String,converter:u$2$2,reflect:false,hasChanged:f$1$2};Symbol.metadata??=Symbol("metadata"),a$2$2.litPropertyMetadata??=new WeakMap;let b$3 = class b 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=y$1$2){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$3$2(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1$2}static _$Ei(){if(this.hasOwnProperty(d$1$2("elementProperties")))return;const t=n$2$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$2("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1$2("properties"))){const t=this.properties,s=[...h$1$2(t),...o$3$2(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$2$2(s));}else void 0!==s&&i.push(c$2$2(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$2(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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$2$2).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2$2;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1$2)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$3.elementStyles=[],b$3.shadowRootOptions={mode:"open"},b$3[d$1$2("elementProperties")]=new Map,b$3[d$1$2("finalized")]=new Map,p$1$2?.({ReactiveElement:b$3}),(a$2$2.reactiveElementVersions??=[]).push("2.0.4");
|
|
10273
|
+
var styleCss$2$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, $ds-size-500)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
10328
10274
|
|
|
10329
|
-
|
|
10330
|
-
* @license
|
|
10331
|
-
* Copyright 2017 Google LLC
|
|
10332
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10333
|
-
*/
|
|
10334
|
-
const t$1$2=globalThis,i$3$2=t$1$2.trustedTypes,s$1$2=i$3$2?i$3$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$2$2="$lit$",h$5=`lit$${Math.random().toFixed(9).slice(2)}$`,o$2$2="?"+h$5,n$1$2=`<${o$2$2}>`,r$1$2=document,l$1$2=()=>r$1$2.createComment(""),c$8=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1$2=Array.isArray,u$1$2=t=>a$1$2(t)||"function"==typeof t?.[Symbol.iterator],d$5="[ \t\n\f\r]",f$5=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$4=/-->/g,_$3=/>/g,m$4=RegExp(`>|${d$5}(?:([^\\s"'>=/]+)(${d$5}*=${d$5}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$6=/'/g,g$3=/"/g,$$3=/^(?:script|style|textarea|title)$/i,y$5=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$3=y$5(1),T$3=Symbol.for("lit-noChange"),E$3=Symbol.for("lit-nothing"),A$3=new WeakMap,C$3=r$1$2.createTreeWalker(r$1$2,129);function P$3(t,i){if(!a$1$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1$2?s$1$2.createHTML(i):i}const V$3=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$5;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$5?"!--"===u[1]?c=v$4:void 0!==u[1]?c=_$3:void 0!==u[2]?($$3.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$4):void 0!==u[3]&&(c=m$4):c===m$4?">"===u[0]?(c=r??f$5,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$4:'"'===u[3]?g$3:p$6):c===g$3||c===p$6?c=m$4:c===v$4||c===_$3?c=f$5:(c=m$4,r=void 0);const x=c===m$4&&t[i+1].startsWith("/>")?" ":"";l+=c===f$5?s+n$1$2:d>=0?(o.push(a),s.slice(0,d)+e$2$2+s.slice(d)+h$5+x):s+h$5+(-2===d?i:x);}return [P$3(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$3 = 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$3(t,s);if(this.el=N.createElement(f,n),C$3.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$3.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$2$2)){const i=v[a++],s=r.getAttribute(t).split(h$5),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$3:"?"===e[1]?I$3:"@"===e[1]?L$3:k$3}),r.removeAttribute(t);}else t.startsWith(h$5)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$3.test(r.tagName)){const t=r.textContent.split(h$5),s=t.length-1;if(s>0){r.textContent=i$3$2?i$3$2.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$1$2()),C$3.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$1$2());}}}else if(8===r.nodeType)if(r.data===o$2$2)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$5,t+1));)d.push({type:7,index:c}),t+=h$5.length-1;}c++;}}static createElement(t,i){const s=r$1$2.createElement("template");return s.innerHTML=t,s}};function S$5(t,i,s=t,e){if(i===T$3)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$8(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$5(t,h._$AS(t,i.values),h,e)),i}let M$4 = 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$2).importNode(i,true);C$3.currentNode=e;let h=C$3.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$3(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$3(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$3.nextNode(),o++);}return C$3.currentNode=r$1$2,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$3 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$3,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$5(this,t,i),c$8(t)?t===E$3||null==t||""===t?(this._$AH!==E$3&&this._$AR(),this._$AH=E$3):t!==this._$AH&&t!==T$3&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$1$2(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$3&&c$8(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1$2.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$3.createElement(P$3(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$4(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$3.get(t.strings);return void 0===i&&A$3.set(t.strings,i=new N$3(t)),i}k(t){a$1$2(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$2()),this.O(l$1$2()),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));}};let k$3 = 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$3,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$3;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$5(this,t,i,0),o=!c$8(t)||t!==this._$AH&&t!==T$3,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$5(this,e[s+n],i,n),r===T$3&&(r=this._$AH[n]),o||=!c$8(r)||r!==this._$AH[n],r===E$3?t=E$3:t!==E$3&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$3?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$3 = class H extends k$3{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$3?void 0:t;}};let I$3 = class I extends k$3{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$3);}};let L$3 = class L extends k$3{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$5(this,t,i,0)??E$3)===T$3)return;const s=this._$AH,e=t===E$3&&s!==E$3||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$3&&(s===E$3||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);}};let z$3 = 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$5(this,t);}};const j$3=t$1$2.litHtmlPolyfillSupport;j$3?.(N$3,R$3),(t$1$2.litHtmlVersions??=[]).push("3.2.1");const B$3=(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$3(i.insertBefore(l$1$2(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
10335
|
-
|
|
10336
|
-
/**
|
|
10337
|
-
* @license
|
|
10338
|
-
* Copyright 2017 Google LLC
|
|
10339
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10340
|
-
*/let r$a = class r extends b$3{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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$3(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$3}};r$a._$litElement$=true,r$a["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$a});const i$2$2=globalThis.litElementPolyfillSupport;i$2$2?.({LitElement:r$a});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
10341
|
-
|
|
10342
|
-
/**
|
|
10343
|
-
* @license
|
|
10344
|
-
* Copyright 2020 Google LLC
|
|
10345
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10346
|
-
*/
|
|
10347
|
-
const a$6=Symbol.for(""),o$1$2=t=>{if(t?.r===a$6)return t?._$litStatic$},s$7=t=>({_$litStatic$:t,r:a$6}),i$1$2=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$6}),l$6=new Map,n$8=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$1$2(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$6.get(t))&&(n.raw=n,l$6.set(t,r=n)),e=u;}return t(r,...e)},u$8=n$8(x$3);
|
|
10348
|
-
|
|
10349
|
-
var colorCss$1$2 = i$5$2`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
10350
|
-
|
|
10351
|
-
var styleCss$2$2 = i$5$2`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, $ds-size-500)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
10352
|
-
|
|
10353
|
-
var tokenCss = i$5$2`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-color-container-primary-default, #ffffff)}`;
|
|
10275
|
+
var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-color-container-primary-default, #ffffff)}`;
|
|
10354
10276
|
|
|
10355
10277
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
10356
10278
|
// See LICENSE in the project root for license information.
|
|
@@ -10452,7 +10374,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
10452
10374
|
*/
|
|
10453
10375
|
generateTag(baseName, version, tagClass) {
|
|
10454
10376
|
const elementName = this.generateElementName(baseName, version);
|
|
10455
|
-
const tag =
|
|
10377
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
10456
10378
|
|
|
10457
10379
|
if (!customElements.get(elementName)) {
|
|
10458
10380
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -10462,25 +10384,6 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
10462
10384
|
}
|
|
10463
10385
|
};
|
|
10464
10386
|
|
|
10465
|
-
/**
|
|
10466
|
-
* @license
|
|
10467
|
-
* Copyright 2017 Google LLC
|
|
10468
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10469
|
-
*/
|
|
10470
|
-
const t$7={ATTRIBUTE:1},e$1$2=t=>(...e)=>({_$litDirective$:t,values:e});let i$b = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
10471
|
-
|
|
10472
|
-
/**
|
|
10473
|
-
* @license
|
|
10474
|
-
* Copyright 2018 Google LLC
|
|
10475
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10476
|
-
*/const e$9=e$1$2(class extends i$b{constructor(t$1){if(super(t$1),t$1.type!==t$7.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$3}});
|
|
10477
|
-
|
|
10478
|
-
/**
|
|
10479
|
-
* @license
|
|
10480
|
-
* Copyright 2018 Google LLC
|
|
10481
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
10482
|
-
*/const o$9=o=>o??E$3;
|
|
10483
|
-
|
|
10484
10387
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10485
10388
|
// See LICENSE in the project root for license information.
|
|
10486
10389
|
|
|
@@ -10491,7 +10394,7 @@ const t$7={ATTRIBUTE:1},e$1$2=t=>(...e)=>({_$litDirective$:t,values:e});let i$b
|
|
|
10491
10394
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
10492
10395
|
*/
|
|
10493
10396
|
|
|
10494
|
-
let AuroElement$2 = class AuroElement extends
|
|
10397
|
+
let AuroElement$2 = class AuroElement extends LitElement {
|
|
10495
10398
|
|
|
10496
10399
|
// function to define props used within the scope of this component
|
|
10497
10400
|
static get properties() {
|
|
@@ -10547,7 +10450,7 @@ const cacheFetch$2 = (uri, options = {}) => {
|
|
|
10547
10450
|
return _fetchMap$2.get(uri);
|
|
10548
10451
|
};
|
|
10549
10452
|
|
|
10550
|
-
var styleCss$1$2 =
|
|
10453
|
+
var styleCss$1$2 = css`: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}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;
|
|
10551
10454
|
|
|
10552
10455
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10553
10456
|
// See LICENSE in the project root for license information.
|
|
@@ -10586,7 +10489,7 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
10586
10489
|
}
|
|
10587
10490
|
|
|
10588
10491
|
static get styles() {
|
|
10589
|
-
return
|
|
10492
|
+
return css`
|
|
10590
10493
|
${styleCss$1$2}
|
|
10591
10494
|
`;
|
|
10592
10495
|
}
|
|
@@ -10628,47 +10531,18 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
10628
10531
|
}
|
|
10629
10532
|
};
|
|
10630
10533
|
|
|
10631
|
-
var tokensCss$6 =
|
|
10534
|
+
var tokensCss$6 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
10632
10535
|
|
|
10633
|
-
var colorCss$6 =
|
|
10536
|
+
var colorCss$6 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
10634
10537
|
|
|
10635
10538
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10636
10539
|
// See LICENSE in the project root for license information.
|
|
10637
10540
|
|
|
10638
10541
|
|
|
10639
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
10640
|
-
/**
|
|
10641
|
-
* auro-icon provides users a way to use the Auro Icons by simply passing in the category and name.
|
|
10642
|
-
*
|
|
10643
|
-
* @attr {String} category - The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
10644
|
-
* @attr {String} name - The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage
|
|
10645
|
-
* @attr {Boolean} customColor - Removes primary selector.
|
|
10646
|
-
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
|
|
10647
|
-
* @attr {Boolean} label - Exposes content in slot as icon label.
|
|
10648
|
-
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
10649
|
-
* @attr {Boolean} accent - Sets the icon to use the accent style.
|
|
10650
|
-
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
|
|
10651
|
-
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
|
|
10652
|
-
* @attr {Boolean} error - Sets the icon to use the error style.
|
|
10653
|
-
* @attr {Boolean} info - Sets the icon to use the info style.
|
|
10654
|
-
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
|
|
10655
|
-
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
|
|
10656
|
-
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
|
|
10657
|
-
* @attr {Boolean} success - Sets the icon to use the success style.
|
|
10658
|
-
* @attr {Boolean} warning - Sets the icon to use the warning style.
|
|
10659
|
-
* @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.
|
|
10660
|
-
* @attr {String} uri - Set the uri for CDN used when fetching icons
|
|
10661
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed.
|
|
10662
|
-
* @slot svg - Used for custom SVG content.
|
|
10663
|
-
*/
|
|
10664
|
-
|
|
10665
|
-
// build the component class
|
|
10666
10542
|
let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
10667
10543
|
constructor() {
|
|
10668
10544
|
super();
|
|
10669
10545
|
|
|
10670
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
10671
|
-
|
|
10672
10546
|
this.privateDefaults();
|
|
10673
10547
|
}
|
|
10674
10548
|
|
|
@@ -10692,6 +10566,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10692
10566
|
this.success = false;
|
|
10693
10567
|
this.tertiary = false;
|
|
10694
10568
|
this.warning = false;
|
|
10569
|
+
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
10695
10570
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
10696
10571
|
}
|
|
10697
10572
|
|
|
@@ -10699,71 +10574,136 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10699
10574
|
static get properties() {
|
|
10700
10575
|
return {
|
|
10701
10576
|
...super.properties,
|
|
10577
|
+
|
|
10578
|
+
/**
|
|
10579
|
+
* Sets the icon to use the accent style.
|
|
10580
|
+
*/
|
|
10702
10581
|
accent: {
|
|
10703
10582
|
type: Boolean,
|
|
10704
10583
|
reflect: true
|
|
10705
10584
|
},
|
|
10585
|
+
|
|
10586
|
+
/**
|
|
10587
|
+
* Set aria-hidden value. Default is `true`. Option is `false`.
|
|
10588
|
+
*/
|
|
10706
10589
|
ariaHidden: {
|
|
10707
10590
|
type: String,
|
|
10708
10591
|
reflect: true
|
|
10709
10592
|
},
|
|
10593
|
+
|
|
10594
|
+
/**
|
|
10595
|
+
* The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
10596
|
+
*/
|
|
10710
10597
|
category: {
|
|
10711
10598
|
type: String,
|
|
10712
10599
|
reflect: true
|
|
10713
10600
|
},
|
|
10601
|
+
|
|
10602
|
+
/**
|
|
10603
|
+
* Allows custom color to be set.
|
|
10604
|
+
*/
|
|
10714
10605
|
customColor: {
|
|
10715
10606
|
type: Boolean
|
|
10716
10607
|
},
|
|
10608
|
+
|
|
10609
|
+
/**
|
|
10610
|
+
* When true, auro-icon will render a custom SVG inside the default slot.
|
|
10611
|
+
*/
|
|
10717
10612
|
customSvg: {
|
|
10718
10613
|
type: Boolean
|
|
10719
10614
|
},
|
|
10615
|
+
|
|
10616
|
+
/**
|
|
10617
|
+
* Sets the icon to use the disabled style.
|
|
10618
|
+
*/
|
|
10720
10619
|
disabled: {
|
|
10721
10620
|
type: Boolean,
|
|
10722
10621
|
reflect: true
|
|
10723
10622
|
},
|
|
10623
|
+
|
|
10624
|
+
/**
|
|
10625
|
+
* Sets the icon to use the emphasis style.
|
|
10626
|
+
*/
|
|
10724
10627
|
emphasis: {
|
|
10725
10628
|
type: Boolean,
|
|
10726
10629
|
reflect: true
|
|
10727
10630
|
},
|
|
10631
|
+
|
|
10632
|
+
/**
|
|
10633
|
+
* Sets the icon to use the error style.
|
|
10634
|
+
*/
|
|
10728
10635
|
error: {
|
|
10729
10636
|
type: Boolean,
|
|
10730
10637
|
reflect: true
|
|
10731
10638
|
},
|
|
10639
|
+
|
|
10640
|
+
/**
|
|
10641
|
+
* Sets the icon to use the info style.
|
|
10642
|
+
*/
|
|
10732
10643
|
info: {
|
|
10733
10644
|
type: Boolean,
|
|
10734
10645
|
reflect: true
|
|
10735
10646
|
},
|
|
10647
|
+
|
|
10648
|
+
/**
|
|
10649
|
+
* Exposes content in slot as icon label.
|
|
10650
|
+
*/
|
|
10736
10651
|
label: {
|
|
10737
10652
|
type: Boolean,
|
|
10738
10653
|
reflect: true
|
|
10739
10654
|
},
|
|
10655
|
+
|
|
10656
|
+
/**
|
|
10657
|
+
* The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage.
|
|
10658
|
+
*/
|
|
10740
10659
|
name: {
|
|
10741
10660
|
type: String,
|
|
10742
10661
|
reflect: true
|
|
10743
10662
|
},
|
|
10663
|
+
|
|
10664
|
+
/**
|
|
10665
|
+
* DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
10666
|
+
*/
|
|
10744
10667
|
primary: {
|
|
10745
10668
|
type: Boolean,
|
|
10746
10669
|
reflect: true
|
|
10747
10670
|
},
|
|
10671
|
+
|
|
10672
|
+
/**
|
|
10673
|
+
* Sets the icon to use the secondary style.
|
|
10674
|
+
*/
|
|
10748
10675
|
secondary: {
|
|
10749
10676
|
type: Boolean,
|
|
10750
10677
|
reflect: true
|
|
10751
10678
|
},
|
|
10679
|
+
|
|
10680
|
+
/**
|
|
10681
|
+
* Sets the icon to use the subtle style.
|
|
10682
|
+
*/
|
|
10752
10683
|
subtle: {
|
|
10753
10684
|
type: Boolean,
|
|
10754
10685
|
reflect: true
|
|
10755
10686
|
},
|
|
10687
|
+
|
|
10688
|
+
/**
|
|
10689
|
+
* Sets the icon to use the success style.
|
|
10690
|
+
*/
|
|
10756
10691
|
success: {
|
|
10757
10692
|
type: Boolean,
|
|
10758
10693
|
reflect: true
|
|
10759
10694
|
},
|
|
10695
|
+
|
|
10696
|
+
/**
|
|
10697
|
+
* Sets the icon to use the tertiary style.
|
|
10698
|
+
*/
|
|
10760
10699
|
tertiary: {
|
|
10761
10700
|
type: Boolean,
|
|
10762
10701
|
reflect: true
|
|
10763
10702
|
},
|
|
10764
|
-
|
|
10765
|
-
|
|
10766
|
-
|
|
10703
|
+
|
|
10704
|
+
/**
|
|
10705
|
+
* Sets the icon to use the warning style.
|
|
10706
|
+
*/
|
|
10767
10707
|
warning: {
|
|
10768
10708
|
type: Boolean,
|
|
10769
10709
|
reflect: true
|
|
@@ -10774,9 +10714,9 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10774
10714
|
static get styles() {
|
|
10775
10715
|
return [
|
|
10776
10716
|
super.styles,
|
|
10777
|
-
|
|
10778
|
-
|
|
10779
|
-
|
|
10717
|
+
css`${tokensCss$6}`,
|
|
10718
|
+
css`${styleCss$1$2}`,
|
|
10719
|
+
css`${colorCss$6}`
|
|
10780
10720
|
];
|
|
10781
10721
|
}
|
|
10782
10722
|
|
|
@@ -10800,38 +10740,54 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10800
10740
|
}
|
|
10801
10741
|
|
|
10802
10742
|
/**
|
|
10743
|
+
* @private
|
|
10803
10744
|
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
10804
10745
|
*/
|
|
10805
10746
|
exposeCssParts() {
|
|
10806
10747
|
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
10807
10748
|
}
|
|
10808
10749
|
|
|
10750
|
+
async firstUpdated() {
|
|
10751
|
+
await super.firstUpdated();
|
|
10752
|
+
|
|
10753
|
+
// Removes the SVG description for screenreader if ariaHidden is set to true
|
|
10754
|
+
if (!this.hasAttribute('ariaHidden') && this.svg) {
|
|
10755
|
+
const svgDesc = this.svg.querySelector('desc');
|
|
10756
|
+
|
|
10757
|
+
if (svgDesc) {
|
|
10758
|
+
svgDesc.remove();
|
|
10759
|
+
this.svg.removeAttribute('aria-labelledby');
|
|
10760
|
+
}
|
|
10761
|
+
}
|
|
10762
|
+
}
|
|
10763
|
+
|
|
10809
10764
|
// function that renders the HTML and CSS into the scope of the component
|
|
10810
10765
|
render() {
|
|
10811
|
-
const
|
|
10812
|
-
'
|
|
10766
|
+
const labelClasses = {
|
|
10767
|
+
'labelWrapper': true,
|
|
10813
10768
|
'util_displayHiddenVisually': !this.label
|
|
10814
10769
|
};
|
|
10815
10770
|
|
|
10816
|
-
const
|
|
10817
|
-
'
|
|
10818
|
-
'wrapper': true,
|
|
10771
|
+
const svgClasses = {
|
|
10772
|
+
'svgWrapper': true,
|
|
10819
10773
|
};
|
|
10820
10774
|
|
|
10821
|
-
return
|
|
10822
|
-
<div
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
${this.
|
|
10827
|
-
|
|
10828
|
-
|
|
10829
|
-
|
|
10830
|
-
|
|
10831
|
-
|
|
10832
|
-
|
|
10775
|
+
return html`
|
|
10776
|
+
<div class="componentWrapper">
|
|
10777
|
+
<div
|
|
10778
|
+
class="${classMap(svgClasses)}"
|
|
10779
|
+
title="${ifDefined(this.title || undefined)}">
|
|
10780
|
+
<span aria-hidden="${ifDefined(this.ariaHidden || true)}" part="svg">
|
|
10781
|
+
${this.customSvg ? html`
|
|
10782
|
+
<slot name="svg"></slot>
|
|
10783
|
+
` : html`
|
|
10784
|
+
${this.svg}
|
|
10785
|
+
`
|
|
10786
|
+
}
|
|
10787
|
+
</span>
|
|
10788
|
+
</div>
|
|
10833
10789
|
|
|
10834
|
-
<div class="${
|
|
10790
|
+
<div class="${classMap(labelClasses)}">
|
|
10835
10791
|
<slot></slot>
|
|
10836
10792
|
</div>
|
|
10837
10793
|
</div>
|
|
@@ -10839,9 +10795,9 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10839
10795
|
}
|
|
10840
10796
|
};
|
|
10841
10797
|
|
|
10842
|
-
var iconVersion$2 = '
|
|
10798
|
+
var iconVersion$2 = '7.0.1';
|
|
10843
10799
|
|
|
10844
|
-
var styleCss$6 =
|
|
10800
|
+
var styleCss$6 = css`.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)}`;
|
|
10845
10801
|
|
|
10846
10802
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10847
10803
|
// See LICENSE in the project root for license information.
|
|
@@ -10861,7 +10817,7 @@ var styleCss$6 = i$5$2`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-he
|
|
|
10861
10817
|
/* eslint complexity: ["error", 21] */
|
|
10862
10818
|
|
|
10863
10819
|
// build the component class
|
|
10864
|
-
class AuroHeader extends
|
|
10820
|
+
class AuroHeader extends LitElement {
|
|
10865
10821
|
constructor() {
|
|
10866
10822
|
super();
|
|
10867
10823
|
|
|
@@ -10968,12 +10924,12 @@ class AuroHeader extends r$a {
|
|
|
10968
10924
|
}
|
|
10969
10925
|
|
|
10970
10926
|
switch (level) {
|
|
10971
|
-
case '2': return
|
|
10972
|
-
case '3': return
|
|
10973
|
-
case '4': return
|
|
10974
|
-
case '5': return
|
|
10975
|
-
case '6': return
|
|
10976
|
-
default: return
|
|
10927
|
+
case '2': return html`<h2 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h2>`;
|
|
10928
|
+
case '3': return html`<h3 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h3>`;
|
|
10929
|
+
case '4': return html`<h4 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h4>`;
|
|
10930
|
+
case '5': return html`<h5 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h5>`;
|
|
10931
|
+
case '6': return html`<h6 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h6>`;
|
|
10932
|
+
default: return html`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h1>`;
|
|
10977
10933
|
}
|
|
10978
10934
|
}
|
|
10979
10935
|
// function that renders the HTML and CSS into the scope of the component
|
|
@@ -10989,7 +10945,7 @@ var headerVersion = '4.0.0';
|
|
|
10989
10945
|
// See LICENSE in the project root for license information.
|
|
10990
10946
|
|
|
10991
10947
|
|
|
10992
|
-
class AuroBibtemplate extends
|
|
10948
|
+
class AuroBibtemplate extends LitElement {
|
|
10993
10949
|
|
|
10994
10950
|
constructor() {
|
|
10995
10951
|
super();
|
|
@@ -11075,9 +11031,9 @@ class AuroBibtemplate extends r$a {
|
|
|
11075
11031
|
|
|
11076
11032
|
// function that renders the HTML and CSS into the scope of the component
|
|
11077
11033
|
render() {
|
|
11078
|
-
return
|
|
11034
|
+
return html$1`
|
|
11079
11035
|
<div id="bibTemplate" part="bibtemplate">
|
|
11080
|
-
${this.isFullscreen ?
|
|
11036
|
+
${this.isFullscreen ? html$1`
|
|
11081
11037
|
<div id="headerContainer">
|
|
11082
11038
|
<button id="closeButton" @click="${this.onCloseButtonClick}">
|
|
11083
11039
|
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
@@ -11094,7 +11050,7 @@ class AuroBibtemplate extends r$a {
|
|
|
11094
11050
|
<slot></slot>
|
|
11095
11051
|
</div>
|
|
11096
11052
|
|
|
11097
|
-
${this.isFullscreen ?
|
|
11053
|
+
${this.isFullscreen ? html$1`
|
|
11098
11054
|
<div id="footerContainer">
|
|
11099
11055
|
<slot name="footer"></slot>
|
|
11100
11056
|
</div>` : null}
|
|
@@ -11320,7 +11276,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11320
11276
|
const firstMonth = this.firstRenderedMonth.getMonth() + 1;
|
|
11321
11277
|
const firstYear = this.firstRenderedMonth.getFullYear();
|
|
11322
11278
|
|
|
11323
|
-
renderedHtml =
|
|
11279
|
+
renderedHtml = html$1`${renderedHtml}${this.utilCalRender.renderCalendar(this, firstMonth, firstYear)}`;
|
|
11324
11280
|
|
|
11325
11281
|
// Loop through the number of remaining calendars to render and add the HTML
|
|
11326
11282
|
let newMonthDate = undefined;
|
|
@@ -11346,7 +11302,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11346
11302
|
const newMonthDateStr = `${newMonth}/1/${newYear}`;
|
|
11347
11303
|
newMonthDate = new Date(newMonthDateStr);
|
|
11348
11304
|
|
|
11349
|
-
renderedHtml =
|
|
11305
|
+
renderedHtml = html$1`${renderedHtml}${this.utilCalRender.renderCalendar(this, newMonth, newYear)}`;
|
|
11350
11306
|
}
|
|
11351
11307
|
}
|
|
11352
11308
|
return renderedHtml;
|
|
@@ -11409,7 +11365,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11409
11365
|
}
|
|
11410
11366
|
|
|
11411
11367
|
render() {
|
|
11412
|
-
return
|
|
11368
|
+
return html$1`
|
|
11413
11369
|
<${this.bibtemplateTag}
|
|
11414
11370
|
?large="${this.largeFullscreenHeadline}"
|
|
11415
11371
|
?isFullscreen="${this.isFullscreen}"
|
|
@@ -11431,12 +11387,12 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11431
11387
|
${this.renderAllCalendars()}
|
|
11432
11388
|
</div>
|
|
11433
11389
|
<div class="calendarNavButtons">
|
|
11434
|
-
${this.showPrevMonthBtn ?
|
|
11390
|
+
${this.showPrevMonthBtn ? html$1`
|
|
11435
11391
|
<button class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
11436
11392
|
${this.util.generateIconHtml(chevronLeft)}
|
|
11437
11393
|
</button>
|
|
11438
11394
|
` : undefined}
|
|
11439
|
-
${this.showNextMonthBtn ?
|
|
11395
|
+
${this.showNextMonthBtn ? html$1`
|
|
11440
11396
|
<button class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
11441
11397
|
${this.util.generateIconHtml(chevronRight)}
|
|
11442
11398
|
</button>
|
|
@@ -11454,39 +11410,6 @@ if (!customElements.get('auro-calendar')) {
|
|
|
11454
11410
|
customElements.define('auro-calendar', AuroCalendar);
|
|
11455
11411
|
}
|
|
11456
11412
|
|
|
11457
|
-
/**
|
|
11458
|
-
* @license
|
|
11459
|
-
* Copyright 2017 Google LLC
|
|
11460
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11461
|
-
*/
|
|
11462
|
-
const t$4$1=globalThis,i$9$1=t$4$1.trustedTypes,s$4$1=i$9$1?i$9$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$7$1="$lit$",h$3$1=`lit$${Math.random().toFixed(9).slice(2)}$`,o$7$1="?"+h$3$1,n$6$1=`<${o$7$1}>`,r$7$1=document,l$4$1=()=>r$7$1.createComment(""),c$5$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$4$1=Array.isArray,u$4$1=t=>a$4$1(t)||"function"==typeof t?.[Symbol.iterator],d$3$1="[ \t\n\f\r]",f$3$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1$1=/-->/g,_$1$1=/>/g,m$1$1=RegExp(`>|${d$3$1}(?:([^\\s"'>=/]+)(${d$3$1}*=${d$3$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$3$1=/'/g,g$1$1=/"/g,$$1$1=/^(?:script|style|textarea|title)$/i,y$3$1=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1$1=y$3$1(1),T$1$1=Symbol.for("lit-noChange"),E$1$1=Symbol.for("lit-nothing"),A$1$1=new WeakMap,C$1$1=r$7$1.createTreeWalker(r$7$1,129);function P$1$1(t,i){if(!a$4$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$4$1?s$4$1.createHTML(i):i}const V$1$1=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$3$1;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$3$1?"!--"===u[1]?c=v$1$1:void 0!==u[1]?c=_$1$1:void 0!==u[2]?($$1$1.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1$1):void 0!==u[3]&&(c=m$1$1):c===m$1$1?">"===u[0]?(c=r??f$3$1,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1$1:'"'===u[3]?g$1$1:p$3$1):c===g$1$1||c===p$3$1?c=m$1$1:c===v$1$1||c===_$1$1?c=f$3$1:(c=m$1$1,r=void 0);const x=c===m$1$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$3$1?s+n$6$1:d>=0?(o.push(a),s.slice(0,d)+e$7$1+s.slice(d)+h$3$1+x):s+h$3$1+(-2===d?i:x);}return [P$1$1(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1$1 = 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$1$1(t,s);if(this.el=N.createElement(f,n),C$1$1.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$1$1.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$7$1)){const i=v[a++],s=r.getAttribute(t).split(h$3$1),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$1$1:"?"===e[1]?I$1$1:"@"===e[1]?L$1$1:k$1$1}),r.removeAttribute(t);}else t.startsWith(h$3$1)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$1$1.test(r.tagName)){const t=r.textContent.split(h$3$1),s=t.length-1;if(s>0){r.textContent=i$9$1?i$9$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$4$1()),C$1$1.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$4$1());}}}else if(8===r.nodeType)if(r.data===o$7$1)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$3$1,t+1));)d.push({type:7,index:c}),t+=h$3$1.length-1;}c++;}}static createElement(t,i){const s=r$7$1.createElement("template");return s.innerHTML=t,s}};function S$3$1(t,i,s=t,e){if(i===T$1$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$5$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$3$1(t,h._$AS(t,i.values),h,e)),i}let M$1$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$7$1).importNode(i,true);C$1$1.currentNode=e;let h=C$1$1.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1$1(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$1$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$1$1.nextNode(),o++);}return C$1$1.currentNode=r$7$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++;}};let R$1$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$1$1,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$3$1(this,t,i),c$5$1(t)?t===E$1$1||null==t||""===t?(this._$AH!==E$1$1&&this._$AR(),this._$AH=E$1$1):t!==this._$AH&&t!==T$1$1&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$4$1(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$1$1&&c$5$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$7$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$1$1.createElement(P$1$1(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$1$1.get(t.strings);return void 0===i&&A$1$1.set(t.strings,i=new N$1$1(t)),i}k(t){a$4$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$4$1()),this.O(l$4$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));}};let k$1$1 = 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$1$1,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$1$1;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$3$1(this,t,i,0),o=!c$5$1(t)||t!==this._$AH&&t!==T$1$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$3$1(this,e[s+n],i,n),r===T$1$1&&(r=this._$AH[n]),o||=!c$5$1(r)||r!==this._$AH[n],r===E$1$1?t=E$1$1:t!==E$1$1&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$1$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$1$1 = class H extends k$1$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$1$1?void 0:t;}};let I$1$1 = class I extends k$1$1{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$1$1);}};let L$1$1 = class L extends k$1$1{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$3$1(this,t,i,0)??E$1$1)===T$1$1)return;const s=this._$AH,e=t===E$1$1&&s!==E$1$1||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$1$1&&(s===E$1$1||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);}};let z$1$1 = 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$3$1(this,t);}};const j$1$1=t$4$1.litHtmlPolyfillSupport;j$1$1?.(N$1$1,R$1$1),(t$4$1.litHtmlVersions??=[]).push("3.2.1");const B$1$1=(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$1$1(i.insertBefore(l$4$1(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
11463
|
-
|
|
11464
|
-
/**
|
|
11465
|
-
* @license
|
|
11466
|
-
* Copyright 2020 Google LLC
|
|
11467
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11468
|
-
*/
|
|
11469
|
-
const a$3$1=Symbol.for(""),o$6$1=t=>{if(t?.r===a$3$1)return t?._$litStatic$},s$3$1=t=>({_$litStatic$:t,r:a$3$1}),i$8$1=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$3$1}),l$3$1=new Map,n$5$1=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$6$1(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$3$1.get(t))&&(n.raw=n,l$3$1.set(t,r=n)),e=u;}return t(r,...e)},u$3$1=n$5$1(x$1$1);
|
|
11470
|
-
|
|
11471
|
-
/**
|
|
11472
|
-
* @license
|
|
11473
|
-
* Copyright 2019 Google LLC
|
|
11474
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11475
|
-
*/
|
|
11476
|
-
const t$3$1=globalThis,e$6$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2$1=Symbol(),o$5$1=new WeakMap;let n$4$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2$1)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$6$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5$1.set(s,t));}return t}toString(){return this.cssText}};const r$6$1=t=>new n$4$1("string"==typeof t?t:t+"",void 0,s$2$1),i$7$1=(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$4$1(o,t,s$2$1)},S$2$1=(s,o)=>{if(e$6$1)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$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$4$1=e$6$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$6$1(e)})(t):t;
|
|
11477
|
-
|
|
11478
|
-
/**
|
|
11479
|
-
* @license
|
|
11480
|
-
* Copyright 2017 Google LLC
|
|
11481
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11482
|
-
*/const{is:i$6$1,defineProperty:e$5$1,getOwnPropertyDescriptor:r$5$1,getOwnPropertyNames:h$2$1,getOwnPropertySymbols:o$4$1,getPrototypeOf:n$3$1}=Object,a$2$1=globalThis,c$3$1=a$2$1.trustedTypes,l$2$1=c$3$1?c$3$1.emptyScript:"",p$2$1=a$2$1.reactiveElementPolyfillSupport,d$2$1=(t,s)=>t,u$2$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$2$1: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$2$1=(t,s)=>!i$6$1(t,s),y$2$1={attribute:true,type:String,converter:u$2$1,reflect:false,hasChanged:f$2$1};Symbol.metadata??=Symbol("metadata"),a$2$1.litPropertyMetadata??=new WeakMap;let b$1$1 = class b 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=y$2$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$5$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$5$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$2$1}static _$Ei(){if(this.hasOwnProperty(d$2$1("elementProperties")))return;const t=n$3$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$2$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$2$1("properties"))){const t=this.properties,s=[...h$2$1(t),...o$4$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$4$1(s));}else void 0!==s&&i.push(c$4$1(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$2$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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$2$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$2$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1$1.elementStyles=[],b$1$1.shadowRootOptions={mode:"open"},b$1$1[d$2$1("elementProperties")]=new Map,b$1$1[d$2$1("finalized")]=new Map,p$2$1?.({ReactiveElement:b$1$1}),(a$2$1.reactiveElementVersions??=[]).push("2.0.4");
|
|
11483
|
-
|
|
11484
|
-
/**
|
|
11485
|
-
* @license
|
|
11486
|
-
* Copyright 2017 Google LLC
|
|
11487
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
11488
|
-
*/let r$4$1 = class r extends b$1$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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$1$1(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$1$1}};r$4$1._$litElement$=true,r$4$1["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4$1});const i$5$1=globalThis.litElementPolyfillSupport;i$5$1?.({LitElement:r$4$1});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
11489
|
-
|
|
11490
11413
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11491
11414
|
// See LICENSE in the project root for license information.
|
|
11492
11415
|
|
|
@@ -12286,7 +12209,8 @@ function isContainingBlock(elementOrCss) {
|
|
|
12286
12209
|
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
|
|
12287
12210
|
|
|
12288
12211
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
12289
|
-
|
|
12212
|
+
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
12213
|
+
return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
|
|
12290
12214
|
}
|
|
12291
12215
|
function getContainingBlock(element) {
|
|
12292
12216
|
let currentNode = getParentNode(element);
|
|
@@ -12844,6 +12768,10 @@ const platform = {
|
|
|
12844
12768
|
isRTL
|
|
12845
12769
|
};
|
|
12846
12770
|
|
|
12771
|
+
function rectsAreEqual(a, b) {
|
|
12772
|
+
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
12773
|
+
}
|
|
12774
|
+
|
|
12847
12775
|
// https://samthor.au/2021/observing-dom/
|
|
12848
12776
|
function observeMove(element, onMove) {
|
|
12849
12777
|
let io = null;
|
|
@@ -12863,12 +12791,13 @@ function observeMove(element, onMove) {
|
|
|
12863
12791
|
threshold = 1;
|
|
12864
12792
|
}
|
|
12865
12793
|
cleanup();
|
|
12794
|
+
const elementRectForRootMargin = element.getBoundingClientRect();
|
|
12866
12795
|
const {
|
|
12867
12796
|
left,
|
|
12868
12797
|
top,
|
|
12869
12798
|
width,
|
|
12870
12799
|
height
|
|
12871
|
-
} =
|
|
12800
|
+
} = elementRectForRootMargin;
|
|
12872
12801
|
if (!skip) {
|
|
12873
12802
|
onMove();
|
|
12874
12803
|
}
|
|
@@ -12901,6 +12830,16 @@ function observeMove(element, onMove) {
|
|
|
12901
12830
|
refresh(false, ratio);
|
|
12902
12831
|
}
|
|
12903
12832
|
}
|
|
12833
|
+
if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
|
|
12834
|
+
// It's possible that even though the ratio is reported as 1, the
|
|
12835
|
+
// element is not actually fully within the IntersectionObserver's root
|
|
12836
|
+
// area anymore. This can happen under performance constraints. This may
|
|
12837
|
+
// be a bug in the browser's IntersectionObserver implementation. To
|
|
12838
|
+
// work around this, we compare the element's bounding rect now with
|
|
12839
|
+
// what it was at the time we created the IntersectionObserver. If they
|
|
12840
|
+
// are not equal then the element moved, so we refresh.
|
|
12841
|
+
refresh();
|
|
12842
|
+
}
|
|
12904
12843
|
isFirstUpdate = false;
|
|
12905
12844
|
}
|
|
12906
12845
|
|
|
@@ -12978,7 +12917,7 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
12978
12917
|
}
|
|
12979
12918
|
function frameLoop() {
|
|
12980
12919
|
const nextRefRect = getBoundingClientRect(reference);
|
|
12981
|
-
if (prevRefRect && (
|
|
12920
|
+
if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
|
|
12982
12921
|
update();
|
|
12983
12922
|
}
|
|
12984
12923
|
prevRefRect = nextRefRect;
|
|
@@ -13509,7 +13448,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
13509
13448
|
*/
|
|
13510
13449
|
generateTag(baseName, version, tagClass) {
|
|
13511
13450
|
const elementName = this.generateElementName(baseName, version);
|
|
13512
|
-
const tag =
|
|
13451
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
13513
13452
|
|
|
13514
13453
|
if (!customElements.get(elementName)) {
|
|
13515
13454
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -13519,25 +13458,6 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
13519
13458
|
}
|
|
13520
13459
|
};
|
|
13521
13460
|
|
|
13522
|
-
/**
|
|
13523
|
-
* @license
|
|
13524
|
-
* Copyright 2017 Google LLC
|
|
13525
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
13526
|
-
*/
|
|
13527
|
-
const t$2$1={ATTRIBUTE:1},e$4$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$4$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
13528
|
-
|
|
13529
|
-
/**
|
|
13530
|
-
* @license
|
|
13531
|
-
* Copyright 2018 Google LLC
|
|
13532
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
13533
|
-
*/const e$3$1=e$4$1(class extends i$4$1{constructor(t){if(super(t),t.type!==t$2$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1$1}});
|
|
13534
|
-
|
|
13535
|
-
/**
|
|
13536
|
-
* @license
|
|
13537
|
-
* Copyright 2018 Google LLC
|
|
13538
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
13539
|
-
*/const o$3$1=o=>o??E$1$1;
|
|
13540
|
-
|
|
13541
13461
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13542
13462
|
// See LICENSE in the project root for license information.
|
|
13543
13463
|
|
|
@@ -13548,7 +13468,7 @@ const t$2$1={ATTRIBUTE:1},e$4$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$
|
|
|
13548
13468
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
13549
13469
|
*/
|
|
13550
13470
|
|
|
13551
|
-
let AuroElement$1 = class AuroElement extends
|
|
13471
|
+
let AuroElement$1 = class AuroElement extends LitElement {
|
|
13552
13472
|
|
|
13553
13473
|
// function to define props used within the scope of this component
|
|
13554
13474
|
static get properties() {
|
|
@@ -13604,7 +13524,7 @@ const cacheFetch$1 = (uri, options = {}) => {
|
|
|
13604
13524
|
return _fetchMap$1.get(uri);
|
|
13605
13525
|
};
|
|
13606
13526
|
|
|
13607
|
-
var styleCss$3$1 =
|
|
13527
|
+
var styleCss$3$1 = css`: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}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;
|
|
13608
13528
|
|
|
13609
13529
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13610
13530
|
// See LICENSE in the project root for license information.
|
|
@@ -13643,7 +13563,7 @@ let BaseIcon$1 = class BaseIcon extends AuroElement$1 {
|
|
|
13643
13563
|
}
|
|
13644
13564
|
|
|
13645
13565
|
static get styles() {
|
|
13646
|
-
return
|
|
13566
|
+
return css`
|
|
13647
13567
|
${styleCss$3$1}
|
|
13648
13568
|
`;
|
|
13649
13569
|
}
|
|
@@ -13685,47 +13605,18 @@ let BaseIcon$1 = class BaseIcon extends AuroElement$1 {
|
|
|
13685
13605
|
}
|
|
13686
13606
|
};
|
|
13687
13607
|
|
|
13688
|
-
var tokensCss$2$1 =
|
|
13608
|
+
var tokensCss$2$1 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
13689
13609
|
|
|
13690
|
-
var colorCss$3$1 =
|
|
13610
|
+
var colorCss$3$1 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
13691
13611
|
|
|
13692
13612
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13693
13613
|
// See LICENSE in the project root for license information.
|
|
13694
13614
|
|
|
13695
13615
|
|
|
13696
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
13697
|
-
/**
|
|
13698
|
-
* auro-icon provides users a way to use the Auro Icons by simply passing in the category and name.
|
|
13699
|
-
*
|
|
13700
|
-
* @attr {String} category - The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
13701
|
-
* @attr {String} name - The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage
|
|
13702
|
-
* @attr {Boolean} customColor - Removes primary selector.
|
|
13703
|
-
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
|
|
13704
|
-
* @attr {Boolean} label - Exposes content in slot as icon label.
|
|
13705
|
-
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
13706
|
-
* @attr {Boolean} accent - Sets the icon to use the accent style.
|
|
13707
|
-
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
|
|
13708
|
-
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
|
|
13709
|
-
* @attr {Boolean} error - Sets the icon to use the error style.
|
|
13710
|
-
* @attr {Boolean} info - Sets the icon to use the info style.
|
|
13711
|
-
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
|
|
13712
|
-
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
|
|
13713
|
-
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
|
|
13714
|
-
* @attr {Boolean} success - Sets the icon to use the success style.
|
|
13715
|
-
* @attr {Boolean} warning - Sets the icon to use the warning style.
|
|
13716
|
-
* @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.
|
|
13717
|
-
* @attr {String} uri - Set the uri for CDN used when fetching icons
|
|
13718
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed.
|
|
13719
|
-
* @slot svg - Used for custom SVG content.
|
|
13720
|
-
*/
|
|
13721
|
-
|
|
13722
|
-
// build the component class
|
|
13723
13616
|
let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
13724
13617
|
constructor() {
|
|
13725
13618
|
super();
|
|
13726
13619
|
|
|
13727
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
13728
|
-
|
|
13729
13620
|
this.privateDefaults();
|
|
13730
13621
|
}
|
|
13731
13622
|
|
|
@@ -13749,6 +13640,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
13749
13640
|
this.success = false;
|
|
13750
13641
|
this.tertiary = false;
|
|
13751
13642
|
this.warning = false;
|
|
13643
|
+
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
13752
13644
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
13753
13645
|
}
|
|
13754
13646
|
|
|
@@ -13756,71 +13648,136 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
13756
13648
|
static get properties() {
|
|
13757
13649
|
return {
|
|
13758
13650
|
...super.properties,
|
|
13651
|
+
|
|
13652
|
+
/**
|
|
13653
|
+
* Sets the icon to use the accent style.
|
|
13654
|
+
*/
|
|
13759
13655
|
accent: {
|
|
13760
13656
|
type: Boolean,
|
|
13761
13657
|
reflect: true
|
|
13762
13658
|
},
|
|
13659
|
+
|
|
13660
|
+
/**
|
|
13661
|
+
* Set aria-hidden value. Default is `true`. Option is `false`.
|
|
13662
|
+
*/
|
|
13763
13663
|
ariaHidden: {
|
|
13764
13664
|
type: String,
|
|
13765
13665
|
reflect: true
|
|
13766
13666
|
},
|
|
13667
|
+
|
|
13668
|
+
/**
|
|
13669
|
+
* The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
13670
|
+
*/
|
|
13767
13671
|
category: {
|
|
13768
13672
|
type: String,
|
|
13769
13673
|
reflect: true
|
|
13770
13674
|
},
|
|
13675
|
+
|
|
13676
|
+
/**
|
|
13677
|
+
* Allows custom color to be set.
|
|
13678
|
+
*/
|
|
13771
13679
|
customColor: {
|
|
13772
13680
|
type: Boolean
|
|
13773
13681
|
},
|
|
13682
|
+
|
|
13683
|
+
/**
|
|
13684
|
+
* When true, auro-icon will render a custom SVG inside the default slot.
|
|
13685
|
+
*/
|
|
13774
13686
|
customSvg: {
|
|
13775
13687
|
type: Boolean
|
|
13776
13688
|
},
|
|
13689
|
+
|
|
13690
|
+
/**
|
|
13691
|
+
* Sets the icon to use the disabled style.
|
|
13692
|
+
*/
|
|
13777
13693
|
disabled: {
|
|
13778
13694
|
type: Boolean,
|
|
13779
13695
|
reflect: true
|
|
13780
13696
|
},
|
|
13697
|
+
|
|
13698
|
+
/**
|
|
13699
|
+
* Sets the icon to use the emphasis style.
|
|
13700
|
+
*/
|
|
13781
13701
|
emphasis: {
|
|
13782
13702
|
type: Boolean,
|
|
13783
13703
|
reflect: true
|
|
13784
13704
|
},
|
|
13705
|
+
|
|
13706
|
+
/**
|
|
13707
|
+
* Sets the icon to use the error style.
|
|
13708
|
+
*/
|
|
13785
13709
|
error: {
|
|
13786
13710
|
type: Boolean,
|
|
13787
13711
|
reflect: true
|
|
13788
13712
|
},
|
|
13713
|
+
|
|
13714
|
+
/**
|
|
13715
|
+
* Sets the icon to use the info style.
|
|
13716
|
+
*/
|
|
13789
13717
|
info: {
|
|
13790
13718
|
type: Boolean,
|
|
13791
13719
|
reflect: true
|
|
13792
13720
|
},
|
|
13721
|
+
|
|
13722
|
+
/**
|
|
13723
|
+
* Exposes content in slot as icon label.
|
|
13724
|
+
*/
|
|
13793
13725
|
label: {
|
|
13794
13726
|
type: Boolean,
|
|
13795
13727
|
reflect: true
|
|
13796
13728
|
},
|
|
13729
|
+
|
|
13730
|
+
/**
|
|
13731
|
+
* The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage.
|
|
13732
|
+
*/
|
|
13797
13733
|
name: {
|
|
13798
13734
|
type: String,
|
|
13799
13735
|
reflect: true
|
|
13800
13736
|
},
|
|
13737
|
+
|
|
13738
|
+
/**
|
|
13739
|
+
* DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
13740
|
+
*/
|
|
13801
13741
|
primary: {
|
|
13802
13742
|
type: Boolean,
|
|
13803
13743
|
reflect: true
|
|
13804
13744
|
},
|
|
13745
|
+
|
|
13746
|
+
/**
|
|
13747
|
+
* Sets the icon to use the secondary style.
|
|
13748
|
+
*/
|
|
13805
13749
|
secondary: {
|
|
13806
13750
|
type: Boolean,
|
|
13807
13751
|
reflect: true
|
|
13808
13752
|
},
|
|
13753
|
+
|
|
13754
|
+
/**
|
|
13755
|
+
* Sets the icon to use the subtle style.
|
|
13756
|
+
*/
|
|
13809
13757
|
subtle: {
|
|
13810
13758
|
type: Boolean,
|
|
13811
13759
|
reflect: true
|
|
13812
13760
|
},
|
|
13761
|
+
|
|
13762
|
+
/**
|
|
13763
|
+
* Sets the icon to use the success style.
|
|
13764
|
+
*/
|
|
13813
13765
|
success: {
|
|
13814
13766
|
type: Boolean,
|
|
13815
13767
|
reflect: true
|
|
13816
13768
|
},
|
|
13769
|
+
|
|
13770
|
+
/**
|
|
13771
|
+
* Sets the icon to use the tertiary style.
|
|
13772
|
+
*/
|
|
13817
13773
|
tertiary: {
|
|
13818
13774
|
type: Boolean,
|
|
13819
13775
|
reflect: true
|
|
13820
13776
|
},
|
|
13821
|
-
|
|
13822
|
-
|
|
13823
|
-
|
|
13777
|
+
|
|
13778
|
+
/**
|
|
13779
|
+
* Sets the icon to use the warning style.
|
|
13780
|
+
*/
|
|
13824
13781
|
warning: {
|
|
13825
13782
|
type: Boolean,
|
|
13826
13783
|
reflect: true
|
|
@@ -13831,9 +13788,9 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
13831
13788
|
static get styles() {
|
|
13832
13789
|
return [
|
|
13833
13790
|
super.styles,
|
|
13834
|
-
|
|
13835
|
-
|
|
13836
|
-
|
|
13791
|
+
css`${tokensCss$2$1}`,
|
|
13792
|
+
css`${styleCss$3$1}`,
|
|
13793
|
+
css`${colorCss$3$1}`
|
|
13837
13794
|
];
|
|
13838
13795
|
}
|
|
13839
13796
|
|
|
@@ -13857,38 +13814,54 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
13857
13814
|
}
|
|
13858
13815
|
|
|
13859
13816
|
/**
|
|
13817
|
+
* @private
|
|
13860
13818
|
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
13861
13819
|
*/
|
|
13862
13820
|
exposeCssParts() {
|
|
13863
13821
|
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
13864
13822
|
}
|
|
13865
13823
|
|
|
13824
|
+
async firstUpdated() {
|
|
13825
|
+
await super.firstUpdated();
|
|
13826
|
+
|
|
13827
|
+
// Removes the SVG description for screenreader if ariaHidden is set to true
|
|
13828
|
+
if (!this.hasAttribute('ariaHidden') && this.svg) {
|
|
13829
|
+
const svgDesc = this.svg.querySelector('desc');
|
|
13830
|
+
|
|
13831
|
+
if (svgDesc) {
|
|
13832
|
+
svgDesc.remove();
|
|
13833
|
+
this.svg.removeAttribute('aria-labelledby');
|
|
13834
|
+
}
|
|
13835
|
+
}
|
|
13836
|
+
}
|
|
13837
|
+
|
|
13866
13838
|
// function that renders the HTML and CSS into the scope of the component
|
|
13867
13839
|
render() {
|
|
13868
|
-
const
|
|
13869
|
-
'
|
|
13840
|
+
const labelClasses = {
|
|
13841
|
+
'labelWrapper': true,
|
|
13870
13842
|
'util_displayHiddenVisually': !this.label
|
|
13871
13843
|
};
|
|
13872
13844
|
|
|
13873
|
-
const
|
|
13874
|
-
'
|
|
13875
|
-
'wrapper': true,
|
|
13845
|
+
const svgClasses = {
|
|
13846
|
+
'svgWrapper': true,
|
|
13876
13847
|
};
|
|
13877
13848
|
|
|
13878
|
-
return
|
|
13879
|
-
<div
|
|
13880
|
-
|
|
13881
|
-
|
|
13882
|
-
|
|
13883
|
-
${this.
|
|
13884
|
-
|
|
13885
|
-
|
|
13886
|
-
|
|
13887
|
-
|
|
13888
|
-
|
|
13889
|
-
|
|
13849
|
+
return html`
|
|
13850
|
+
<div class="componentWrapper">
|
|
13851
|
+
<div
|
|
13852
|
+
class="${classMap(svgClasses)}"
|
|
13853
|
+
title="${ifDefined(this.title || undefined)}">
|
|
13854
|
+
<span aria-hidden="${ifDefined(this.ariaHidden || true)}" part="svg">
|
|
13855
|
+
${this.customSvg ? html`
|
|
13856
|
+
<slot name="svg"></slot>
|
|
13857
|
+
` : html`
|
|
13858
|
+
${this.svg}
|
|
13859
|
+
`
|
|
13860
|
+
}
|
|
13861
|
+
</span>
|
|
13862
|
+
</div>
|
|
13890
13863
|
|
|
13891
|
-
<div class="${
|
|
13864
|
+
<div class="${classMap(labelClasses)}">
|
|
13892
13865
|
<slot></slot>
|
|
13893
13866
|
</div>
|
|
13894
13867
|
</div>
|
|
@@ -13898,11 +13871,11 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
13898
13871
|
|
|
13899
13872
|
var iconVersion$1 = '6.1.2';
|
|
13900
13873
|
|
|
13901
|
-
var styleCss$2$1 =
|
|
13874
|
+
var styleCss$2$1 = css`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
|
|
13902
13875
|
|
|
13903
|
-
var colorCss$2$1 =
|
|
13876
|
+
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
13904
13877
|
|
|
13905
|
-
var tokensCss$1$1 =
|
|
13878
|
+
var tokensCss$1$1 = css`:host{--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
13906
13879
|
|
|
13907
13880
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13908
13881
|
// See LICENSE in the project root for license information.
|
|
@@ -13922,7 +13895,7 @@ const DESIGN_TOKEN_BREAKPOINT_OPTIONS = [
|
|
|
13922
13895
|
* @csspart bibContainer - Apply css to the bib container.
|
|
13923
13896
|
*/
|
|
13924
13897
|
|
|
13925
|
-
class AuroDropdownBib extends
|
|
13898
|
+
class AuroDropdownBib extends LitElement {
|
|
13926
13899
|
|
|
13927
13900
|
constructor() {
|
|
13928
13901
|
super();
|
|
@@ -14013,7 +13986,7 @@ class AuroDropdownBib extends r$4$1 {
|
|
|
14013
13986
|
|
|
14014
13987
|
// function that renders the HTML and CSS into the scope of the component
|
|
14015
13988
|
render() {
|
|
14016
|
-
return
|
|
13989
|
+
return html$1`
|
|
14017
13990
|
<div class="container" part="bibContainer">
|
|
14018
13991
|
<slot></slot>
|
|
14019
13992
|
</div>
|
|
@@ -14023,41 +13996,15 @@ class AuroDropdownBib extends r$4$1 {
|
|
|
14023
13996
|
|
|
14024
13997
|
var dropdownVersion$1 = '3.0.0';
|
|
14025
13998
|
|
|
14026
|
-
var styleCss$1$1 =
|
|
14027
|
-
|
|
14028
|
-
var colorCss$1$1 = i$7$1`.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-color-border-active-default, #0074c8);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #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-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}: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-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
|
|
14029
|
-
|
|
14030
|
-
/**
|
|
14031
|
-
* @license
|
|
14032
|
-
* Copyright 2019 Google LLC
|
|
14033
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14034
|
-
*/
|
|
14035
|
-
const t$1$1=globalThis,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1$1=Symbol(),o$2$1=new WeakMap;let n$2$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$1$1)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$2$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2$1.set(s,t));}return t}toString(){return this.cssText}};const r$3$1=t=>new n$2$1("string"==typeof t?t:t+"",void 0,s$1$1),i$3$1=(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$2$1(o,t,s$1$1)},S$1$1=(s,o)=>{if(e$2$1)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2$1=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3$1(e)})(t):t;
|
|
14036
|
-
|
|
14037
|
-
/**
|
|
14038
|
-
* @license
|
|
14039
|
-
* Copyright 2017 Google LLC
|
|
14040
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14041
|
-
*/const{is:i$2$1,defineProperty:e$1$1,getOwnPropertyDescriptor:r$2$1,getOwnPropertyNames:h$1$1,getOwnPropertySymbols:o$1$1,getPrototypeOf:n$1$1}=Object,a$1$1=globalThis,c$1$1=a$1$1.trustedTypes,l$1$1=c$1$1?c$1$1.emptyScript:"",p$1$1=a$1$1.reactiveElementPolyfillSupport,d$1$1=(t,s)=>t,u$1$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1$1: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$1=(t,s)=>!i$2$1(t,s),y$1$1={attribute:true,type:String,converter:u$1$1,reflect:false,hasChanged:f$1$1};Symbol.metadata??=Symbol("metadata"),a$1$1.litPropertyMetadata??=new WeakMap;let b$2 = class b 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=y$1$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1$1}static _$Ei(){if(this.hasOwnProperty(d$1$1("elementProperties")))return;const t=n$1$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1$1("properties"))){const t=this.properties,s=[...h$1$1(t),...o$1$1(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$2$1(s));}else void 0!==s&&i.push(c$2$1(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$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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$2.elementStyles=[],b$2.shadowRootOptions={mode:"open"},b$2[d$1$1("elementProperties")]=new Map,b$2[d$1$1("finalized")]=new Map,p$1$1?.({ReactiveElement:b$2}),(a$1$1.reactiveElementVersions??=[]).push("2.0.4");
|
|
14042
|
-
|
|
14043
|
-
/**
|
|
14044
|
-
* @license
|
|
14045
|
-
* Copyright 2017 Google LLC
|
|
14046
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14047
|
-
*/
|
|
14048
|
-
const t$6=globalThis,i$1$1=t$6.trustedTypes,s$6=i$1$1?i$1$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$8="$lit$",h$4=`lit$${Math.random().toFixed(9).slice(2)}$`,o$8="?"+h$4,n$7=`<${o$8}>`,r$1$1=document,l$5=()=>r$1$1.createComment(""),c$7=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$5=Array.isArray,u$7=t=>a$5(t)||"function"==typeof t?.[Symbol.iterator],d$4="[ \t\n\f\r]",f$4=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$3=/-->/g,_$2=/>/g,m$3=RegExp(`>|${d$4}(?:([^\\s"'>=/]+)(${d$4}*=${d$4}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$5=/'/g,g$2=/"/g,$$2=/^(?:script|style|textarea|title)$/i,y$4=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$2=y$4(1),T$2=Symbol.for("lit-noChange"),E$2=Symbol.for("lit-nothing"),A$2=new WeakMap,C$2=r$1$1.createTreeWalker(r$1$1,129);function P$2(t,i){if(!a$5(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$6?s$6.createHTML(i):i}const V$2=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$4;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$4?"!--"===u[1]?c=v$3:void 0!==u[1]?c=_$2:void 0!==u[2]?($$2.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$3):void 0!==u[3]&&(c=m$3):c===m$3?">"===u[0]?(c=r??f$4,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$3:'"'===u[3]?g$2:p$5):c===g$2||c===p$5?c=m$3:c===v$3||c===_$2?c=f$4:(c=m$3,r=void 0);const x=c===m$3&&t[i+1].startsWith("/>")?" ":"";l+=c===f$4?s+n$7:d>=0?(o.push(a),s.slice(0,d)+e$8+s.slice(d)+h$4+x):s+h$4+(-2===d?i:x);}return [P$2(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$2 = 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$2(t,s);if(this.el=N.createElement(f,n),C$2.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$2.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$8)){const i=v[a++],s=r.getAttribute(t).split(h$4),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$2:"?"===e[1]?I$2:"@"===e[1]?L$2:k$2}),r.removeAttribute(t);}else t.startsWith(h$4)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$2.test(r.tagName)){const t=r.textContent.split(h$4),s=t.length-1;if(s>0){r.textContent=i$1$1?i$1$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$5()),C$2.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$5());}}}else if(8===r.nodeType)if(r.data===o$8)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$4,t+1));)d.push({type:7,index:c}),t+=h$4.length-1;}c++;}}static createElement(t,i){const s=r$1$1.createElement("template");return s.innerHTML=t,s}};function S$4(t,i,s=t,e){if(i===T$2)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$7(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$4(t,h._$AS(t,i.values),h,e)),i}let M$3 = 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$1).importNode(i,true);C$2.currentNode=e;let h=C$2.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$2(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$2(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$2.nextNode(),o++);}return C$2.currentNode=r$1$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++;}};let R$2 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$2,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$4(this,t,i),c$7(t)?t===E$2||null==t||""===t?(this._$AH!==E$2&&this._$AR(),this._$AH=E$2):t!==this._$AH&&t!==T$2&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$7(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$2&&c$7(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1$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$2.createElement(P$2(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$3(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$2.get(t.strings);return void 0===i&&A$2.set(t.strings,i=new N$2(t)),i}k(t){a$5(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$5()),this.O(l$5()),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));}};let k$2 = 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$2,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$2;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$4(this,t,i,0),o=!c$7(t)||t!==this._$AH&&t!==T$2,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$4(this,e[s+n],i,n),r===T$2&&(r=this._$AH[n]),o||=!c$7(r)||r!==this._$AH[n],r===E$2?t=E$2:t!==E$2&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$2?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$2 = class H extends k$2{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$2?void 0:t;}};let I$2 = class I extends k$2{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$2);}};let L$2 = class L extends k$2{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$4(this,t,i,0)??E$2)===T$2)return;const s=this._$AH,e=t===E$2&&s!==E$2||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$2&&(s===E$2||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);}};let z$2 = 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$4(this,t);}};const j$2=t$6.litHtmlPolyfillSupport;j$2?.(N$2,R$2),(t$6.litHtmlVersions??=[]).push("3.2.1");const B$2=(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$2(i.insertBefore(l$5(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
13999
|
+
var styleCss$1$1 = css`: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.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}.label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}.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([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
|
|
14049
14000
|
|
|
14050
|
-
|
|
14051
|
-
* @license
|
|
14052
|
-
* Copyright 2017 Google LLC
|
|
14053
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14054
|
-
*/let r$9 = class r extends b$2{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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$2(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$2}};r$9._$litElement$=true,r$9["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$9});const i$a=globalThis.litElementPolyfillSupport;i$a?.({LitElement:r$9});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
14001
|
+
var colorCss$1$1 = css`.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-color-border-active-default, #0074c8);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #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-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}: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-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
|
|
14055
14002
|
|
|
14056
|
-
var colorCss$5 =
|
|
14003
|
+
var colorCss$5 = css`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
14057
14004
|
|
|
14058
|
-
var styleCss$5 =
|
|
14005
|
+
var styleCss$5 = css`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}:host([large]) .helptext-wrapper{font-size:var(--ds-text-body-size-default, 1rem)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
14059
14006
|
|
|
14060
|
-
var tokensCss$5 =
|
|
14007
|
+
var tokensCss$5 = css`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717c)}`;
|
|
14061
14008
|
|
|
14062
14009
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
14063
14010
|
// See LICENSE in the project root for license information.
|
|
@@ -14138,7 +14085,7 @@ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
|
14138
14085
|
*
|
|
14139
14086
|
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
14140
14087
|
*/
|
|
14141
|
-
let AuroHelpText$1 = class AuroHelpText extends
|
|
14088
|
+
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
14142
14089
|
|
|
14143
14090
|
constructor() {
|
|
14144
14091
|
super();
|
|
@@ -14242,7 +14189,7 @@ let AuroHelpText$1 = class AuroHelpText extends r$9 {
|
|
|
14242
14189
|
|
|
14243
14190
|
// function that renders the HTML and CSS into the scope of the component
|
|
14244
14191
|
render() {
|
|
14245
|
-
return
|
|
14192
|
+
return html`
|
|
14246
14193
|
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
14247
14194
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
14248
14195
|
</div>
|
|
@@ -14268,7 +14215,7 @@ var helpTextVersion$1 = '1.0.0';
|
|
|
14268
14215
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
14269
14216
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
14270
14217
|
*/
|
|
14271
|
-
class AuroDropdown extends
|
|
14218
|
+
class AuroDropdown extends LitElement {
|
|
14272
14219
|
constructor() {
|
|
14273
14220
|
super();
|
|
14274
14221
|
|
|
@@ -14284,7 +14231,7 @@ class AuroDropdown extends r$4$1 {
|
|
|
14284
14231
|
* @property {boolean} delegatesFocus - Whether the shadow root delegates focus.
|
|
14285
14232
|
*/
|
|
14286
14233
|
this.constructor.shadowRootOptions = {
|
|
14287
|
-
...
|
|
14234
|
+
...LitElement.shadowRootOptions,
|
|
14288
14235
|
delegatesFocus: true,
|
|
14289
14236
|
};
|
|
14290
14237
|
|
|
@@ -14764,7 +14711,7 @@ class AuroDropdown extends r$4$1 {
|
|
|
14764
14711
|
|
|
14765
14712
|
// function that renders the HTML and CSS into the scope of the component
|
|
14766
14713
|
render() {
|
|
14767
|
-
return
|
|
14714
|
+
return html$1`
|
|
14768
14715
|
<div>
|
|
14769
14716
|
<div
|
|
14770
14717
|
id="trigger"
|
|
@@ -14784,7 +14731,7 @@ class AuroDropdown extends r$4$1 {
|
|
|
14784
14731
|
@slotchange="${this.handleTriggerContentSlotChange}"></slot>
|
|
14785
14732
|
</div>
|
|
14786
14733
|
</div>
|
|
14787
|
-
${this.chevron || this.common ?
|
|
14734
|
+
${this.chevron || this.common ? html$1`
|
|
14788
14735
|
<div
|
|
14789
14736
|
id="showStateIcon"
|
|
14790
14737
|
part="chevron">
|
|
@@ -14820,52 +14767,6 @@ class AuroDropdown extends r$4$1 {
|
|
|
14820
14767
|
|
|
14821
14768
|
var dropdownVersion = '3.0.0';
|
|
14822
14769
|
|
|
14823
|
-
/**
|
|
14824
|
-
* @license
|
|
14825
|
-
* Copyright 2017 Google LLC
|
|
14826
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14827
|
-
*/
|
|
14828
|
-
const t$5=globalThis,i$9=t$5.trustedTypes,s$5=i$9?i$9.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$7="$lit$",h$3=`lit$${Math.random().toFixed(9).slice(2)}$`,o$7="?"+h$3,n$6=`<${o$7}>`,r$8=document,l$4=()=>r$8.createComment(""),c$6=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$4=Array.isArray,u$6=t=>a$4(t)||"function"==typeof t?.[Symbol.iterator],d$3="[ \t\n\f\r]",f$3=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$2=/-->/g,_$1=/>/g,m$2=RegExp(`>|${d$3}(?:([^\\s"'>=/]+)(${d$3}*=${d$3}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$4=/'/g,g$1=/"/g,$$1=/^(?:script|style|textarea|title)$/i,y$3=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1=y$3(1),T$1=Symbol.for("lit-noChange"),E$1=Symbol.for("lit-nothing"),A$1=new WeakMap,C$1=r$8.createTreeWalker(r$8,129);function P$1(t,i){if(!a$4(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$5?s$5.createHTML(i):i}const V$1=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$3;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$3?"!--"===u[1]?c=v$2:void 0!==u[1]?c=_$1:void 0!==u[2]?($$1.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$2):void 0!==u[3]&&(c=m$2):c===m$2?">"===u[0]?(c=r??f$3,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$2:'"'===u[3]?g$1:p$4):c===g$1||c===p$4?c=m$2:c===v$2||c===_$1?c=f$3:(c=m$2,r=void 0);const x=c===m$2&&t[i+1].startsWith("/>")?" ":"";l+=c===f$3?s+n$6:d>=0?(o.push(a),s.slice(0,d)+e$7+s.slice(d)+h$3+x):s+h$3+(-2===d?i:x);}return [P$1(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1 = 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$1(t,s);if(this.el=N.createElement(f,n),C$1.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$1.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$7)){const i=v[a++],s=r.getAttribute(t).split(h$3),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$1:"?"===e[1]?I$1:"@"===e[1]?L$1:k$1}),r.removeAttribute(t);}else t.startsWith(h$3)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$1.test(r.tagName)){const t=r.textContent.split(h$3),s=t.length-1;if(s>0){r.textContent=i$9?i$9.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$4()),C$1.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$4());}}}else if(8===r.nodeType)if(r.data===o$7)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$3,t+1));)d.push({type:7,index:c}),t+=h$3.length-1;}c++;}}static createElement(t,i){const s=r$8.createElement("template");return s.innerHTML=t,s}};function S$3(t,i,s=t,e){if(i===T$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$6(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$3(t,h._$AS(t,i.values),h,e)),i}let M$2 = 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$8).importNode(i,true);C$1.currentNode=e;let h=C$1.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1(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$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$1.nextNode(),o++);}return C$1.currentNode=r$8,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++;}};let R$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$1,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$3(this,t,i),c$6(t)?t===E$1||null==t||""===t?(this._$AH!==E$1&&this._$AR(),this._$AH=E$1):t!==this._$AH&&t!==T$1&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$6(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$1&&c$6(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$8.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$1.createElement(P$1(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$2(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new N$1(t)),i}k(t){a$4(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$4()),this.O(l$4()),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));}};let k$1 = 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$1,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$1;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$3(this,t,i,0),o=!c$6(t)||t!==this._$AH&&t!==T$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$3(this,e[s+n],i,n),r===T$1&&(r=this._$AH[n]),o||=!c$6(r)||r!==this._$AH[n],r===E$1?t=E$1:t!==E$1&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$1 = class H extends k$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$1?void 0:t;}};let I$1 = class I extends k$1{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$1);}};let L$1 = class L extends k$1{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$3(this,t,i,0)??E$1)===T$1)return;const s=this._$AH,e=t===E$1&&s!==E$1||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$1&&(s===E$1||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);}};let z$1 = 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$3(this,t);}};const Z={I:R$1},j$1=t$5.litHtmlPolyfillSupport;j$1?.(N$1,R$1),(t$5.litHtmlVersions??=[]).push("3.2.1");const B$1=(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$1(i.insertBefore(l$4(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
14829
|
-
|
|
14830
|
-
/**
|
|
14831
|
-
* @license
|
|
14832
|
-
* Copyright 2020 Google LLC
|
|
14833
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14834
|
-
*/
|
|
14835
|
-
const a$3=Symbol.for(""),o$6=t=>{if(t?.r===a$3)return t?._$litStatic$},s$4=t=>({_$litStatic$:t,r:a$3}),i$8=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$3}),l$3=new Map,n$5=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$6(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$3.get(t))&&(n.raw=n,l$3.set(t,r=n)),e=u;}return t(r,...e)},u$5=n$5(x$1);
|
|
14836
|
-
|
|
14837
|
-
/**
|
|
14838
|
-
* @license
|
|
14839
|
-
* Copyright 2017 Google LLC
|
|
14840
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14841
|
-
*/
|
|
14842
|
-
const t$4={ATTRIBUTE:1,CHILD:2},e$6=t=>(...e)=>({_$litDirective$:t,values:e});let i$7 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
14843
|
-
|
|
14844
|
-
/**
|
|
14845
|
-
* @license
|
|
14846
|
-
* Copyright 2020 Google LLC
|
|
14847
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14848
|
-
*/const {I:t$3}=Z,s$3=()=>document.createComment(""),r$7=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s$3(),l),c=e.insertBefore(s$3(),l);n=new t$3(i,c,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v$1=(o,t,i=o)=>(o._$AI(t,i),o),u$4={},m$1=(o,t=u$4)=>o._$AH=t,p$3=o=>o._$AH,M$1=o=>{o._$AP?.(false,true);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
|
|
14849
|
-
|
|
14850
|
-
/**
|
|
14851
|
-
* @license
|
|
14852
|
-
* Copyright 2017 Google LLC
|
|
14853
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14854
|
-
*/
|
|
14855
|
-
const u$3=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c$5=e$6(class extends i$7{constructor(e){if(super(e),e.type!==t$4.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r,c]){const d=p$3(s),{values:p,keys:a}=this.dt(t,r,c);if(!Array.isArray(d))return this.ut=a,p;const h=this.ut??=[],v=[];let m,y,x=0,j=d.length-1,k=0,w=p.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v[k]=v$1(d[x],p[k]),x++,k++;else if(h[j]===a[w])v[w]=v$1(d[j],p[w]),j--,w--;else if(h[x]===a[w])v[w]=v$1(d[x],p[w]),r$7(s,v[w+1],d[x]),x++,w--;else if(h[j]===a[k])v[k]=v$1(d[j],p[k]),r$7(s,d[x],d[j]),j--,k++;else if(void 0===m&&(m=u$3(a,k,w),y=u$3(h,x,j)),m.has(h[x]))if(m.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=r$7(s,d[x]);v$1(e,p[k]),v[k]=e;}else v[k]=v$1(t,p[k]),r$7(s,d[x],t),d[e]=null;k++;}else M$1(d[j]),j--;else M$1(d[x]),x++;for(;k<=w;){const e=r$7(s,v[w+1]);v$1(e,p[k]),v[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M$1(e);}return this.ut=a,m$1(s,v),T$1}});
|
|
14856
|
-
|
|
14857
|
-
/**
|
|
14858
|
-
* @license
|
|
14859
|
-
* Copyright 2018 Google LLC
|
|
14860
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14861
|
-
*/const e$5=e$6(class extends i$7{constructor(t){if(super(t),t.type!==t$4.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1}});
|
|
14862
|
-
|
|
14863
|
-
/**
|
|
14864
|
-
* @license
|
|
14865
|
-
* Copyright 2018 Google LLC
|
|
14866
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14867
|
-
*/const o$5=o=>o??E$1;
|
|
14868
|
-
|
|
14869
14770
|
const watchedItems = new Set();
|
|
14870
14771
|
|
|
14871
14772
|
|
|
@@ -14987,30 +14888,11 @@ function stopNotifyingOnLangChange(element) {
|
|
|
14987
14888
|
watchedItems.delete(element);
|
|
14988
14889
|
}
|
|
14989
14890
|
|
|
14990
|
-
|
|
14991
|
-
* @license
|
|
14992
|
-
* Copyright 2019 Google LLC
|
|
14993
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
14994
|
-
*/
|
|
14995
|
-
const t$2=globalThis,e$4=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$4=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)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$4.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$4.set(s,t));}return t}toString(){return this.cssText}};const r$6=t=>new n$4("string"==typeof t?t:t+"",void 0,s$2),i$6=(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$4(o,t,s$2)},S$2=(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$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$4=e$4?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$6(e)})(t):t;
|
|
14996
|
-
|
|
14997
|
-
/**
|
|
14998
|
-
* @license
|
|
14999
|
-
* Copyright 2017 Google LLC
|
|
15000
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
15001
|
-
*/const{is:i$5,defineProperty:e$3,getOwnPropertyDescriptor:r$5,getOwnPropertyNames:h$2,getOwnPropertySymbols:o$3,getPrototypeOf:n$3}=Object,a$2=globalThis,c$3=a$2.trustedTypes,l$2=c$3?c$3.emptyScript:"",p$2=a$2.reactiveElementPolyfillSupport,d$2=(t,s)=>t,u$2={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$2=(t,s)=>!i$5(t,s),y$2={attribute:true,type:String,converter:u$2,reflect:false,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;let b$1 = class b 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=y$2){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$3(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$5(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$2}static _$Ei(){if(this.hasOwnProperty(d$2("elementProperties")))return;const t=n$3(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$2("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$2("properties"))){const t=this.properties,s=[...h$2(t),...o$3(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$4(s));}else void 0!==s&&i.push(c$4(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$2(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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$2)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$2("elementProperties")]=new Map,b$1[d$2("finalized")]=new Map,p$2?.({ReactiveElement:b$1}),(a$2.reactiveElementVersions??=[]).push("2.0.4");
|
|
14891
|
+
var styleCss$4 = css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}: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.75rem);transform:unset}:host label.withValue{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0.75rem);transform:unset}:host([activeLabel]) .wrapper label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0.75rem);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-700, 3.5rem);max-height:var(--ds-size-700, 3.5rem);flex:1;padding:var(--ds-size-400, 2rem) 0 var(--ds-size-50, 0.25rem);margin:0;font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-size-200, 1rem);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)}`;
|
|
15002
14892
|
|
|
15003
|
-
|
|
15004
|
-
* @license
|
|
15005
|
-
* Copyright 2017 Google LLC
|
|
15006
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
15007
|
-
*/let r$4 = class r extends b$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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$1(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$1}};r$4._$litElement$=true,r$4["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4});const i$4=globalThis.litElementPolyfillSupport;i$4?.({LitElement:r$4});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
14893
|
+
var colorCss$4 = css`.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-input-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}label{color:var(--ds-auro-input-label-text-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-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host(:not([borderless])) .wrapper:focus-within{--ds-auro-input-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host(:not([borderless])) .wrapper:focus-within:before{border-bottom-color:transparent}:host([validity]:not([validity=valid])){--ds-auro-input-border-color: var(--ds-color-border-error-default, #cc1816)}:host([validity]:not([validity=valid])[bordered]) .wrapper{--ds-auro-input-border-color: var(--ds-color-border-error-default, #cc1816);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([disabled]){--ds-auro-input-border-color: var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-input-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}`;
|
|
15008
14894
|
|
|
15009
|
-
var
|
|
15010
|
-
|
|
15011
|
-
var colorCss$4 = i$6`.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-input-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}label{color:var(--ds-auro-input-label-text-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-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host(:not([borderless])) .wrapper:focus-within{--ds-auro-input-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host(:not([borderless])) .wrapper:focus-within:before{border-bottom-color:transparent}:host([validity]:not([validity=valid])){--ds-auro-input-border-color: var(--ds-color-border-error-default, #cc1816)}:host([validity]:not([validity=valid])[bordered]) .wrapper{--ds-auro-input-border-color: var(--ds-color-border-error-default, #cc1816);box-shadow:inset 0 0 0 1px var(--ds-auro-input-border-color)}:host([disabled]){--ds-auro-input-border-color: var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-input-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}`;
|
|
15012
|
-
|
|
15013
|
-
var tokensCss$4 = i$6`:host{--ds-auro-input-border-color: var(--ds-color-border-secondary-default, #939fad);--ds-auro-input-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #6a717c);--ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-input-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
14895
|
+
var tokensCss$4 = css`:host{--ds-auro-input-border-color: var(--ds-color-border-secondary-default, #939fad);--ds-auro-input-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #6a717c);--ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-input-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
15014
14896
|
|
|
15015
14897
|
/** Checks if value is string */
|
|
15016
14898
|
function isString(str) {
|
|
@@ -19257,7 +19139,7 @@ class AuroFormValidation {
|
|
|
19257
19139
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` value has changed.
|
|
19258
19140
|
*/
|
|
19259
19141
|
|
|
19260
|
-
class BaseInput extends
|
|
19142
|
+
class BaseInput extends LitElement {
|
|
19261
19143
|
|
|
19262
19144
|
constructor() {
|
|
19263
19145
|
super();
|
|
@@ -19608,9 +19490,9 @@ class BaseInput extends r$4 {
|
|
|
19608
19490
|
|
|
19609
19491
|
static get styles() {
|
|
19610
19492
|
return [
|
|
19611
|
-
|
|
19612
|
-
|
|
19613
|
-
|
|
19493
|
+
css`${colorCss$4}`,
|
|
19494
|
+
css`${styleCss$4}`,
|
|
19495
|
+
css`${tokensCss$4}`
|
|
19614
19496
|
];
|
|
19615
19497
|
}
|
|
19616
19498
|
|
|
@@ -20220,7 +20102,7 @@ class AuroDependencyVersioning {
|
|
|
20220
20102
|
*/
|
|
20221
20103
|
generateTag(baseName, version, tagClass) {
|
|
20222
20104
|
const elementName = this.generateElementName(baseName, version);
|
|
20223
|
-
const tag =
|
|
20105
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
20224
20106
|
|
|
20225
20107
|
if (!customElements.get(elementName)) {
|
|
20226
20108
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -20240,7 +20122,7 @@ class AuroDependencyVersioning {
|
|
|
20240
20122
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
20241
20123
|
*/
|
|
20242
20124
|
|
|
20243
|
-
class AuroElement extends
|
|
20125
|
+
class AuroElement extends LitElement {
|
|
20244
20126
|
|
|
20245
20127
|
// function to define props used within the scope of this component
|
|
20246
20128
|
static get properties() {
|
|
@@ -20296,7 +20178,7 @@ const cacheFetch = (uri, options = {}) => {
|
|
|
20296
20178
|
return _fetchMap.get(uri);
|
|
20297
20179
|
};
|
|
20298
20180
|
|
|
20299
|
-
var styleCss$3 =
|
|
20181
|
+
var styleCss$3 = css`: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}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;
|
|
20300
20182
|
|
|
20301
20183
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20302
20184
|
// See LICENSE in the project root for license information.
|
|
@@ -20335,7 +20217,7 @@ class BaseIcon extends AuroElement {
|
|
|
20335
20217
|
}
|
|
20336
20218
|
|
|
20337
20219
|
static get styles() {
|
|
20338
|
-
return
|
|
20220
|
+
return css`
|
|
20339
20221
|
${styleCss$3}
|
|
20340
20222
|
`;
|
|
20341
20223
|
}
|
|
@@ -20377,47 +20259,18 @@ class BaseIcon extends AuroElement {
|
|
|
20377
20259
|
}
|
|
20378
20260
|
}
|
|
20379
20261
|
|
|
20380
|
-
var tokensCss$3 =
|
|
20262
|
+
var tokensCss$3 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
20381
20263
|
|
|
20382
|
-
var colorCss$3 =
|
|
20264
|
+
var colorCss$3 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
20383
20265
|
|
|
20384
20266
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20385
20267
|
// See LICENSE in the project root for license information.
|
|
20386
20268
|
|
|
20387
20269
|
|
|
20388
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
20389
|
-
/**
|
|
20390
|
-
* auro-icon provides users a way to use the Auro Icons by simply passing in the category and name.
|
|
20391
|
-
*
|
|
20392
|
-
* @attr {String} category - The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
20393
|
-
* @attr {String} name - The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage
|
|
20394
|
-
* @attr {Boolean} customColor - Removes primary selector.
|
|
20395
|
-
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
|
|
20396
|
-
* @attr {Boolean} label - Exposes content in slot as icon label.
|
|
20397
|
-
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
20398
|
-
* @attr {Boolean} accent - Sets the icon to use the accent style.
|
|
20399
|
-
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
|
|
20400
|
-
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
|
|
20401
|
-
* @attr {Boolean} error - Sets the icon to use the error style.
|
|
20402
|
-
* @attr {Boolean} info - Sets the icon to use the info style.
|
|
20403
|
-
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
|
|
20404
|
-
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
|
|
20405
|
-
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
|
|
20406
|
-
* @attr {Boolean} success - Sets the icon to use the success style.
|
|
20407
|
-
* @attr {Boolean} warning - Sets the icon to use the warning style.
|
|
20408
|
-
* @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.
|
|
20409
|
-
* @attr {String} uri - Set the uri for CDN used when fetching icons
|
|
20410
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed.
|
|
20411
|
-
* @slot svg - Used for custom SVG content.
|
|
20412
|
-
*/
|
|
20413
|
-
|
|
20414
|
-
// build the component class
|
|
20415
20270
|
class AuroIcon extends BaseIcon {
|
|
20416
20271
|
constructor() {
|
|
20417
20272
|
super();
|
|
20418
20273
|
|
|
20419
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
20420
|
-
|
|
20421
20274
|
this.privateDefaults();
|
|
20422
20275
|
}
|
|
20423
20276
|
|
|
@@ -20441,6 +20294,7 @@ class AuroIcon extends BaseIcon {
|
|
|
20441
20294
|
this.success = false;
|
|
20442
20295
|
this.tertiary = false;
|
|
20443
20296
|
this.warning = false;
|
|
20297
|
+
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
20444
20298
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
20445
20299
|
}
|
|
20446
20300
|
|
|
@@ -20448,71 +20302,136 @@ class AuroIcon extends BaseIcon {
|
|
|
20448
20302
|
static get properties() {
|
|
20449
20303
|
return {
|
|
20450
20304
|
...super.properties,
|
|
20305
|
+
|
|
20306
|
+
/**
|
|
20307
|
+
* Sets the icon to use the accent style.
|
|
20308
|
+
*/
|
|
20451
20309
|
accent: {
|
|
20452
20310
|
type: Boolean,
|
|
20453
20311
|
reflect: true
|
|
20454
20312
|
},
|
|
20313
|
+
|
|
20314
|
+
/**
|
|
20315
|
+
* Set aria-hidden value. Default is `true`. Option is `false`.
|
|
20316
|
+
*/
|
|
20455
20317
|
ariaHidden: {
|
|
20456
20318
|
type: String,
|
|
20457
20319
|
reflect: true
|
|
20458
20320
|
},
|
|
20321
|
+
|
|
20322
|
+
/**
|
|
20323
|
+
* The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
20324
|
+
*/
|
|
20459
20325
|
category: {
|
|
20460
20326
|
type: String,
|
|
20461
20327
|
reflect: true
|
|
20462
20328
|
},
|
|
20329
|
+
|
|
20330
|
+
/**
|
|
20331
|
+
* Allows custom color to be set.
|
|
20332
|
+
*/
|
|
20463
20333
|
customColor: {
|
|
20464
20334
|
type: Boolean
|
|
20465
20335
|
},
|
|
20336
|
+
|
|
20337
|
+
/**
|
|
20338
|
+
* When true, auro-icon will render a custom SVG inside the default slot.
|
|
20339
|
+
*/
|
|
20466
20340
|
customSvg: {
|
|
20467
20341
|
type: Boolean
|
|
20468
20342
|
},
|
|
20343
|
+
|
|
20344
|
+
/**
|
|
20345
|
+
* Sets the icon to use the disabled style.
|
|
20346
|
+
*/
|
|
20469
20347
|
disabled: {
|
|
20470
20348
|
type: Boolean,
|
|
20471
20349
|
reflect: true
|
|
20472
20350
|
},
|
|
20351
|
+
|
|
20352
|
+
/**
|
|
20353
|
+
* Sets the icon to use the emphasis style.
|
|
20354
|
+
*/
|
|
20473
20355
|
emphasis: {
|
|
20474
20356
|
type: Boolean,
|
|
20475
20357
|
reflect: true
|
|
20476
20358
|
},
|
|
20359
|
+
|
|
20360
|
+
/**
|
|
20361
|
+
* Sets the icon to use the error style.
|
|
20362
|
+
*/
|
|
20477
20363
|
error: {
|
|
20478
20364
|
type: Boolean,
|
|
20479
20365
|
reflect: true
|
|
20480
20366
|
},
|
|
20367
|
+
|
|
20368
|
+
/**
|
|
20369
|
+
* Sets the icon to use the info style.
|
|
20370
|
+
*/
|
|
20481
20371
|
info: {
|
|
20482
20372
|
type: Boolean,
|
|
20483
20373
|
reflect: true
|
|
20484
20374
|
},
|
|
20375
|
+
|
|
20376
|
+
/**
|
|
20377
|
+
* Exposes content in slot as icon label.
|
|
20378
|
+
*/
|
|
20485
20379
|
label: {
|
|
20486
20380
|
type: Boolean,
|
|
20487
20381
|
reflect: true
|
|
20488
20382
|
},
|
|
20383
|
+
|
|
20384
|
+
/**
|
|
20385
|
+
* The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage.
|
|
20386
|
+
*/
|
|
20489
20387
|
name: {
|
|
20490
20388
|
type: String,
|
|
20491
20389
|
reflect: true
|
|
20492
20390
|
},
|
|
20391
|
+
|
|
20392
|
+
/**
|
|
20393
|
+
* DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
20394
|
+
*/
|
|
20493
20395
|
primary: {
|
|
20494
20396
|
type: Boolean,
|
|
20495
20397
|
reflect: true
|
|
20496
20398
|
},
|
|
20399
|
+
|
|
20400
|
+
/**
|
|
20401
|
+
* Sets the icon to use the secondary style.
|
|
20402
|
+
*/
|
|
20497
20403
|
secondary: {
|
|
20498
20404
|
type: Boolean,
|
|
20499
20405
|
reflect: true
|
|
20500
20406
|
},
|
|
20407
|
+
|
|
20408
|
+
/**
|
|
20409
|
+
* Sets the icon to use the subtle style.
|
|
20410
|
+
*/
|
|
20501
20411
|
subtle: {
|
|
20502
20412
|
type: Boolean,
|
|
20503
20413
|
reflect: true
|
|
20504
20414
|
},
|
|
20415
|
+
|
|
20416
|
+
/**
|
|
20417
|
+
* Sets the icon to use the success style.
|
|
20418
|
+
*/
|
|
20505
20419
|
success: {
|
|
20506
20420
|
type: Boolean,
|
|
20507
20421
|
reflect: true
|
|
20508
20422
|
},
|
|
20423
|
+
|
|
20424
|
+
/**
|
|
20425
|
+
* Sets the icon to use the tertiary style.
|
|
20426
|
+
*/
|
|
20509
20427
|
tertiary: {
|
|
20510
20428
|
type: Boolean,
|
|
20511
20429
|
reflect: true
|
|
20512
20430
|
},
|
|
20513
|
-
|
|
20514
|
-
|
|
20515
|
-
|
|
20431
|
+
|
|
20432
|
+
/**
|
|
20433
|
+
* Sets the icon to use the warning style.
|
|
20434
|
+
*/
|
|
20516
20435
|
warning: {
|
|
20517
20436
|
type: Boolean,
|
|
20518
20437
|
reflect: true
|
|
@@ -20523,9 +20442,9 @@ class AuroIcon extends BaseIcon {
|
|
|
20523
20442
|
static get styles() {
|
|
20524
20443
|
return [
|
|
20525
20444
|
super.styles,
|
|
20526
|
-
|
|
20527
|
-
|
|
20528
|
-
|
|
20445
|
+
css`${tokensCss$3}`,
|
|
20446
|
+
css`${styleCss$3}`,
|
|
20447
|
+
css`${colorCss$3}`
|
|
20529
20448
|
];
|
|
20530
20449
|
}
|
|
20531
20450
|
|
|
@@ -20549,38 +20468,54 @@ class AuroIcon extends BaseIcon {
|
|
|
20549
20468
|
}
|
|
20550
20469
|
|
|
20551
20470
|
/**
|
|
20471
|
+
* @private
|
|
20552
20472
|
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
20553
20473
|
*/
|
|
20554
20474
|
exposeCssParts() {
|
|
20555
20475
|
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
20556
20476
|
}
|
|
20557
20477
|
|
|
20478
|
+
async firstUpdated() {
|
|
20479
|
+
await super.firstUpdated();
|
|
20480
|
+
|
|
20481
|
+
// Removes the SVG description for screenreader if ariaHidden is set to true
|
|
20482
|
+
if (!this.hasAttribute('ariaHidden') && this.svg) {
|
|
20483
|
+
const svgDesc = this.svg.querySelector('desc');
|
|
20484
|
+
|
|
20485
|
+
if (svgDesc) {
|
|
20486
|
+
svgDesc.remove();
|
|
20487
|
+
this.svg.removeAttribute('aria-labelledby');
|
|
20488
|
+
}
|
|
20489
|
+
}
|
|
20490
|
+
}
|
|
20491
|
+
|
|
20558
20492
|
// function that renders the HTML and CSS into the scope of the component
|
|
20559
20493
|
render() {
|
|
20560
|
-
const
|
|
20561
|
-
'
|
|
20494
|
+
const labelClasses = {
|
|
20495
|
+
'labelWrapper': true,
|
|
20562
20496
|
'util_displayHiddenVisually': !this.label
|
|
20563
20497
|
};
|
|
20564
20498
|
|
|
20565
|
-
const
|
|
20566
|
-
'
|
|
20567
|
-
'wrapper': true,
|
|
20499
|
+
const svgClasses = {
|
|
20500
|
+
'svgWrapper': true,
|
|
20568
20501
|
};
|
|
20569
20502
|
|
|
20570
|
-
return
|
|
20571
|
-
<div
|
|
20572
|
-
|
|
20573
|
-
|
|
20574
|
-
|
|
20575
|
-
${this.
|
|
20576
|
-
|
|
20577
|
-
|
|
20578
|
-
|
|
20579
|
-
|
|
20580
|
-
|
|
20581
|
-
|
|
20503
|
+
return html`
|
|
20504
|
+
<div class="componentWrapper">
|
|
20505
|
+
<div
|
|
20506
|
+
class="${classMap(svgClasses)}"
|
|
20507
|
+
title="${ifDefined(this.title || undefined)}">
|
|
20508
|
+
<span aria-hidden="${ifDefined(this.ariaHidden || true)}" part="svg">
|
|
20509
|
+
${this.customSvg ? html`
|
|
20510
|
+
<slot name="svg"></slot>
|
|
20511
|
+
` : html`
|
|
20512
|
+
${this.svg}
|
|
20513
|
+
`
|
|
20514
|
+
}
|
|
20515
|
+
</span>
|
|
20516
|
+
</div>
|
|
20582
20517
|
|
|
20583
|
-
<div class="${
|
|
20518
|
+
<div class="${classMap(labelClasses)}">
|
|
20584
20519
|
<slot></slot>
|
|
20585
20520
|
</div>
|
|
20586
20521
|
</div>
|
|
@@ -20590,17 +20525,17 @@ class AuroIcon extends BaseIcon {
|
|
|
20590
20525
|
|
|
20591
20526
|
var iconVersion = '6.1.2';
|
|
20592
20527
|
|
|
20593
|
-
var styleCss$2 =
|
|
20528
|
+
var styleCss$2 = css`: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-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);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:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]):after{display:block;content:"";height:calc(100% - 2px);width:calc(100% - 2px);position:absolute;top:1px;left:1px;border-radius:4px;border-style:solid;border-width:2px}.auro-button:focus-visible[variant=secondary]:after,.auro-button:focus-visible[variant=tertiary]:after{display:block;content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:var(--ds-border-radius, 0.375rem);border-style:solid;border-width:2px}.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-text-body-size-sm, 0.875rem);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, $ds-size-300)}.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, $ds-size-200) + var(--ds-size-50, $ds-size-50))}.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}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, $ds-size-300)}: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}`;
|
|
20594
20529
|
|
|
20595
|
-
var colorCss$2 = i$6`[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:after{border-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active{--ds-auro-button-container-color: var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-active-default, #225296)}.auro-button:not([ondark])[disabled]{--ds-auro-button-container-color: var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-disabled-default, #a0c9f1)}@media(hover: hover){.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-border-color: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-text-color: var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-button-text-color: var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color: var(--ds-color-border-ui-focus-default, #2c67b5)}.auro-button:not([ondark])[variant=secondary]:active{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-border-color: var(--ds-color-border-ui-active-default, #225296);--ds-auro-button-text-color: var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-border-color: var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-button-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-border-inset-color: var(--ds-color-border-ui-default-default, #2c67b5)}.auro-button:not([ondark])[variant=tertiary]:active{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-color-icon-ui-secondary-default-default);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-default);background-color:transparent;background-image:none;border-color:transparent}}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-color-icon-ui-secondary-disabled-default);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark]{--ds-auro-button-container-color: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-button-loader-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7)}}.auro-button[ondark]:active{--ds-auro-button-container-color: var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-active-inverse, #6ad5ef)}.auro-button[ondark][disabled]{--ds-auro-button-container-color: var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-container-image: var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-text-color: var(--ds-color-text-ui-disabled-inverse, #7e7e7e);--ds-auro-button-border-color: var(--ds-color-container-ui-primary-disabled-inverse, #275b72)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-border-color: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-text-color: var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=secondary]:hover{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-button-text-color: var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color: var(--ds-color-border-ui-focus-inverse, #56bbde)}.auro-button[ondark][variant=secondary]:active{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color: var(--ds-color-border-ui-active-inverse, #6ad5ef);--ds-auro-button-text-color: var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-container-color: var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image: var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color: var(--ds-color-border-ui-disabled-inverse, #7e7e7e);--ds-auro-button-text-color: var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-border-inset-color: var(--ds-color-border-ui-default-inverse, #56bbde)}.auro-button[ondark][variant=tertiary]:active{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-container-color: var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image: var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=flat]{color:var(--ds-color-icon-ui-secondary-default-inverse);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-inverse);background-color:transparent;background-image:none;border-color:transparent}}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-color-icon-ui-disabled-default);background-color:transparent;background-image:none;border-color:transparent}`;
|
|
20530
|
+
var colorCss$2 = css`[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:after{border-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-default, #225296)}.auro-button:not([ondark])[disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1)}@media(hover: hover){.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-default, #2c67b5)}.auro-button:not([ondark])[variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-border-color:var(--ds-color-border-ui-active-default, #225296);--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-default, #2c67b5)}.auro-button:not([ondark])[variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-color-icon-ui-secondary-default-default);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-default);background-color:transparent;background-image:none;border-color:transparent}}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-color-icon-ui-secondary-disabled-default);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-button-loader-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7)}}.auro-button[ondark]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef)}.auro-button[ondark][disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=secondary]:hover{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-inverse, #56bbde)}.auro-button[ondark][variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:var(--ds-color-border-ui-active-inverse, #6ad5ef);--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-inverse, #7e7e7e);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-inverse, #56bbde)}.auro-button[ondark][variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=flat]{color:var(--ds-color-icon-ui-secondary-default-inverse);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-inverse);background-color:transparent;background-image:none;border-color:transparent}}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-color-icon-ui-disabled-default);background-color:transparent;background-image:none;border-color:transparent}`;
|
|
20596
20531
|
|
|
20597
|
-
var tokensCss$2 =
|
|
20532
|
+
var tokensCss$2 = css`:host{--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-loader-color:var(--ds-color-utility-navy-default, #265688);--ds-auro-button-text-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-tap-color:transparent}`;
|
|
20598
20533
|
|
|
20599
|
-
var styleCss$1 =
|
|
20534
|
+
var styleCss$1 = css`:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin:0.375rem;--margin-xs:0.2rem;--margin-sm:0.5rem;--margin-md:0.75rem;--margin-lg:1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin)*6);height:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs)*6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm)*6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md)*6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg)*6);height:5.5rem}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-400ms}:host([pulse])>span:nth-child(2){animation-delay:-200ms}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,100%{opacity:.1;transform:scale(0.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}100%{left:110%}}:host>.no-animation{display:none}@media(prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center;font-size:1rem}:host>span{opacity:1}:host>.loader{display:none}:host>.no-animation{display:block}}`;
|
|
20600
20535
|
|
|
20601
|
-
var colorCss$1 =
|
|
20536
|
+
var colorCss$1 = css`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color:var(--ds-color-utility-navy-default, #265688)}:host([ondark]){--ds-auro-loader-color:var(--ds-color-utility-cyan-inverse, #a8e9f7)}:host([white]){--ds-auro-loader-color:var(--ds-color-utility-neutral-inverse, #ccd2db)}:host([orbit])>span{--ds-auro-loader-background-color:transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color:currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color:currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}`;
|
|
20602
20537
|
|
|
20603
|
-
var tokensCss$1 =
|
|
20538
|
+
var tokensCss$1 = css`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;
|
|
20604
20539
|
|
|
20605
20540
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20606
20541
|
// See LICENSE in the project root for license information.
|
|
@@ -20625,7 +20560,7 @@ var tokensCss$1 = i$6`:host{--ds-auro-loader-background-color: currentcolor;--ds
|
|
|
20625
20560
|
*/
|
|
20626
20561
|
|
|
20627
20562
|
// build the component class
|
|
20628
|
-
class AuroLoader extends
|
|
20563
|
+
class AuroLoader extends LitElement {
|
|
20629
20564
|
constructor() {
|
|
20630
20565
|
super();
|
|
20631
20566
|
|
|
@@ -20679,9 +20614,9 @@ class AuroLoader extends r$4 {
|
|
|
20679
20614
|
|
|
20680
20615
|
static get styles() {
|
|
20681
20616
|
return [
|
|
20682
|
-
|
|
20683
|
-
|
|
20684
|
-
|
|
20617
|
+
css`${styleCss$1}`,
|
|
20618
|
+
css`${colorCss$1}`,
|
|
20619
|
+
css`${tokensCss$1}`
|
|
20685
20620
|
];
|
|
20686
20621
|
}
|
|
20687
20622
|
|
|
@@ -20727,14 +20662,14 @@ class AuroLoader extends r$4 {
|
|
|
20727
20662
|
|
|
20728
20663
|
// function that renders the HTML and CSS into the scope of the component
|
|
20729
20664
|
render() {
|
|
20730
|
-
return
|
|
20731
|
-
${this.defineTemplate().map((idx) =>
|
|
20665
|
+
return html`
|
|
20666
|
+
${this.defineTemplate().map((idx) => html`
|
|
20732
20667
|
<span part="element" class="loader node-${idx}"></span>
|
|
20733
20668
|
`)}
|
|
20734
20669
|
|
|
20735
20670
|
<div class="no-animation">Loading...</div>
|
|
20736
20671
|
|
|
20737
|
-
${this.ringworm ?
|
|
20672
|
+
${this.ringworm ? html`
|
|
20738
20673
|
<svg part="element" class="circular" viewBox="25 25 50 50">
|
|
20739
20674
|
<circle class="path" cx="50" cy="50" r="20" fill="none"/>
|
|
20740
20675
|
</svg>`
|
|
@@ -20744,7 +20679,7 @@ class AuroLoader extends r$4 {
|
|
|
20744
20679
|
}
|
|
20745
20680
|
}
|
|
20746
20681
|
|
|
20747
|
-
var loaderVersion = '
|
|
20682
|
+
var loaderVersion = '4.0.0';
|
|
20748
20683
|
|
|
20749
20684
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
20750
20685
|
// See LICENSE in the project root for license information.
|
|
@@ -20780,10 +20715,20 @@ var loaderVersion = '3.1.1';
|
|
|
20780
20715
|
|
|
20781
20716
|
/* eslint-disable lit/no-invalid-html, lit/binding-positions */
|
|
20782
20717
|
|
|
20783
|
-
class AuroButton extends
|
|
20718
|
+
class AuroButton extends LitElement {
|
|
20719
|
+
|
|
20720
|
+
/**
|
|
20721
|
+
* Enables form association for this element.
|
|
20722
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
|
|
20723
|
+
* @returns {boolean} - Returns true to enable form association.
|
|
20724
|
+
*/
|
|
20725
|
+
static get formAssociated() {
|
|
20726
|
+
return true;
|
|
20727
|
+
}
|
|
20784
20728
|
|
|
20785
20729
|
constructor() {
|
|
20786
20730
|
super();
|
|
20731
|
+
|
|
20787
20732
|
this.autofocus = false;
|
|
20788
20733
|
this.disabled = false;
|
|
20789
20734
|
this.iconOnly = false;
|
|
@@ -20796,6 +20741,16 @@ class AuroButton extends r$4 {
|
|
|
20796
20741
|
this.slim = false;
|
|
20797
20742
|
this.fluid = false;
|
|
20798
20743
|
|
|
20744
|
+
// Support for HTML5 forms
|
|
20745
|
+
if (typeof this.attachInternals === 'function') {
|
|
20746
|
+
this.internals = this.attachInternals();
|
|
20747
|
+
} else {
|
|
20748
|
+
this.internals = null;
|
|
20749
|
+
|
|
20750
|
+
// eslint-disable-next-line no-console
|
|
20751
|
+
console.warn('This browser does not support form association features. Some form-related functionality may not work as expected. Consider using a polyfill or handling click events manually.');
|
|
20752
|
+
}
|
|
20753
|
+
|
|
20799
20754
|
/**
|
|
20800
20755
|
* Generate unique names for dependency components.
|
|
20801
20756
|
*/
|
|
@@ -20936,6 +20891,16 @@ class AuroButton extends r$4 {
|
|
|
20936
20891
|
this.notifyReady();
|
|
20937
20892
|
}
|
|
20938
20893
|
|
|
20894
|
+
surfaceSubmitEvent() {
|
|
20895
|
+
if (this.form) {
|
|
20896
|
+
this.form.requestSubmit();
|
|
20897
|
+
}
|
|
20898
|
+
}
|
|
20899
|
+
|
|
20900
|
+
get form() {
|
|
20901
|
+
return this.internals ? this.internals.form : null;
|
|
20902
|
+
}
|
|
20903
|
+
|
|
20939
20904
|
render() {
|
|
20940
20905
|
const classes = {
|
|
20941
20906
|
'util_insetLg--squish': true,
|
|
@@ -20948,27 +20913,27 @@ class AuroButton extends r$4 {
|
|
|
20948
20913
|
'loading': this.loading
|
|
20949
20914
|
};
|
|
20950
20915
|
|
|
20951
|
-
return
|
|
20916
|
+
return html$1`
|
|
20952
20917
|
<button
|
|
20953
20918
|
part="button"
|
|
20954
|
-
aria-label="${
|
|
20955
|
-
aria-labelledby="${
|
|
20919
|
+
aria-label="${ifDefined(this.arialabel ? this.arialabel : undefined)}"
|
|
20920
|
+
aria-labelledby="${ifDefined(this.arialabelledby ? this.arialabelledby : undefined)}"
|
|
20956
20921
|
?autofocus="${this.autofocus}"
|
|
20957
|
-
class="${
|
|
20922
|
+
class="${classMap(classes)}"
|
|
20958
20923
|
?disabled="${this.disabled || this.loading}"
|
|
20959
20924
|
?onDark="${this.onDark}"
|
|
20960
|
-
title="${
|
|
20961
|
-
name="${
|
|
20962
|
-
type="${
|
|
20963
|
-
variant="${
|
|
20964
|
-
.value="${
|
|
20965
|
-
@click="${
|
|
20925
|
+
title="${ifDefined(this.title ? this.title : undefined)}"
|
|
20926
|
+
name="${ifDefined(this.name ? this.name : undefined)}"
|
|
20927
|
+
type="${ifDefined(this.type ? this.type : undefined)}"
|
|
20928
|
+
variant="${ifDefined(this.variant ? this.variant : undefined)}"
|
|
20929
|
+
.value="${ifDefined(this.value ? this.value : undefined)}"
|
|
20930
|
+
@click="${this.type === 'submit' ? this.surfaceSubmitEvent : undefined}"
|
|
20966
20931
|
>
|
|
20967
|
-
${
|
|
20932
|
+
${ifDefined(this.loading ? html$1`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
|
|
20968
20933
|
|
|
20969
20934
|
<span class="contentWrapper">
|
|
20970
20935
|
<span class="textSlot" part="text">
|
|
20971
|
-
${this.iconOnly ? undefined :
|
|
20936
|
+
${this.iconOnly ? undefined : html$1`<slot></slot>`}
|
|
20972
20937
|
</span>
|
|
20973
20938
|
|
|
20974
20939
|
<span part="icon">
|
|
@@ -20982,37 +20947,11 @@ class AuroButton extends r$4 {
|
|
|
20982
20947
|
|
|
20983
20948
|
var buttonVersion = '8.2.2';
|
|
20984
20949
|
|
|
20985
|
-
|
|
20986
|
-
* @license
|
|
20987
|
-
* Copyright 2019 Google LLC
|
|
20988
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
20989
|
-
*/
|
|
20990
|
-
const t$1=globalThis,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1=Symbol(),o$2=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$1)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$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$2("string"==typeof t?t:t+"",void 0,s$1),i$3=(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$2(o,t,s$1)},S$1=(s,o)=>{if(e$2)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
|
|
20991
|
-
|
|
20992
|
-
/**
|
|
20993
|
-
* @license
|
|
20994
|
-
* Copyright 2017 Google LLC
|
|
20995
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
20996
|
-
*/const{is:i$2,defineProperty:e$1,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$1,getPrototypeOf:n$1}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1: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$2(t,s),y$1={attribute:true,type:String,converter:u$1,reflect:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;class b 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=y$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1(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=[...h$1(t),...o$1(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$2(s));}else void 0!==s&&i.push(c$2(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);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),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),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){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) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}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._$EU();}catch(s){throw t=false,this._$EU(),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);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[d$1("elementProperties")]=new Map,b[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b}),(a$1.reactiveElementVersions??=[]).push("2.0.4");
|
|
20997
|
-
|
|
20998
|
-
/**
|
|
20999
|
-
* @license
|
|
21000
|
-
* Copyright 2017 Google LLC
|
|
21001
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
21002
|
-
*/
|
|
21003
|
-
const t=globalThis,i$1=t.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+h,n=`<${o}>`,r$1=document,l=()=>r$1.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/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(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.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:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===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:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e+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)){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$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o)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(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}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(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(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(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(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(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()),this.O(l()),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(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(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 j=t.litHtmlPolyfillSupport;j?.(N,R),(t.litHtmlVersions??=[]).push("3.2.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
21004
|
-
|
|
21005
|
-
/**
|
|
21006
|
-
* @license
|
|
21007
|
-
* Copyright 2017 Google LLC
|
|
21008
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
21009
|
-
*/class r extends b{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 s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}r._$litElement$=true,r["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r});const i=globalThis.litElementPolyfillSupport;i?.({LitElement:r});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
21010
|
-
|
|
21011
|
-
var colorCss = i$3`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
20950
|
+
var colorCss = css`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
21012
20951
|
|
|
21013
|
-
var styleCss =
|
|
20952
|
+
var styleCss = css`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}:host([large]) .helptext-wrapper{font-size:var(--ds-text-body-size-default, 1rem)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
21014
20953
|
|
|
21015
|
-
var tokensCss =
|
|
20954
|
+
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717c)}`;
|
|
21016
20955
|
|
|
21017
20956
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
21018
20957
|
// See LICENSE in the project root for license information.
|
|
@@ -21093,7 +21032,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
21093
21032
|
*
|
|
21094
21033
|
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
21095
21034
|
*/
|
|
21096
|
-
class AuroHelpText extends
|
|
21035
|
+
class AuroHelpText extends LitElement {
|
|
21097
21036
|
|
|
21098
21037
|
constructor() {
|
|
21099
21038
|
super();
|
|
@@ -21197,7 +21136,7 @@ class AuroHelpText extends r {
|
|
|
21197
21136
|
|
|
21198
21137
|
// function that renders the HTML and CSS into the scope of the component
|
|
21199
21138
|
render() {
|
|
21200
|
-
return
|
|
21139
|
+
return html`
|
|
21201
21140
|
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
21202
21141
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
21203
21142
|
</div>
|
|
@@ -21271,7 +21210,7 @@ class AuroInput extends BaseInput {
|
|
|
21271
21210
|
'withValue': this.value && this.value.length > 0
|
|
21272
21211
|
};
|
|
21273
21212
|
|
|
21274
|
-
return
|
|
21213
|
+
return html$1`
|
|
21275
21214
|
<div class="wrapper" part="wrapper">
|
|
21276
21215
|
<div class="main">
|
|
21277
21216
|
<div class="typeIcon">
|
|
@@ -21280,7 +21219,7 @@ class AuroInput extends BaseInput {
|
|
|
21280
21219
|
<!-- The repeat() method is used below in order to force auro-icon to re-render when the name value is updated.
|
|
21281
21220
|
This should be cleaned up when auro-icon issue #31 is resolved. -->
|
|
21282
21221
|
${this.inputIconName
|
|
21283
|
-
?
|
|
21222
|
+
? repeat([this.inputIconName], (val) => val, (name) => html$1`
|
|
21284
21223
|
<${this.iconTag}
|
|
21285
21224
|
class="accentIcon"
|
|
21286
21225
|
category="payment"
|
|
@@ -21292,7 +21231,7 @@ class AuroInput extends BaseInput {
|
|
|
21292
21231
|
}
|
|
21293
21232
|
|
|
21294
21233
|
${this.type === 'date'
|
|
21295
|
-
?
|
|
21234
|
+
? html$1`
|
|
21296
21235
|
<${this.iconTag}
|
|
21297
21236
|
class="accentIcon"
|
|
21298
21237
|
category="interface"
|
|
@@ -21303,7 +21242,7 @@ class AuroInput extends BaseInput {
|
|
|
21303
21242
|
: undefined
|
|
21304
21243
|
}
|
|
21305
21244
|
</div>
|
|
21306
|
-
<label for=${this.id} class="${
|
|
21245
|
+
<label for=${this.id} class="${classMap(labelClasses)}" part="label">
|
|
21307
21246
|
<slot name="label">
|
|
21308
21247
|
${this.label}
|
|
21309
21248
|
</slot>
|
|
@@ -21314,23 +21253,23 @@ class AuroInput extends BaseInput {
|
|
|
21314
21253
|
@focusin="${this.handleFocusin}"
|
|
21315
21254
|
@blur="${this.handleBlur}"
|
|
21316
21255
|
id="${this.id}"
|
|
21317
|
-
name="${
|
|
21256
|
+
name="${ifDefined(this.name)}"
|
|
21318
21257
|
type="${this.type === 'password' && this.showPassword ? 'text' : this.getInputType(this.type)}"
|
|
21319
|
-
pattern="${
|
|
21320
|
-
maxlength="${
|
|
21321
|
-
minlength="${
|
|
21322
|
-
inputMode="${
|
|
21258
|
+
pattern="${ifDefined(this.definePattern())}"
|
|
21259
|
+
maxlength="${ifDefined(this.maxLength ? this.maxLength : undefined)}"
|
|
21260
|
+
minlength="${ifDefined(this.minLength ? this.minLength : undefined)}"
|
|
21261
|
+
inputMode="${ifDefined(this.inputMode ? this.inputMode : undefined)}"
|
|
21323
21262
|
?required="${this.required}"
|
|
21324
21263
|
?disabled="${this.disabled}"
|
|
21325
21264
|
aria-describedby="${this.uniqueId}"
|
|
21326
21265
|
aria-invalid="${this.validity !== 'valid'}"
|
|
21327
21266
|
placeholder=${this.getPlaceholder()}
|
|
21328
|
-
lang="${
|
|
21267
|
+
lang="${ifDefined(this.lang)}"
|
|
21329
21268
|
?activeLabel="${this.activeLabel}"
|
|
21330
|
-
spellcheck="${
|
|
21331
|
-
autocorrect="${
|
|
21332
|
-
autocapitalize="${
|
|
21333
|
-
autocomplete="${
|
|
21269
|
+
spellcheck="${ifDefined(this.spellcheck ? this.spellcheck : undefined)}"
|
|
21270
|
+
autocorrect="${ifDefined(this.autocorrect ? this.autocorrect : undefined)}"
|
|
21271
|
+
autocapitalize="${ifDefined(this.autocapitalize ? this.autocapitalize : undefined)}"
|
|
21272
|
+
autocomplete="${ifDefined(this.autocomplete ? this.autocomplete : undefined)}"
|
|
21334
21273
|
part="input"
|
|
21335
21274
|
/>
|
|
21336
21275
|
</div>
|
|
@@ -21338,7 +21277,7 @@ class AuroInput extends BaseInput {
|
|
|
21338
21277
|
class="notificationIcons"
|
|
21339
21278
|
part="notificationIcons"
|
|
21340
21279
|
?hasValue="${this.hasValue}">
|
|
21341
|
-
${this.validity && this.validity !== 'valid' ?
|
|
21280
|
+
${this.validity && this.validity !== 'valid' ? html$1`
|
|
21342
21281
|
<div class="notification alertNotification">
|
|
21343
21282
|
<${this.iconTag}
|
|
21344
21283
|
category="alert"
|
|
@@ -21347,8 +21286,8 @@ class AuroInput extends BaseInput {
|
|
|
21347
21286
|
</${this.iconTag}>
|
|
21348
21287
|
</div>
|
|
21349
21288
|
` : undefined}
|
|
21350
|
-
${this.hasValue ?
|
|
21351
|
-
${this.type === 'password' ?
|
|
21289
|
+
${this.hasValue ? html$1`
|
|
21290
|
+
${this.type === 'password' ? html$1`
|
|
21352
21291
|
<div class="notification">
|
|
21353
21292
|
<${this.buttonTag}
|
|
21354
21293
|
variant="flat"
|
|
@@ -21371,7 +21310,7 @@ class AuroInput extends BaseInput {
|
|
|
21371
21310
|
</${this.buttonTag}>
|
|
21372
21311
|
</div>
|
|
21373
21312
|
` : undefined}
|
|
21374
|
-
${!this.disabled && !this.readonly ?
|
|
21313
|
+
${!this.disabled && !this.readonly ? html$1`
|
|
21375
21314
|
<div class="notification">
|
|
21376
21315
|
<${this.buttonTag}
|
|
21377
21316
|
variant="flat"
|
|
@@ -21392,14 +21331,14 @@ class AuroInput extends BaseInput {
|
|
|
21392
21331
|
</div>
|
|
21393
21332
|
<!-- Help text and error message template -->
|
|
21394
21333
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
21395
|
-
?
|
|
21334
|
+
? html$1`
|
|
21396
21335
|
<${this.helpTextTag}>
|
|
21397
21336
|
<p id="${this.uniqueId}" part="helpText">
|
|
21398
21337
|
<slot name="helptext">${this.getHelpText()}</slot>
|
|
21399
21338
|
</p>
|
|
21400
21339
|
</${this.helpTextTag}>
|
|
21401
21340
|
`
|
|
21402
|
-
:
|
|
21341
|
+
: html$1`
|
|
21403
21342
|
<${this.helpTextTag} error>
|
|
21404
21343
|
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
21405
21344
|
${this.errorMessage}
|
|
@@ -21441,7 +21380,7 @@ var inputVersion = '4.2.0';
|
|
|
21441
21380
|
*/
|
|
21442
21381
|
|
|
21443
21382
|
// build the component class
|
|
21444
|
-
class AuroDatePicker extends
|
|
21383
|
+
class AuroDatePicker extends LitElement {
|
|
21445
21384
|
constructor() {
|
|
21446
21385
|
super();
|
|
21447
21386
|
|
|
@@ -22374,7 +22313,7 @@ class AuroDatePicker extends r$c {
|
|
|
22374
22313
|
|
|
22375
22314
|
// function that renders the HTML and CSS into the scope of the component
|
|
22376
22315
|
render() {
|
|
22377
|
-
return
|
|
22316
|
+
return html$1`
|
|
22378
22317
|
<div class="outerWrapper">
|
|
22379
22318
|
<${this.dropdownTag}
|
|
22380
22319
|
for="dropdownMenu"
|
|
@@ -22407,7 +22346,7 @@ class AuroDatePicker extends r$c {
|
|
|
22407
22346
|
part="input">
|
|
22408
22347
|
<span slot="label"><slot name="fromLabel"></slot></span>
|
|
22409
22348
|
</${this.inputTag}>
|
|
22410
|
-
${this.range ?
|
|
22349
|
+
${this.range ? html$1`
|
|
22411
22350
|
<${this.inputTag}
|
|
22412
22351
|
id="${this.generateRandomString(12)}"
|
|
22413
22352
|
bordered
|
|
@@ -22444,16 +22383,16 @@ class AuroDatePicker extends r$c {
|
|
|
22444
22383
|
>
|
|
22445
22384
|
<slot slot="bib.fullscreen.headline" name="bib.fullscreen.headline" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
22446
22385
|
<slot slot="bib.fullscreen.dateLabel" name="bib.fullscreen.dateLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
22447
|
-
<span slot="bib.fullscreen.fromStr">${this.value ||
|
|
22448
|
-
${this.range ?
|
|
22386
|
+
<span slot="bib.fullscreen.fromStr">${this.value || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>
|
|
22387
|
+
${this.range ? html$1`<span slot="mobileDateToStr">${this.valueEnd || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>` : undefined}
|
|
22449
22388
|
</auro-calendar>
|
|
22450
22389
|
</div>
|
|
22451
22390
|
<p slot="helpText" part="helpTextSpan">
|
|
22452
22391
|
<!-- Help text and error message template -->
|
|
22453
22392
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
22454
|
-
?
|
|
22393
|
+
? html$1`
|
|
22455
22394
|
<slot name="helpText"></slot>
|
|
22456
|
-
` :
|
|
22395
|
+
` : html$1`
|
|
22457
22396
|
<span role="alert" aria-live="assertive" part="helpText">
|
|
22458
22397
|
${this.errorMessage}
|
|
22459
22398
|
</span>`
|