@aurodesignsystem/auro-formkit 2.0.1 → 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 +14 -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.md +46 -46
- package/components/input/demo/api.min.js +209 -152
- package/components/input/demo/index.md +6 -6
- 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
- package/packages/build-tools/src/postinstall.mjs +5 -1
|
@@ -28,33 +28,33 @@ function inDialogExample() {
|
|
|
28
28
|
* Copyright 2017 Google LLC
|
|
29
29
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
30
|
*/
|
|
31
|
-
const t$
|
|
31
|
+
const t$2=globalThis,i$5=t$2.trustedTypes,s$2=i$5?i$5.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$4="$lit$",h$1=`lit$${Math.random().toFixed(9).slice(2)}$`,o$4="?"+h$1,n$3=`<${o$4}>`,r$3=document,l$2=()=>r$3.createComment(""),c$2=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$2=Array.isArray,u$2=t=>a$2(t)||"function"==typeof t?.[Symbol.iterator],d$1="[ \t\n\f\r]",f$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d$1}(?:([^\\s"'>=/]+)(${d$1}*=${d$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$1=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y$1=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y$1(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$3.createTreeWalker(r$3,129);function P(t,i){if(!a$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$2?s$2.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$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$1?"!--"===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$1,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$1):c===g||c===p$1?c=m:c===v||c===_?c=f$1:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f$1?s+n$3:d>=0?(o.push(a),s.slice(0,d)+e$4+s.slice(d)+h$1+x):s+h$1+(-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$4)){const i=v[a++],s=r.getAttribute(t).split(h$1),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$1)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$1),s=t.length-1;if(s>0){r.textContent=i$5?i$5.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$2()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$2());}}}else if(8===r.nodeType)if(r.data===o$4)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$1,t+1));)d.push({type:7,index:c}),t+=h$1.length-1;}c++;}}static createElement(t,i){const s=r$3.createElement("template");return s.innerHTML=t,s}}function S$1(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$2(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S$1(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$3).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$3,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$1(this,t,i),c$2(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$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&&c$2(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$3.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$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$2()),this.O(l$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));}}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$1(this,t,i,0),o=!c$2(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$1(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c$2(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$1(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$1(this,t);}}const j=t$2.litHtmlPolyfillSupport;j?.(N,R),(t$2.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$2(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2020 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
37
|
*/
|
|
38
|
-
const a$
|
|
38
|
+
const a$1=Symbol.for(""),o$3=t=>{if(t?.r===a$1)return t?._$litStatic$},s$1=t=>({_$litStatic$:t,r:a$1}),i$4=(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$1}),l$1=new Map,n$2=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$3(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$1.get(t))&&(n.raw=n,l$1.set(t,r=n)),e=u;}return t(r,...e)},u$1=n$2(x);
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* @license
|
|
42
42
|
* Copyright 2019 Google LLC
|
|
43
43
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
44
|
*/
|
|
45
|
-
const t$
|
|
45
|
+
const t$1=globalThis,e$3=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),o$2=new WeakMap;let n$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s)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$3&&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$2=t=>new n$1("string"==typeof t?t:t+"",void 0,s),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$1(o,t,s)},S=(s,o)=>{if(e$3)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$1=e$3?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/const{is:i$
|
|
51
|
+
*/const{is:i$2,defineProperty:e$2,getOwnPropertyDescriptor:r$1,getOwnPropertyNames:h,getOwnPropertySymbols:o$1,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:"",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l: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=(t,s)=>!i$2(t,s),y={attribute:true,type:String,converter:u,reflect:false,hasChanged:f};Symbol.metadata??=Symbol("metadata"),a.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){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$2(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$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}static _$Ei(){if(this.hasOwnProperty(d("elementProperties")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d("properties"))){const t=this.properties,s=[...h(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$1(s));}else void 0!==s&&i.push(c$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(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).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;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)(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("elementProperties")]=new Map,b[d("finalized")]=new Map,p?.({ReactiveElement:b}),(a.reactiveElementVersions??=[]).push("2.0.4");
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* @license
|
|
55
55
|
* Copyright 2017 Google LLC
|
|
56
56
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
|
-
*/
|
|
57
|
+
*/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$1=globalThis.litElementPolyfillSupport;i$1?.({LitElement:r});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
58
58
|
|
|
59
59
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60
60
|
// See LICENSE in the project root for license information.
|
|
@@ -855,7 +855,8 @@ function isContainingBlock(elementOrCss) {
|
|
|
855
855
|
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
|
|
856
856
|
|
|
857
857
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
858
|
-
|
|
858
|
+
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
859
|
+
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));
|
|
859
860
|
}
|
|
860
861
|
function getContainingBlock(element) {
|
|
861
862
|
let currentNode = getParentNode(element);
|
|
@@ -1413,6 +1414,10 @@ const platform = {
|
|
|
1413
1414
|
isRTL
|
|
1414
1415
|
};
|
|
1415
1416
|
|
|
1417
|
+
function rectsAreEqual(a, b) {
|
|
1418
|
+
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1416
1421
|
// https://samthor.au/2021/observing-dom/
|
|
1417
1422
|
function observeMove(element, onMove) {
|
|
1418
1423
|
let io = null;
|
|
@@ -1432,12 +1437,13 @@ function observeMove(element, onMove) {
|
|
|
1432
1437
|
threshold = 1;
|
|
1433
1438
|
}
|
|
1434
1439
|
cleanup();
|
|
1440
|
+
const elementRectForRootMargin = element.getBoundingClientRect();
|
|
1435
1441
|
const {
|
|
1436
1442
|
left,
|
|
1437
1443
|
top,
|
|
1438
1444
|
width,
|
|
1439
1445
|
height
|
|
1440
|
-
} =
|
|
1446
|
+
} = elementRectForRootMargin;
|
|
1441
1447
|
if (!skip) {
|
|
1442
1448
|
onMove();
|
|
1443
1449
|
}
|
|
@@ -1470,6 +1476,16 @@ function observeMove(element, onMove) {
|
|
|
1470
1476
|
refresh(false, ratio);
|
|
1471
1477
|
}
|
|
1472
1478
|
}
|
|
1479
|
+
if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
|
|
1480
|
+
// It's possible that even though the ratio is reported as 1, the
|
|
1481
|
+
// element is not actually fully within the IntersectionObserver's root
|
|
1482
|
+
// area anymore. This can happen under performance constraints. This may
|
|
1483
|
+
// be a bug in the browser's IntersectionObserver implementation. To
|
|
1484
|
+
// work around this, we compare the element's bounding rect now with
|
|
1485
|
+
// what it was at the time we created the IntersectionObserver. If they
|
|
1486
|
+
// are not equal then the element moved, so we refresh.
|
|
1487
|
+
refresh();
|
|
1488
|
+
}
|
|
1473
1489
|
isFirstUpdate = false;
|
|
1474
1490
|
}
|
|
1475
1491
|
|
|
@@ -1547,7 +1563,7 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
1547
1563
|
}
|
|
1548
1564
|
function frameLoop() {
|
|
1549
1565
|
const nextRefRect = getBoundingClientRect(reference);
|
|
1550
|
-
if (prevRefRect && (
|
|
1566
|
+
if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
|
|
1551
1567
|
update();
|
|
1552
1568
|
}
|
|
1553
1569
|
prevRefRect = nextRefRect;
|
|
@@ -2078,7 +2094,7 @@ class AuroDependencyVersioning {
|
|
|
2078
2094
|
*/
|
|
2079
2095
|
generateTag(baseName, version, tagClass) {
|
|
2080
2096
|
const elementName = this.generateElementName(baseName, version);
|
|
2081
|
-
const tag = i$
|
|
2097
|
+
const tag = i$4`${s$1(elementName)}`;
|
|
2082
2098
|
|
|
2083
2099
|
if (!customElements.get(elementName)) {
|
|
2084
2100
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -2093,19 +2109,19 @@ class AuroDependencyVersioning {
|
|
|
2093
2109
|
* Copyright 2017 Google LLC
|
|
2094
2110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2095
2111
|
*/
|
|
2096
|
-
const t
|
|
2112
|
+
const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
2097
2113
|
|
|
2098
2114
|
/**
|
|
2099
2115
|
* @license
|
|
2100
2116
|
* Copyright 2018 Google LLC
|
|
2101
2117
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2102
|
-
*/const e
|
|
2118
|
+
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.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}});
|
|
2103
2119
|
|
|
2104
2120
|
/**
|
|
2105
2121
|
* @license
|
|
2106
2122
|
* Copyright 2018 Google LLC
|
|
2107
2123
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2108
|
-
*/const o
|
|
2124
|
+
*/const o=o=>o??E;
|
|
2109
2125
|
|
|
2110
2126
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2111
2127
|
// See LICENSE in the project root for license information.
|
|
@@ -2117,7 +2133,7 @@ const t$2={ATTRIBUTE:1},e$4=t=>(...e)=>({_$litDirective$:t,values:e});let i$4 =
|
|
|
2117
2133
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
2118
2134
|
*/
|
|
2119
2135
|
|
|
2120
|
-
class AuroElement extends r
|
|
2136
|
+
class AuroElement extends r {
|
|
2121
2137
|
|
|
2122
2138
|
// function to define props used within the scope of this component
|
|
2123
2139
|
static get properties() {
|
|
@@ -2173,7 +2189,7 @@ const cacheFetch = (uri, options = {}) => {
|
|
|
2173
2189
|
return _fetchMap.get(uri);
|
|
2174
2190
|
};
|
|
2175
2191
|
|
|
2176
|
-
var styleCss$3 = i$
|
|
2192
|
+
var styleCss$3 = i$3`: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}`;
|
|
2177
2193
|
|
|
2178
2194
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2179
2195
|
// See LICENSE in the project root for license information.
|
|
@@ -2212,7 +2228,7 @@ class BaseIcon extends AuroElement {
|
|
|
2212
2228
|
}
|
|
2213
2229
|
|
|
2214
2230
|
static get styles() {
|
|
2215
|
-
return i$
|
|
2231
|
+
return i$3`
|
|
2216
2232
|
${styleCss$3}
|
|
2217
2233
|
`;
|
|
2218
2234
|
}
|
|
@@ -2254,47 +2270,18 @@ class BaseIcon extends AuroElement {
|
|
|
2254
2270
|
}
|
|
2255
2271
|
}
|
|
2256
2272
|
|
|
2257
|
-
var tokensCss$2 = i$
|
|
2273
|
+
var tokensCss$2 = i$3`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
2258
2274
|
|
|
2259
|
-
var colorCss$3 = i$
|
|
2275
|
+
var colorCss$3 = i$3`: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)}`;
|
|
2260
2276
|
|
|
2261
2277
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2262
2278
|
// See LICENSE in the project root for license information.
|
|
2263
2279
|
|
|
2264
2280
|
|
|
2265
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
2266
|
-
/**
|
|
2267
|
-
* auro-icon provides users a way to use the Auro Icons by simply passing in the category and name.
|
|
2268
|
-
*
|
|
2269
|
-
* @attr {String} category - The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
2270
|
-
* @attr {String} name - The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage
|
|
2271
|
-
* @attr {Boolean} customColor - Removes primary selector.
|
|
2272
|
-
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
|
|
2273
|
-
* @attr {Boolean} label - Exposes content in slot as icon label.
|
|
2274
|
-
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
2275
|
-
* @attr {Boolean} accent - Sets the icon to use the accent style.
|
|
2276
|
-
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
|
|
2277
|
-
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
|
|
2278
|
-
* @attr {Boolean} error - Sets the icon to use the error style.
|
|
2279
|
-
* @attr {Boolean} info - Sets the icon to use the info style.
|
|
2280
|
-
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
|
|
2281
|
-
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
|
|
2282
|
-
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
|
|
2283
|
-
* @attr {Boolean} success - Sets the icon to use the success style.
|
|
2284
|
-
* @attr {Boolean} warning - Sets the icon to use the warning style.
|
|
2285
|
-
* @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.
|
|
2286
|
-
* @attr {String} uri - Set the uri for CDN used when fetching icons
|
|
2287
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed.
|
|
2288
|
-
* @slot svg - Used for custom SVG content.
|
|
2289
|
-
*/
|
|
2290
|
-
|
|
2291
|
-
// build the component class
|
|
2292
2281
|
class AuroIcon extends BaseIcon {
|
|
2293
2282
|
constructor() {
|
|
2294
2283
|
super();
|
|
2295
2284
|
|
|
2296
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
2297
|
-
|
|
2298
2285
|
this.privateDefaults();
|
|
2299
2286
|
}
|
|
2300
2287
|
|
|
@@ -2318,6 +2305,7 @@ class AuroIcon extends BaseIcon {
|
|
|
2318
2305
|
this.success = false;
|
|
2319
2306
|
this.tertiary = false;
|
|
2320
2307
|
this.warning = false;
|
|
2308
|
+
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
2321
2309
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
2322
2310
|
}
|
|
2323
2311
|
|
|
@@ -2325,71 +2313,136 @@ class AuroIcon extends BaseIcon {
|
|
|
2325
2313
|
static get properties() {
|
|
2326
2314
|
return {
|
|
2327
2315
|
...super.properties,
|
|
2316
|
+
|
|
2317
|
+
/**
|
|
2318
|
+
* Sets the icon to use the accent style.
|
|
2319
|
+
*/
|
|
2328
2320
|
accent: {
|
|
2329
2321
|
type: Boolean,
|
|
2330
2322
|
reflect: true
|
|
2331
2323
|
},
|
|
2324
|
+
|
|
2325
|
+
/**
|
|
2326
|
+
* Set aria-hidden value. Default is `true`. Option is `false`.
|
|
2327
|
+
*/
|
|
2332
2328
|
ariaHidden: {
|
|
2333
2329
|
type: String,
|
|
2334
2330
|
reflect: true
|
|
2335
2331
|
},
|
|
2332
|
+
|
|
2333
|
+
/**
|
|
2334
|
+
* The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
2335
|
+
*/
|
|
2336
2336
|
category: {
|
|
2337
2337
|
type: String,
|
|
2338
2338
|
reflect: true
|
|
2339
2339
|
},
|
|
2340
|
+
|
|
2341
|
+
/**
|
|
2342
|
+
* Allows custom color to be set.
|
|
2343
|
+
*/
|
|
2340
2344
|
customColor: {
|
|
2341
2345
|
type: Boolean
|
|
2342
2346
|
},
|
|
2347
|
+
|
|
2348
|
+
/**
|
|
2349
|
+
* When true, auro-icon will render a custom SVG inside the default slot.
|
|
2350
|
+
*/
|
|
2343
2351
|
customSvg: {
|
|
2344
2352
|
type: Boolean
|
|
2345
2353
|
},
|
|
2354
|
+
|
|
2355
|
+
/**
|
|
2356
|
+
* Sets the icon to use the disabled style.
|
|
2357
|
+
*/
|
|
2346
2358
|
disabled: {
|
|
2347
2359
|
type: Boolean,
|
|
2348
2360
|
reflect: true
|
|
2349
2361
|
},
|
|
2362
|
+
|
|
2363
|
+
/**
|
|
2364
|
+
* Sets the icon to use the emphasis style.
|
|
2365
|
+
*/
|
|
2350
2366
|
emphasis: {
|
|
2351
2367
|
type: Boolean,
|
|
2352
2368
|
reflect: true
|
|
2353
2369
|
},
|
|
2370
|
+
|
|
2371
|
+
/**
|
|
2372
|
+
* Sets the icon to use the error style.
|
|
2373
|
+
*/
|
|
2354
2374
|
error: {
|
|
2355
2375
|
type: Boolean,
|
|
2356
2376
|
reflect: true
|
|
2357
2377
|
},
|
|
2378
|
+
|
|
2379
|
+
/**
|
|
2380
|
+
* Sets the icon to use the info style.
|
|
2381
|
+
*/
|
|
2358
2382
|
info: {
|
|
2359
2383
|
type: Boolean,
|
|
2360
2384
|
reflect: true
|
|
2361
2385
|
},
|
|
2386
|
+
|
|
2387
|
+
/**
|
|
2388
|
+
* Exposes content in slot as icon label.
|
|
2389
|
+
*/
|
|
2362
2390
|
label: {
|
|
2363
2391
|
type: Boolean,
|
|
2364
2392
|
reflect: true
|
|
2365
2393
|
},
|
|
2394
|
+
|
|
2395
|
+
/**
|
|
2396
|
+
* The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage.
|
|
2397
|
+
*/
|
|
2366
2398
|
name: {
|
|
2367
2399
|
type: String,
|
|
2368
2400
|
reflect: true
|
|
2369
2401
|
},
|
|
2402
|
+
|
|
2403
|
+
/**
|
|
2404
|
+
* DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
2405
|
+
*/
|
|
2370
2406
|
primary: {
|
|
2371
2407
|
type: Boolean,
|
|
2372
2408
|
reflect: true
|
|
2373
2409
|
},
|
|
2410
|
+
|
|
2411
|
+
/**
|
|
2412
|
+
* Sets the icon to use the secondary style.
|
|
2413
|
+
*/
|
|
2374
2414
|
secondary: {
|
|
2375
2415
|
type: Boolean,
|
|
2376
2416
|
reflect: true
|
|
2377
2417
|
},
|
|
2418
|
+
|
|
2419
|
+
/**
|
|
2420
|
+
* Sets the icon to use the subtle style.
|
|
2421
|
+
*/
|
|
2378
2422
|
subtle: {
|
|
2379
2423
|
type: Boolean,
|
|
2380
2424
|
reflect: true
|
|
2381
2425
|
},
|
|
2426
|
+
|
|
2427
|
+
/**
|
|
2428
|
+
* Sets the icon to use the success style.
|
|
2429
|
+
*/
|
|
2382
2430
|
success: {
|
|
2383
2431
|
type: Boolean,
|
|
2384
2432
|
reflect: true
|
|
2385
2433
|
},
|
|
2434
|
+
|
|
2435
|
+
/**
|
|
2436
|
+
* Sets the icon to use the tertiary style.
|
|
2437
|
+
*/
|
|
2386
2438
|
tertiary: {
|
|
2387
2439
|
type: Boolean,
|
|
2388
2440
|
reflect: true
|
|
2389
2441
|
},
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2442
|
+
|
|
2443
|
+
/**
|
|
2444
|
+
* Sets the icon to use the warning style.
|
|
2445
|
+
*/
|
|
2393
2446
|
warning: {
|
|
2394
2447
|
type: Boolean,
|
|
2395
2448
|
reflect: true
|
|
@@ -2400,9 +2453,9 @@ class AuroIcon extends BaseIcon {
|
|
|
2400
2453
|
static get styles() {
|
|
2401
2454
|
return [
|
|
2402
2455
|
super.styles,
|
|
2403
|
-
i$
|
|
2404
|
-
i$
|
|
2405
|
-
i$
|
|
2456
|
+
i$3`${tokensCss$2}`,
|
|
2457
|
+
i$3`${styleCss$3}`,
|
|
2458
|
+
i$3`${colorCss$3}`
|
|
2406
2459
|
];
|
|
2407
2460
|
}
|
|
2408
2461
|
|
|
@@ -2426,38 +2479,54 @@ class AuroIcon extends BaseIcon {
|
|
|
2426
2479
|
}
|
|
2427
2480
|
|
|
2428
2481
|
/**
|
|
2482
|
+
* @private
|
|
2429
2483
|
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
2430
2484
|
*/
|
|
2431
2485
|
exposeCssParts() {
|
|
2432
2486
|
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
2433
2487
|
}
|
|
2434
2488
|
|
|
2489
|
+
async firstUpdated() {
|
|
2490
|
+
await super.firstUpdated();
|
|
2491
|
+
|
|
2492
|
+
// Removes the SVG description for screenreader if ariaHidden is set to true
|
|
2493
|
+
if (!this.hasAttribute('ariaHidden') && this.svg) {
|
|
2494
|
+
const svgDesc = this.svg.querySelector('desc');
|
|
2495
|
+
|
|
2496
|
+
if (svgDesc) {
|
|
2497
|
+
svgDesc.remove();
|
|
2498
|
+
this.svg.removeAttribute('aria-labelledby');
|
|
2499
|
+
}
|
|
2500
|
+
}
|
|
2501
|
+
}
|
|
2502
|
+
|
|
2435
2503
|
// function that renders the HTML and CSS into the scope of the component
|
|
2436
2504
|
render() {
|
|
2437
|
-
const
|
|
2438
|
-
'
|
|
2505
|
+
const labelClasses = {
|
|
2506
|
+
'labelWrapper': true,
|
|
2439
2507
|
'util_displayHiddenVisually': !this.label
|
|
2440
2508
|
};
|
|
2441
2509
|
|
|
2442
|
-
const
|
|
2443
|
-
'
|
|
2444
|
-
'wrapper': true,
|
|
2510
|
+
const svgClasses = {
|
|
2511
|
+
'svgWrapper': true,
|
|
2445
2512
|
};
|
|
2446
2513
|
|
|
2447
|
-
return x
|
|
2448
|
-
<div
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
${this.
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2514
|
+
return x`
|
|
2515
|
+
<div class="componentWrapper">
|
|
2516
|
+
<div
|
|
2517
|
+
class="${e(svgClasses)}"
|
|
2518
|
+
title="${o(this.title || undefined)}">
|
|
2519
|
+
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
2520
|
+
${this.customSvg ? x`
|
|
2521
|
+
<slot name="svg"></slot>
|
|
2522
|
+
` : x`
|
|
2523
|
+
${this.svg}
|
|
2524
|
+
`
|
|
2525
|
+
}
|
|
2526
|
+
</span>
|
|
2527
|
+
</div>
|
|
2459
2528
|
|
|
2460
|
-
<div class="${e
|
|
2529
|
+
<div class="${e(labelClasses)}">
|
|
2461
2530
|
<slot></slot>
|
|
2462
2531
|
</div>
|
|
2463
2532
|
</div>
|
|
@@ -2467,11 +2536,11 @@ class AuroIcon extends BaseIcon {
|
|
|
2467
2536
|
|
|
2468
2537
|
var iconVersion = '6.1.2';
|
|
2469
2538
|
|
|
2470
|
-
var styleCss$2 = i$
|
|
2539
|
+
var styleCss$2 = i$3`: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}`;
|
|
2471
2540
|
|
|
2472
|
-
var colorCss$2 = i$
|
|
2541
|
+
var colorCss$2 = i$3`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
2473
2542
|
|
|
2474
|
-
var tokensCss$1 = i$
|
|
2543
|
+
var tokensCss$1 = i$3`: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)}`;
|
|
2475
2544
|
|
|
2476
2545
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2477
2546
|
// See LICENSE in the project root for license information.
|
|
@@ -2491,7 +2560,7 @@ const DESIGN_TOKEN_BREAKPOINT_OPTIONS = [
|
|
|
2491
2560
|
* @csspart bibContainer - Apply css to the bib container.
|
|
2492
2561
|
*/
|
|
2493
2562
|
|
|
2494
|
-
class AuroDropdownBib extends r
|
|
2563
|
+
class AuroDropdownBib extends r {
|
|
2495
2564
|
|
|
2496
2565
|
constructor() {
|
|
2497
2566
|
super();
|
|
@@ -2582,7 +2651,7 @@ class AuroDropdownBib extends r$4 {
|
|
|
2582
2651
|
|
|
2583
2652
|
// function that renders the HTML and CSS into the scope of the component
|
|
2584
2653
|
render() {
|
|
2585
|
-
return u$
|
|
2654
|
+
return u$1`
|
|
2586
2655
|
<div class="container" part="bibContainer">
|
|
2587
2656
|
<slot></slot>
|
|
2588
2657
|
</div>
|
|
@@ -2592,35 +2661,9 @@ class AuroDropdownBib extends r$4 {
|
|
|
2592
2661
|
|
|
2593
2662
|
var dropdownVersion = '3.0.0';
|
|
2594
2663
|
|
|
2595
|
-
var styleCss$1 = i$
|
|
2596
|
-
|
|
2597
|
-
var colorCss$1 = i$7`.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)}`;
|
|
2664
|
+
var styleCss$1 = i$3`: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)}`;
|
|
2598
2665
|
|
|
2599
|
-
|
|
2600
|
-
* @license
|
|
2601
|
-
* Copyright 2019 Google LLC
|
|
2602
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
2603
|
-
*/
|
|
2604
|
-
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;
|
|
2605
|
-
|
|
2606
|
-
/**
|
|
2607
|
-
* @license
|
|
2608
|
-
* Copyright 2017 Google LLC
|
|
2609
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
2610
|
-
*/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");
|
|
2611
|
-
|
|
2612
|
-
/**
|
|
2613
|
-
* @license
|
|
2614
|
-
* Copyright 2017 Google LLC
|
|
2615
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
2616
|
-
*/
|
|
2617
|
-
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};
|
|
2618
|
-
|
|
2619
|
-
/**
|
|
2620
|
-
* @license
|
|
2621
|
-
* Copyright 2017 Google LLC
|
|
2622
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
2623
|
-
*/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");
|
|
2666
|
+
var colorCss$1 = i$3`.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)}`;
|
|
2624
2667
|
|
|
2625
2668
|
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)}`;
|
|
2626
2669
|
|
|
@@ -2837,7 +2880,7 @@ var helpTextVersion = '1.0.0';
|
|
|
2837
2880
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
2838
2881
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
2839
2882
|
*/
|
|
2840
|
-
class AuroDropdown extends r
|
|
2883
|
+
class AuroDropdown extends r {
|
|
2841
2884
|
constructor() {
|
|
2842
2885
|
super();
|
|
2843
2886
|
|
|
@@ -2853,7 +2896,7 @@ class AuroDropdown extends r$4 {
|
|
|
2853
2896
|
* @property {boolean} delegatesFocus - Whether the shadow root delegates focus.
|
|
2854
2897
|
*/
|
|
2855
2898
|
this.constructor.shadowRootOptions = {
|
|
2856
|
-
...r
|
|
2899
|
+
...r.shadowRootOptions,
|
|
2857
2900
|
delegatesFocus: true,
|
|
2858
2901
|
};
|
|
2859
2902
|
|
|
@@ -3333,7 +3376,7 @@ class AuroDropdown extends r$4 {
|
|
|
3333
3376
|
|
|
3334
3377
|
// function that renders the HTML and CSS into the scope of the component
|
|
3335
3378
|
render() {
|
|
3336
|
-
return u$
|
|
3379
|
+
return u$1`
|
|
3337
3380
|
<div>
|
|
3338
3381
|
<div
|
|
3339
3382
|
id="trigger"
|
|
@@ -3353,7 +3396,7 @@ class AuroDropdown extends r$4 {
|
|
|
3353
3396
|
@slotchange="${this.handleTriggerContentSlotChange}"></slot>
|
|
3354
3397
|
</div>
|
|
3355
3398
|
</div>
|
|
3356
|
-
${this.chevron || this.common ? u$
|
|
3399
|
+
${this.chevron || this.common ? u$1`
|
|
3357
3400
|
<div
|
|
3358
3401
|
id="showStateIcon"
|
|
3359
3402
|
part="chevron">
|