@aurodesignsystem-dev/auro-formkit 0.0.0-pr1307.0 → 0.0.0-pr1309.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +10 -0
- package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
- package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +23 -13
- package/components/bibtemplate/dist/registered.js +23 -13
- package/components/checkbox/demo/api.md +7 -0
- package/components/checkbox/demo/api.min.js +17 -14
- package/components/checkbox/demo/index.min.js +17 -14
- package/components/checkbox/dist/auro-checkbox-group.d.ts +4 -3
- package/components/checkbox/dist/auro-checkbox.d.ts +2 -0
- package/components/checkbox/dist/index.js +8 -5
- package/components/checkbox/dist/registered.js +8 -5
- package/components/combobox/demo/api.min.js +453 -287
- package/components/combobox/demo/index.min.js +449 -283
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +335 -170
- package/components/combobox/dist/registered.js +335 -170
- package/components/counter/demo/api.min.js +357 -186
- package/components/counter/demo/index.min.js +357 -186
- package/components/counter/dist/auro-counter-button.d.ts +11 -2
- package/components/counter/dist/index.js +313 -146
- package/components/counter/dist/registered.js +313 -146
- package/components/datepicker/demo/api.min.js +496 -327
- package/components/datepicker/demo/index.min.js +496 -327
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
- package/components/datepicker/dist/buttonVersion.d.ts +1 -1
- package/components/datepicker/dist/iconVersion.d.ts +1 -1
- package/components/datepicker/dist/index.js +354 -185
- package/components/datepicker/dist/registered.js +354 -185
- package/components/dropdown/demo/api.md +1 -1
- package/components/dropdown/demo/api.min.js +287 -132
- package/components/dropdown/demo/index.min.js +287 -132
- package/components/dropdown/dist/iconVersion.d.ts +1 -1
- package/components/dropdown/dist/index.js +274 -119
- package/components/dropdown/dist/registered.js +274 -119
- package/components/form/demo/api.min.js +13 -11
- package/components/form/demo/index.min.js +13 -11
- package/components/form/dist/auro-form.d.ts +8 -0
- package/components/form/dist/index.js +8 -6
- package/components/form/dist/registered.js +8 -6
- package/components/input/demo/api.md +2 -0
- package/components/input/demo/api.min.js +84 -80
- package/components/input/demo/index.min.js +84 -80
- package/components/input/dist/auro-input.d.ts +22 -0
- package/components/input/dist/base-input.d.ts +1 -18
- package/components/input/dist/buttonVersion.d.ts +1 -1
- package/components/input/dist/iconVersion.d.ts +1 -1
- package/components/input/dist/index.js +39 -35
- package/components/input/dist/registered.js +39 -35
- package/components/menu/demo/api.md +3 -3
- package/components/menu/demo/api.min.js +18 -17
- package/components/menu/demo/index.min.js +18 -17
- package/components/menu/dist/auro-menuoption.d.ts +2 -1
- package/components/menu/dist/index.js +7 -6
- package/components/menu/dist/registered.js +7 -6
- package/components/radio/demo/api.min.js +11 -11
- package/components/radio/demo/index.min.js +11 -11
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.min.js +328 -162
- package/components/select/demo/index.min.js +328 -162
- package/components/select/dist/index.js +299 -134
- package/components/select/dist/registered.js +299 -134
- package/custom-elements.json +18143 -0
- package/package.json +38 -14
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
* Copyright 2017 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const t$2=globalThis,i$5=t$2.trustedTypes,s$4
|
|
6
|
+
const t$2=globalThis,i$5=t=>t,s$4=t$2.trustedTypes,e$5=s$4?s$4.createPolicy("lit-html",{createHTML:t=>t}):void 0,h$3="$lit$",o$7=`lit$${Math.random().toFixed(9).slice(2)}$`,n$5="?"+o$7,r$4=`<${n$5}>`,l$2=document,c$3=()=>l$2.createComment(""),a$2=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u$3=Array.isArray,d$1=t=>u$3(t)||"function"==typeof t?.[Symbol.iterator],f$3="[ \t\n\f\r]",v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$1=/>/g,p$2=RegExp(`>|${f$3}(?:([^\\s"'>=/]+)(${f$3}*=${f$3}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g$1=/'/g,$=/"/g,y$2=/^(?:script|style|textarea|title)$/i,x$1=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b$1=x$1(1),E=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),C=new WeakMap,P=l$2.createTreeWalker(l$2,129);function V(t,i){if(!u$3(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$5?e$5.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?"<svg>":3===i?"<math>":"",c=v;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v?"!--"===u[1]?c=_$1:void 0!==u[1]?c=m$1:void 0!==u[2]?(y$2.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p$2):void 0!==u[3]&&(c=p$2):c===p$2?">"===u[0]?(c=n??v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p$2:'"'===u[3]?$:g$1):c===$||c===g$1?c=p$2:c===_$1||c===m$1?c=v:(c=p$2,n=void 0);const x=c===p$2&&t[i+1].startsWith("/>")?" ":"";l+=c===v?s+r$4:d>=0?(e.push(a),s.slice(0,d)+h$3+s.slice(d)+o$7+x):s+o$7+(-2===d?i:x);}return [V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};let S$1 = class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h$3)){const i=v[a++],s=r.getAttribute(t).split(o$7),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z$1:H}),r.removeAttribute(t);}else t.startsWith(o$7)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y$2.test(r.tagName)){const t=r.textContent.split(o$7),i=t.length-1;if(i>0){r.textContent=s$4?s$4.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c$3()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c$3());}}}else if(8===r.nodeType)if(r.data===n$5)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$7,t+1));)d.push({type:7,index:l}),t+=o$7.length-1;}l++;}}static createElement(t,i){const s=l$2.createElement("template");return s.innerHTML=t,s}};function M(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a$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=M(t,h._$AS(t,i.values),h,e)),i}class R{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??l$2).importNode(i,true);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=P.nextNode(),o++);}return P.currentNode=l$2,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,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=M(this,t,i),a$2(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d$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!==A&&a$2(this._$AH)?this._$AA.nextSibling.data=t:this.T(l$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=S$1.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S$1(t)),i}k(t){u$3(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 k(this.O(c$3()),this.O(c$3()),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,s){for(this._$AP?.(false,true,s);t!==this._$AB;){const s=i$5(t).nextSibling;i$5(t).remove(),t=s;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,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=A;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=M(this,t,i,0),o=!a$2(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a$2(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class I extends H{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A);}}let z$1 = class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=M(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||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){M(this,t);}}const B=t$2.litHtmlPolyfillSupport;B?.(S$1,k),(t$2.litHtmlVersions??=[]).push("3.3.2");const D=(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 k(i.insertBefore(c$3(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
12
|
*/
|
|
13
|
-
const a$1=Symbol.for(""),o$6=t=>{if(t?.r===a$1)return t?._$litStatic$},s$3=t=>({_$litStatic$:t,r:a$1}),i$4=(t,...r)=>({_$litStatic$:r.reduce((
|
|
13
|
+
const a$1=Symbol.for(""),o$6=t=>{if(t?.r===a$1)return t?._$litStatic$},s$3=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$4=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$1.get(t))&&(n.raw=n,l$1.set(t,r=n)),e=u;}return t(r,...e)},u$2=n$4(b$1);
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* @license
|
|
@@ -23,44 +23,44 @@ const t$1={ATTRIBUTE:1,CHILD:2},e$4=t=>(...e)=>({_$litDirective$:t,values:e});le
|
|
|
23
23
|
* @license
|
|
24
24
|
* Copyright 2018 Google LLC
|
|
25
25
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
26
|
-
*/const e$3=e$4(class extends i$3{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(
|
|
26
|
+
*/const e$3=e$4(class extends i$3{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return E}});
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
29
|
* @license
|
|
30
30
|
* Copyright 2019 Google LLC
|
|
31
31
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
32
32
|
*/
|
|
33
|
-
const t=globalThis,e$2=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$5=new WeakMap;let n$3 = 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$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$
|
|
33
|
+
const t=globalThis,e$2=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$5=new WeakMap;let n$3 = 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$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$3("string"==typeof t?t:t+"",void 0,s$2),i$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(o,t,s$2)},S=(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.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;
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/const{is:i$1,defineProperty:e$1,getOwnPropertyDescriptor:h$2,getOwnPropertyNames:r$
|
|
39
|
+
*/const{is:i$1,defineProperty:e$1,getOwnPropertyDescriptor:h$2,getOwnPropertyNames:r$2,getOwnPropertySymbols:o$4,getPrototypeOf:n$2}=Object,a=globalThis,c$1=a.trustedTypes,l=c$1?c$1.emptyScript:"",p$1=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u$1={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$2=(t,s)=>!i$1(t,s),b={attribute:true,type:String,converter:u$1,reflect:false,useDefault:false,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$1(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d("elementProperties")))return;const t=n$2(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d("properties"))){const t=this.properties,s=[...r$2(t),...o$4(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$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(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach(t=>t.hostConnected?.());}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.());}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null;}}requestUpdate(t,s,i,e=false,h){if(void 0!==t){const r=this.constructor;if(false===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f$2)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d("elementProperties")]=new Map,y$1[d("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a.reactiveElementVersions??=[]).push("2.1.2");
|
|
40
40
|
|
|
41
41
|
/**
|
|
42
42
|
* @license
|
|
43
43
|
* Copyright 2017 Google LLC
|
|
44
44
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
45
|
-
*/const s$1=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=
|
|
45
|
+
*/const s$1=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E}}i._$litElement$=true,i["finalized"]=true,s$1.litElementHydrateSupport?.({LitElement:i});const o$3=s$1.litElementPolyfillSupport;o$3?.({LitElement:i});(s$1.litElementVersions??=[]).push("4.2.2");
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2020 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/const
|
|
51
|
+
*/const r$1=o=>void 0===o.strings;
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* @license
|
|
55
55
|
* Copyright 2017 Google LLC
|
|
56
56
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
|
-
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return false;for(const i of e)i._$AO?.(t,false),s(i,t);return true},o$2=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h$1(i){ void 0!==this._$AN?(o$2(this),this._$AM=i,r(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$2(r[i]);else null!=r&&(s(r,false),o$2(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h$1);};let f$1 = class f extends i$3{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$2(this));}setValue(t){if(
|
|
57
|
+
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return false;for(const i of e)i._$AO?.(t,false),s(i,t);return true},o$2=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h$1(i){ void 0!==this._$AN?(o$2(this),this._$AM=i,r(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$2(r[i]);else null!=r&&(s(r,false),o$2(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h$1);};let f$1 = class f extends i$3{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$2(this));}setValue(t){if(r$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}};
|
|
58
58
|
|
|
59
59
|
/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2020 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/const e=()=>new h;class h{}const o$1=new WeakMap,n=e$4(class extends f$1{render(i){return
|
|
63
|
+
*/const e=()=>new h;class h{}const o$1=new WeakMap,n=e$4(class extends f$1{render(i){return A}update(i,[s]){const e=s!==this.G;return e&&void 0!==this.G&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=s,this.ht=i.options?.host,this.rt(this.ct=i.element)),A}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const i=this.ht??globalThis;let s=o$1.get(i);void 0===s&&(s=new WeakMap,o$1.set(i,s)),void 0!==s.get(this.G)&&this.G.call(this.ht,void 0),s.set(this.G,t),void 0!==t&&this.G.call(this.ht,t);}else this.G.value=t;}get lt(){return "function"==typeof this.G?o$1.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0);}reconnected(){this.rt(this.ct);}});
|
|
64
64
|
|
|
65
65
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
66
66
|
// See LICENSE in the project root for license information.
|
|
@@ -189,8 +189,9 @@ function getOppositeAxis(axis) {
|
|
|
189
189
|
function getAxisLength(axis) {
|
|
190
190
|
return axis === 'y' ? 'height' : 'width';
|
|
191
191
|
}
|
|
192
|
+
const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
|
|
192
193
|
function getSideAxis(placement) {
|
|
193
|
-
return
|
|
194
|
+
return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
|
|
194
195
|
}
|
|
195
196
|
function getAlignmentAxis(placement) {
|
|
196
197
|
return getOppositeAxis(getSideAxis(placement));
|
|
@@ -215,19 +216,19 @@ function getExpandedPlacements(placement) {
|
|
|
215
216
|
function getOppositeAlignmentPlacement(placement) {
|
|
216
217
|
return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
|
|
217
218
|
}
|
|
219
|
+
const lrPlacement = ['left', 'right'];
|
|
220
|
+
const rlPlacement = ['right', 'left'];
|
|
221
|
+
const tbPlacement = ['top', 'bottom'];
|
|
222
|
+
const btPlacement = ['bottom', 'top'];
|
|
218
223
|
function getSideList(side, isStart, rtl) {
|
|
219
|
-
const lr = ['left', 'right'];
|
|
220
|
-
const rl = ['right', 'left'];
|
|
221
|
-
const tb = ['top', 'bottom'];
|
|
222
|
-
const bt = ['bottom', 'top'];
|
|
223
224
|
switch (side) {
|
|
224
225
|
case 'top':
|
|
225
226
|
case 'bottom':
|
|
226
|
-
if (rtl) return isStart ?
|
|
227
|
-
return isStart ?
|
|
227
|
+
if (rtl) return isStart ? rlPlacement : lrPlacement;
|
|
228
|
+
return isStart ? lrPlacement : rlPlacement;
|
|
228
229
|
case 'left':
|
|
229
230
|
case 'right':
|
|
230
|
-
return isStart ?
|
|
231
|
+
return isStart ? tbPlacement : btPlacement;
|
|
231
232
|
default:
|
|
232
233
|
return [];
|
|
233
234
|
}
|
|
@@ -668,16 +669,22 @@ const flip$1 = function (options) {
|
|
|
668
669
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
669
670
|
const nextPlacement = placements[nextIndex];
|
|
670
671
|
if (nextPlacement) {
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
672
|
+
const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
|
|
673
|
+
if (!ignoreCrossAxisOverflow ||
|
|
674
|
+
// We leave the current main axis only if every placement on that axis
|
|
675
|
+
// overflows the main axis.
|
|
676
|
+
overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
|
|
677
|
+
// Try next placement and re-run the lifecycle.
|
|
678
|
+
return {
|
|
679
|
+
data: {
|
|
680
|
+
index: nextIndex,
|
|
681
|
+
overflows: overflowsData
|
|
682
|
+
},
|
|
683
|
+
reset: {
|
|
684
|
+
placement: nextPlacement
|
|
685
|
+
}
|
|
686
|
+
};
|
|
687
|
+
}
|
|
681
688
|
}
|
|
682
689
|
|
|
683
690
|
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
@@ -723,6 +730,8 @@ const flip$1 = function (options) {
|
|
|
723
730
|
};
|
|
724
731
|
};
|
|
725
732
|
|
|
733
|
+
const originSides = /*#__PURE__*/new Set(['left', 'top']);
|
|
734
|
+
|
|
726
735
|
// For type backwards-compatibility, the `OffsetOptions` type was also
|
|
727
736
|
// Derivable.
|
|
728
737
|
|
|
@@ -736,7 +745,7 @@ async function convertValueToCoords(state, options) {
|
|
|
736
745
|
const side = getSide(placement);
|
|
737
746
|
const alignment = getAlignment(placement);
|
|
738
747
|
const isVertical = getSideAxis(placement) === 'y';
|
|
739
|
-
const mainAxisMulti =
|
|
748
|
+
const mainAxisMulti = originSides.has(side) ? -1 : 1;
|
|
740
749
|
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
741
750
|
const rawValue = evaluate(options, state);
|
|
742
751
|
|
|
@@ -929,6 +938,7 @@ function isShadowRoot(value) {
|
|
|
929
938
|
}
|
|
930
939
|
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
931
940
|
}
|
|
941
|
+
const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
|
|
932
942
|
function isOverflowElement(element) {
|
|
933
943
|
const {
|
|
934
944
|
overflow,
|
|
@@ -936,27 +946,32 @@ function isOverflowElement(element) {
|
|
|
936
946
|
overflowY,
|
|
937
947
|
display
|
|
938
948
|
} = getComputedStyle$1(element);
|
|
939
|
-
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !
|
|
949
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
|
|
940
950
|
}
|
|
951
|
+
const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
|
|
941
952
|
function isTableElement(element) {
|
|
942
|
-
return
|
|
953
|
+
return tableElements.has(getNodeName(element));
|
|
943
954
|
}
|
|
955
|
+
const topLayerSelectors = [':popover-open', ':modal'];
|
|
944
956
|
function isTopLayer(element) {
|
|
945
|
-
return
|
|
957
|
+
return topLayerSelectors.some(selector => {
|
|
946
958
|
try {
|
|
947
959
|
return element.matches(selector);
|
|
948
|
-
} catch (
|
|
960
|
+
} catch (_e) {
|
|
949
961
|
return false;
|
|
950
962
|
}
|
|
951
963
|
});
|
|
952
964
|
}
|
|
965
|
+
const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
|
|
966
|
+
const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
|
|
967
|
+
const containValues = ['paint', 'layout', 'strict', 'content'];
|
|
953
968
|
function isContainingBlock(elementOrCss) {
|
|
954
969
|
const webkit = isWebKit();
|
|
955
970
|
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
|
|
956
971
|
|
|
957
972
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
958
973
|
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
959
|
-
return
|
|
974
|
+
return transformProperties.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) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
|
|
960
975
|
}
|
|
961
976
|
function getContainingBlock(element) {
|
|
962
977
|
let currentNode = getParentNode(element);
|
|
@@ -974,8 +989,9 @@ function isWebKit() {
|
|
|
974
989
|
if (typeof CSS === 'undefined' || !CSS.supports) return false;
|
|
975
990
|
return CSS.supports('-webkit-backdrop-filter', 'none');
|
|
976
991
|
}
|
|
992
|
+
const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
|
|
977
993
|
function isLastTraversableNode(node) {
|
|
978
|
-
return
|
|
994
|
+
return lastTraversableNodeNames.has(getNodeName(node));
|
|
979
995
|
}
|
|
980
996
|
function getComputedStyle$1(element) {
|
|
981
997
|
return getWindow(element).getComputedStyle(element);
|
|
@@ -1175,14 +1191,9 @@ function getWindowScrollBarX(element, rect) {
|
|
|
1175
1191
|
return rect.left + leftScroll;
|
|
1176
1192
|
}
|
|
1177
1193
|
|
|
1178
|
-
function getHTMLOffset(documentElement, scroll
|
|
1179
|
-
if (ignoreScrollbarX === void 0) {
|
|
1180
|
-
ignoreScrollbarX = false;
|
|
1181
|
-
}
|
|
1194
|
+
function getHTMLOffset(documentElement, scroll) {
|
|
1182
1195
|
const htmlRect = documentElement.getBoundingClientRect();
|
|
1183
|
-
const x = htmlRect.left + scroll.scrollLeft - (
|
|
1184
|
-
// RTL <body> scrollbar.
|
|
1185
|
-
getWindowScrollBarX(documentElement, htmlRect));
|
|
1196
|
+
const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
|
|
1186
1197
|
const y = htmlRect.top + scroll.scrollTop;
|
|
1187
1198
|
return {
|
|
1188
1199
|
x,
|
|
@@ -1221,7 +1232,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
1221
1232
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
1222
1233
|
}
|
|
1223
1234
|
}
|
|
1224
|
-
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll
|
|
1235
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
1225
1236
|
return {
|
|
1226
1237
|
width: rect.width * scale.x,
|
|
1227
1238
|
height: rect.height * scale.y,
|
|
@@ -1255,6 +1266,10 @@ function getDocumentRect(element) {
|
|
|
1255
1266
|
};
|
|
1256
1267
|
}
|
|
1257
1268
|
|
|
1269
|
+
// Safety check: ensure the scrollbar space is reasonable in case this
|
|
1270
|
+
// calculation is affected by unusual styles.
|
|
1271
|
+
// Most scrollbars leave 15-18px of space.
|
|
1272
|
+
const SCROLLBAR_MAX = 25;
|
|
1258
1273
|
function getViewportRect(element, strategy) {
|
|
1259
1274
|
const win = getWindow(element);
|
|
1260
1275
|
const html = getDocumentElement(element);
|
|
@@ -1272,6 +1287,24 @@ function getViewportRect(element, strategy) {
|
|
|
1272
1287
|
y = visualViewport.offsetTop;
|
|
1273
1288
|
}
|
|
1274
1289
|
}
|
|
1290
|
+
const windowScrollbarX = getWindowScrollBarX(html);
|
|
1291
|
+
// <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
|
|
1292
|
+
// visual width of the <html> but this is not considered in the size
|
|
1293
|
+
// of `html.clientWidth`.
|
|
1294
|
+
if (windowScrollbarX <= 0) {
|
|
1295
|
+
const doc = html.ownerDocument;
|
|
1296
|
+
const body = doc.body;
|
|
1297
|
+
const bodyStyles = getComputedStyle(body);
|
|
1298
|
+
const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
|
|
1299
|
+
const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
|
|
1300
|
+
if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
|
|
1301
|
+
width -= clippingStableScrollbarWidth;
|
|
1302
|
+
}
|
|
1303
|
+
} else if (windowScrollbarX <= SCROLLBAR_MAX) {
|
|
1304
|
+
// If the <body> scrollbar is on the left, the width needs to be extended
|
|
1305
|
+
// by the scrollbar amount so there isn't extra space on the right.
|
|
1306
|
+
width += windowScrollbarX;
|
|
1307
|
+
}
|
|
1275
1308
|
return {
|
|
1276
1309
|
width,
|
|
1277
1310
|
height,
|
|
@@ -1280,6 +1313,7 @@ function getViewportRect(element, strategy) {
|
|
|
1280
1313
|
};
|
|
1281
1314
|
}
|
|
1282
1315
|
|
|
1316
|
+
const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
|
|
1283
1317
|
// Returns the inner client rect, subtracting scrollbars if present.
|
|
1284
1318
|
function getInnerBoundingClientRect(element, strategy) {
|
|
1285
1319
|
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
@@ -1344,7 +1378,7 @@ function getClippingElementAncestors(element, cache) {
|
|
|
1344
1378
|
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
1345
1379
|
currentContainingBlockComputedStyle = null;
|
|
1346
1380
|
}
|
|
1347
|
-
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle &&
|
|
1381
|
+
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
|
|
1348
1382
|
if (shouldDropCurrentNode) {
|
|
1349
1383
|
// Drop non-containing blocks.
|
|
1350
1384
|
result = result.filter(ancestor => ancestor !== currentNode);
|
|
@@ -1407,6 +1441,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1407
1441
|
scrollTop: 0
|
|
1408
1442
|
};
|
|
1409
1443
|
const offsets = createCoords(0);
|
|
1444
|
+
|
|
1445
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
1446
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
1447
|
+
function setLeftRTLScrollbarOffset() {
|
|
1448
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
1449
|
+
}
|
|
1410
1450
|
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
1411
1451
|
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
1412
1452
|
scroll = getNodeScroll(offsetParent);
|
|
@@ -1416,11 +1456,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1416
1456
|
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
1417
1457
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
1418
1458
|
} else if (documentElement) {
|
|
1419
|
-
|
|
1420
|
-
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
1421
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
1459
|
+
setLeftRTLScrollbarOffset();
|
|
1422
1460
|
}
|
|
1423
1461
|
}
|
|
1462
|
+
if (isFixed && !isOffsetParentAnElement && documentElement) {
|
|
1463
|
+
setLeftRTLScrollbarOffset();
|
|
1464
|
+
}
|
|
1424
1465
|
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
1425
1466
|
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
1426
1467
|
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
@@ -1597,7 +1638,7 @@ function observeMove(element, onMove) {
|
|
|
1597
1638
|
// Handle <iframe>s
|
|
1598
1639
|
root: root.ownerDocument
|
|
1599
1640
|
});
|
|
1600
|
-
} catch (
|
|
1641
|
+
} catch (_e) {
|
|
1601
1642
|
io = new IntersectionObserver(handleObserve, options);
|
|
1602
1643
|
}
|
|
1603
1644
|
io.observe(element);
|
|
@@ -2388,32 +2429,32 @@ class AuroFloatingUI {
|
|
|
2388
2429
|
|
|
2389
2430
|
// Selectors for focusable elements
|
|
2390
2431
|
const FOCUSABLE_SELECTORS = [
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2432
|
+
"a[href]",
|
|
2433
|
+
"button:not([disabled])",
|
|
2434
|
+
"textarea:not([disabled])",
|
|
2435
|
+
"input:not([disabled])",
|
|
2436
|
+
"select:not([disabled])",
|
|
2396
2437
|
'[role="tab"]:not([disabled])',
|
|
2397
2438
|
'[role="link"]:not([disabled])',
|
|
2398
2439
|
'[role="button"]:not([disabled])',
|
|
2399
2440
|
'[tabindex]:not([tabindex="-1"])',
|
|
2400
|
-
'[contenteditable]:not([contenteditable="false"])'
|
|
2441
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
2401
2442
|
];
|
|
2402
2443
|
|
|
2403
2444
|
// List of custom components that are known to be focusable
|
|
2404
2445
|
const FOCUSABLE_COMPONENTS = [
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
'auro-menu',
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2446
|
+
"auro-checkbox",
|
|
2447
|
+
"auro-radio",
|
|
2448
|
+
"auro-dropdown",
|
|
2449
|
+
"auro-button",
|
|
2450
|
+
"auro-combobox",
|
|
2451
|
+
"auro-input",
|
|
2452
|
+
"auro-counter",
|
|
2453
|
+
// 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
|
|
2454
|
+
"auro-select",
|
|
2455
|
+
"auro-datepicker",
|
|
2456
|
+
"auro-hyperlink",
|
|
2457
|
+
"auro-accordion",
|
|
2417
2458
|
];
|
|
2418
2459
|
|
|
2419
2460
|
/**
|
|
@@ -2427,21 +2468,43 @@ function isFocusableComponent(element) {
|
|
|
2427
2468
|
const componentName = element.tagName.toLowerCase();
|
|
2428
2469
|
|
|
2429
2470
|
// Guard Clause: Element is a focusable component
|
|
2430
|
-
if (
|
|
2471
|
+
if (
|
|
2472
|
+
!FOCUSABLE_COMPONENTS.some(
|
|
2473
|
+
(name) => element.hasAttribute(name) || componentName === name,
|
|
2474
|
+
)
|
|
2475
|
+
)
|
|
2476
|
+
return false;
|
|
2431
2477
|
|
|
2432
2478
|
// Guard Clause: Element is not disabled
|
|
2433
|
-
if (element.hasAttribute(
|
|
2479
|
+
if (element.hasAttribute("disabled")) return false;
|
|
2434
2480
|
|
|
2435
2481
|
// Guard Clause: The element is a hyperlink and has no href attribute
|
|
2436
|
-
if (componentName.match("hyperlink") && !element.hasAttribute(
|
|
2482
|
+
if (componentName.match("hyperlink") && !element.hasAttribute("href"))
|
|
2483
|
+
return false;
|
|
2437
2484
|
|
|
2438
2485
|
// If all guard clauses pass, the element is a focusable component
|
|
2439
2486
|
return true;
|
|
2440
2487
|
}
|
|
2441
2488
|
|
|
2489
|
+
/**
|
|
2490
|
+
* Safely get a numeric tabindex for an element.
|
|
2491
|
+
* Returns a number if the tabindex is a valid integer, otherwise null.
|
|
2492
|
+
*
|
|
2493
|
+
* @param {HTMLElement} element The element whose tabindex to read.
|
|
2494
|
+
* @returns {?number} The numeric tabindex or null if missing/invalid.
|
|
2495
|
+
*/
|
|
2496
|
+
function getNumericTabIndex(element) {
|
|
2497
|
+
const raw = element.getAttribute("tabindex");
|
|
2498
|
+
if (raw == null) return null;
|
|
2499
|
+
|
|
2500
|
+
const value = Number.parseInt(raw, 10);
|
|
2501
|
+
return Number.isNaN(value) ? null : value;
|
|
2502
|
+
}
|
|
2503
|
+
|
|
2442
2504
|
/**
|
|
2443
2505
|
* Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
|
|
2444
2506
|
* Returns a unique, ordered array of elements that can receive focus.
|
|
2507
|
+
* Also sorts elements with tabindex first, preserving their order.
|
|
2445
2508
|
*
|
|
2446
2509
|
* @param {HTMLElement} container The container to search within
|
|
2447
2510
|
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
@@ -2475,14 +2538,14 @@ function getFocusableElements(container) {
|
|
|
2475
2538
|
if (root.shadowRoot) {
|
|
2476
2539
|
// Process shadow DOM children in order
|
|
2477
2540
|
if (root.shadowRoot.children) {
|
|
2478
|
-
Array.from(root.shadowRoot.children).forEach(child => {
|
|
2541
|
+
Array.from(root.shadowRoot.children).forEach((child) => {
|
|
2479
2542
|
collectFocusableElements(child);
|
|
2480
2543
|
});
|
|
2481
2544
|
}
|
|
2482
2545
|
}
|
|
2483
2546
|
|
|
2484
2547
|
// Process slots and their assigned nodes in order
|
|
2485
|
-
if (root.tagName ===
|
|
2548
|
+
if (root.tagName === "SLOT") {
|
|
2486
2549
|
const assignedNodes = root.assignedNodes({ flatten: true });
|
|
2487
2550
|
for (const node of assignedNodes) {
|
|
2488
2551
|
collectFocusableElements(node);
|
|
@@ -2490,7 +2553,7 @@ function getFocusableElements(container) {
|
|
|
2490
2553
|
} else {
|
|
2491
2554
|
// Process light DOM children in order
|
|
2492
2555
|
if (root.children) {
|
|
2493
|
-
Array.from(root.children).forEach(child => {
|
|
2556
|
+
Array.from(root.children).forEach((child) => {
|
|
2494
2557
|
collectFocusableElements(child);
|
|
2495
2558
|
});
|
|
2496
2559
|
}
|
|
@@ -2513,7 +2576,37 @@ function getFocusableElements(container) {
|
|
|
2513
2576
|
}
|
|
2514
2577
|
}
|
|
2515
2578
|
|
|
2516
|
-
|
|
2579
|
+
// Move tab-indexed elements to the front while preserving their order
|
|
2580
|
+
// This ensures that elements with tabindex are prioritized in the focus order
|
|
2581
|
+
|
|
2582
|
+
// First extract elements with valid positive tabindex
|
|
2583
|
+
const elementsWithTabindex = uniqueElements.filter((el) => {
|
|
2584
|
+
const tabindex = getNumericTabIndex(el);
|
|
2585
|
+
return tabindex !== null && tabindex > 0;
|
|
2586
|
+
});
|
|
2587
|
+
|
|
2588
|
+
// Sort these elements by their tabindex value
|
|
2589
|
+
elementsWithTabindex.sort((a, b) => {
|
|
2590
|
+
const aIndex = getNumericTabIndex(a) ?? 0;
|
|
2591
|
+
const bIndex = getNumericTabIndex(b) ?? 0;
|
|
2592
|
+
return aIndex - bIndex;
|
|
2593
|
+
});
|
|
2594
|
+
|
|
2595
|
+
// Elements without tabindex (preserving their original order)
|
|
2596
|
+
const elementsWithoutTabindex = uniqueElements.filter((el) => {
|
|
2597
|
+
const tabindex = getNumericTabIndex(el);
|
|
2598
|
+
|
|
2599
|
+
// Elements without tabindex or with tabindex of 0 stay in DOM order
|
|
2600
|
+
return tabindex === null || tabindex === 0;
|
|
2601
|
+
});
|
|
2602
|
+
|
|
2603
|
+
// Combine both arrays with tabindex elements first
|
|
2604
|
+
const tabIndexedUniqueElements = [
|
|
2605
|
+
...elementsWithTabindex,
|
|
2606
|
+
...elementsWithoutTabindex,
|
|
2607
|
+
];
|
|
2608
|
+
|
|
2609
|
+
return tabIndexedUniqueElements;
|
|
2517
2610
|
}
|
|
2518
2611
|
|
|
2519
2612
|
/**
|
|
@@ -2526,15 +2619,17 @@ class FocusTrap {
|
|
|
2526
2619
|
* Initializes event listeners and prepares the container for focus management.
|
|
2527
2620
|
*
|
|
2528
2621
|
* @param {HTMLElement} container The DOM element to trap focus within.
|
|
2622
|
+
* @param {boolean} [controlTabOrder=false] If true enables manual control of the tab order by the FocusTrap.
|
|
2529
2623
|
* @throws {Error} If the provided container is not a valid HTMLElement.
|
|
2530
2624
|
*/
|
|
2531
|
-
constructor(container) {
|
|
2625
|
+
constructor(container, controlTabOrder = false) {
|
|
2532
2626
|
if (!container || !(container instanceof HTMLElement)) {
|
|
2533
2627
|
throw new Error("FocusTrap requires a valid HTMLElement.");
|
|
2534
2628
|
}
|
|
2535
2629
|
|
|
2536
2630
|
this.container = container;
|
|
2537
|
-
this.tabDirection =
|
|
2631
|
+
this.tabDirection = "forward"; // or 'backward';
|
|
2632
|
+
this.controlTabOrder = controlTabOrder;
|
|
2538
2633
|
|
|
2539
2634
|
this._init();
|
|
2540
2635
|
}
|
|
@@ -2546,58 +2641,119 @@ class FocusTrap {
|
|
|
2546
2641
|
* @private
|
|
2547
2642
|
*/
|
|
2548
2643
|
_init() {
|
|
2549
|
-
|
|
2550
2644
|
// Add inert attribute to prevent focusing programmatically as well (if supported)
|
|
2551
|
-
if (
|
|
2645
|
+
if ("inert" in HTMLElement.prototype) {
|
|
2552
2646
|
this.container.inert = false; // Ensure the container isn't inert
|
|
2553
|
-
this.container.setAttribute(
|
|
2647
|
+
this.container.setAttribute("data-focus-trap-container", true); // Mark for identification
|
|
2554
2648
|
}
|
|
2555
2649
|
|
|
2556
2650
|
// Track tab direction
|
|
2557
|
-
this.container.addEventListener(
|
|
2651
|
+
this.container.addEventListener("keydown", this._onKeydown);
|
|
2558
2652
|
}
|
|
2559
2653
|
|
|
2560
2654
|
/**
|
|
2561
|
-
*
|
|
2562
|
-
*
|
|
2563
|
-
*
|
|
2564
|
-
* @param {KeyboardEvent} e The keyboard event triggered by user interaction.
|
|
2655
|
+
* Gets an array of currently active (focused) elements in the document and shadow DOM.
|
|
2656
|
+
* @returns {Array<HTMLElement>} An array of focusable elements within the container.
|
|
2565
2657
|
* @private
|
|
2566
2658
|
*/
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
2580
|
-
actives.push(activeElement.shadowRoot.activeElement);
|
|
2581
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
2582
|
-
}
|
|
2659
|
+
_getActiveElements() {
|
|
2660
|
+
// Get the active element(s) in the document and shadow root
|
|
2661
|
+
// This will include the active element in the shadow DOM if it exists
|
|
2662
|
+
// Active element may be inside the shadow DOM depending on delegatesFocus, so we need to check both
|
|
2663
|
+
let { activeElement } = document;
|
|
2664
|
+
const actives = [activeElement];
|
|
2665
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
2666
|
+
actives.push(activeElement.shadowRoot.activeElement);
|
|
2667
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
2668
|
+
}
|
|
2669
|
+
return actives;
|
|
2670
|
+
}
|
|
2583
2671
|
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2672
|
+
/**
|
|
2673
|
+
* Gets the next focus index based on the current index and focusable elements.
|
|
2674
|
+
* @param {number} currentIndex The current index of the focused element.
|
|
2675
|
+
* @param {Array<HTMLElement>} focusables The array of focusable elements.
|
|
2676
|
+
* @returns {number|null} The next focus index or null if not determined.
|
|
2677
|
+
*/
|
|
2678
|
+
_getNextFocusIndex(currentIndex, focusables, actives) {
|
|
2679
|
+
if (this.controlTabOrder) {
|
|
2680
|
+
// Calculate the new index based on the current index and tab direction
|
|
2681
|
+
let newFocusIndex =
|
|
2682
|
+
currentIndex + (this.tabDirection === "forward" ? 1 : -1);
|
|
2683
|
+
|
|
2684
|
+
// Wrap-around logic
|
|
2685
|
+
if (newFocusIndex < 0) newFocusIndex = focusables.length - 1;
|
|
2686
|
+
if (newFocusIndex >= focusables.length) newFocusIndex = 0;
|
|
2687
|
+
|
|
2688
|
+
// Early return with the new index
|
|
2689
|
+
return newFocusIndex;
|
|
2600
2690
|
}
|
|
2691
|
+
|
|
2692
|
+
// Determine if we need to wrap
|
|
2693
|
+
const atFirst =
|
|
2694
|
+
actives.includes(focusables[0]) || actives.includes(this.container);
|
|
2695
|
+
const atLast = actives.includes(focusables[focusables.length - 1]);
|
|
2696
|
+
|
|
2697
|
+
// Only wrap if at the ends
|
|
2698
|
+
if (this.tabDirection === "backward" && atFirst) {
|
|
2699
|
+
return focusables.length - 1;
|
|
2700
|
+
}
|
|
2701
|
+
|
|
2702
|
+
if (this.tabDirection === "forward" && atLast) {
|
|
2703
|
+
return 0;
|
|
2704
|
+
}
|
|
2705
|
+
|
|
2706
|
+
// No wrap, so don't change focus, return early
|
|
2707
|
+
return null;
|
|
2708
|
+
}
|
|
2709
|
+
|
|
2710
|
+
/**
|
|
2711
|
+
* Handles the Tab key press event to manage focus within the container.
|
|
2712
|
+
* @param {KeyboardEvent} e The keyboard event triggered by the user.
|
|
2713
|
+
* @returns {void}
|
|
2714
|
+
*/
|
|
2715
|
+
_handleTabKey(e) {
|
|
2716
|
+
// Update the focusable elements
|
|
2717
|
+
const focusables = this._getFocusableElements();
|
|
2718
|
+
|
|
2719
|
+
// If there are no focusable elements, exit
|
|
2720
|
+
if (!focusables.length) return;
|
|
2721
|
+
|
|
2722
|
+
// Set the tab direction based on the key pressed
|
|
2723
|
+
this.tabDirection = e.shiftKey ? "backward" : "forward";
|
|
2724
|
+
|
|
2725
|
+
// Get the active elements that are currently focused
|
|
2726
|
+
const actives = this._getActiveElements();
|
|
2727
|
+
|
|
2728
|
+
// If we're at either end of the focusable elements, wrap around to the other end
|
|
2729
|
+
let focusIndex = focusables.findIndex((el) => actives.includes(el));
|
|
2730
|
+
|
|
2731
|
+
// Fallback if we have no focused element
|
|
2732
|
+
if (focusIndex === -1) focusIndex = 0;
|
|
2733
|
+
|
|
2734
|
+
// Get the next focus index based on the current focus index, tab direction, and controlTabOrder setting
|
|
2735
|
+
// Is null if no new focus index is determined
|
|
2736
|
+
const newFocusIndex = this._getNextFocusIndex(
|
|
2737
|
+
focusIndex,
|
|
2738
|
+
focusables,
|
|
2739
|
+
actives,
|
|
2740
|
+
);
|
|
2741
|
+
|
|
2742
|
+
// If we have a new focus index, set focus to that element
|
|
2743
|
+
if (newFocusIndex !== null) {
|
|
2744
|
+
e.preventDefault();
|
|
2745
|
+
focusables[newFocusIndex].focus();
|
|
2746
|
+
}
|
|
2747
|
+
}
|
|
2748
|
+
|
|
2749
|
+
/**
|
|
2750
|
+
* Catches the keydown event
|
|
2751
|
+
* @param {KeyboardEvent} e The keyboard event triggered by user interaction.
|
|
2752
|
+
* @private
|
|
2753
|
+
*/
|
|
2754
|
+
_onKeydown = (e) => {
|
|
2755
|
+
// Handle tab
|
|
2756
|
+
if (e.key === "Tab") this._handleTabKey(e);
|
|
2601
2757
|
};
|
|
2602
2758
|
|
|
2603
2759
|
/**
|
|
@@ -2610,8 +2766,8 @@ class FocusTrap {
|
|
|
2610
2766
|
_getFocusableElements() {
|
|
2611
2767
|
// Use the imported utility function to get focusable elements
|
|
2612
2768
|
const elements = getFocusableElements(this.container);
|
|
2613
|
-
|
|
2614
|
-
//
|
|
2769
|
+
|
|
2770
|
+
// Return the elements found
|
|
2615
2771
|
return elements;
|
|
2616
2772
|
}
|
|
2617
2773
|
|
|
@@ -2638,12 +2794,11 @@ class FocusTrap {
|
|
|
2638
2794
|
* Call this method to clean up when the focus trap is no longer needed.
|
|
2639
2795
|
*/
|
|
2640
2796
|
disconnect() {
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
this.container.removeAttribute('data-focus-trap-container');
|
|
2797
|
+
if (this.container.hasAttribute("data-focus-trap-container")) {
|
|
2798
|
+
this.container.removeAttribute("data-focus-trap-container");
|
|
2644
2799
|
}
|
|
2645
2800
|
|
|
2646
|
-
this.container.removeEventListener(
|
|
2801
|
+
this.container.removeEventListener("keydown", this._onKeydown);
|
|
2647
2802
|
}
|
|
2648
2803
|
}
|
|
2649
2804
|
|
|
@@ -2691,21 +2846,21 @@ class AuroDependencyVersioning {
|
|
|
2691
2846
|
* @license
|
|
2692
2847
|
* Copyright 2018 Google LLC
|
|
2693
2848
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2694
|
-
*/const o=o=>o??
|
|
2849
|
+
*/const o=o=>o??A;
|
|
2695
2850
|
|
|
2696
|
-
class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" 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="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';class m extends i{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}}const g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.get(t)};var w=i$2`: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, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}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;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
2697
|
-
`;class z extends m{constructor(){super(),this.onDark=false,this.appearance="default";}static get properties(){return {...m.properties,onDark:{type:Boolean,reflect:true},appearance:{type:String,reflect:true},svg:{attribute:false,reflect:true}}}static get styles(){return w}async fetchIcon(t,a){let e="";e="logos"===t?await f(`${this.uri}/${t}/${a}.svg`):await f(`${this.uri}/icons/${t}/${a}.svg`);return (new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}async firstUpdated(){try{if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(u,"text/html");this.svg=t.body.firstChild;}}}catch(t){this.svg=void 0;}}}i$2`.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}:host{display:inline-block;--ds-auro-icon-size: 100%;width:100%;height:100%}:host .logo{color:var(--ds-auro-alaska-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-alaska-color: #FFF}
|
|
2851
|
+
class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}getSlotText(t,a){const e=t.shadowRoot?.querySelector(`slot[name="${a}"]`);return (e?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim()||null}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" 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="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';class m extends i{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}}const g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.get(t)};var w=i$2`: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, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}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;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
2852
|
+
`;class z extends m{constructor(){super(),this._initializeDefaults();}_initializeDefaults(){this.onDark=false,this.appearance="default";}static get properties(){return {...m.properties,onDark:{type:Boolean,reflect:true},appearance:{type:String,reflect:true},svg:{attribute:false,reflect:true}}}static get styles(){return w}async fetchIcon(t,a){let e="";e="logos"===t?await f(`${this.uri}/${t}/${a}.svg`):await f(`${this.uri}/icons/${t}/${a}.svg`);return (new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}async firstUpdated(){try{if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(u,"text/html");this.svg=t.body.firstChild;}}}catch(t){this.svg=void 0;}}}i$2`.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}:host{display:inline-block;--ds-auro-icon-size: 100%;width:100%;height:100%}:host .logo{color:var(--ds-auro-alaska-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-alaska-color: #FFF}
|
|
2698
2853
|
`;var y=i$2`:host{--ds-auro-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color: #02426D;--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}
|
|
2699
|
-
`;var
|
|
2700
|
-
`;class
|
|
2854
|
+
`;var x=i$2`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]),:host(:not([appearance=inverse])[variant=accent1]){--ds-auro-icon-color: var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]),:host(:not([appearance=inverse])[variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]),:host(:not([appearance=inverse])[variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]),:host(:not([appearance=inverse])[variant=statusDefault]){--ds-auro-icon-color: var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]),:host(:not([appearance=inverse])[variant=statusInfo]){--ds-auro-icon-color: var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]),:host(:not([appearance=inverse])[variant=statusSuccess]){--ds-auro-icon-color: var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]),:host(:not([appearance=inverse])[variant=statusWarning]){--ds-auro-icon-color: var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]),:host(:not([appearance=inverse])[variant=statusError]){--ds-auro-icon-color: var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]),:host(:not([appearance=inverse])[variant=statusInfoSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]),:host(:not([appearance=inverse])[variant=statusSuccessSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]),:host(:not([appearance=inverse])[variant=statusWarningSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]),:host(:not([appearance=inverse])[variant=statusErrorSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]),:host(:not([appearance=inverse])[variant=fareBasicEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]),:host(:not([appearance=inverse])[variant=fareBusiness]){--ds-auro-icon-color: var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]),:host(:not([appearance=inverse])[variant=fareEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]),:host(:not([appearance=inverse])[variant=fareFirst]){--ds-auro-icon-color: var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]),:host(:not([appearance=inverse])[variant=farePremiumEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]),:host(:not([appearance=inverse])[variant=tierOneWorldEmerald]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]),:host(:not([appearance=inverse])[variant=tierOneWorldSapphire]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]),:host(:not([appearance=inverse])[variant=tierOneWorldRuby]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]),:host([appearance=inverse][variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]),:host([appearance=inverse][variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]),:host([appearance=inverse][variant=statusError]){--ds-auro-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}
|
|
2855
|
+
`;class _ extends z{constructor(){super(),this._initializeDefaults();}_initializeDefaults(){this.variant=void 0,this.uri="https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist",this.runtimeUtils=new p;}static get properties(){return {...z.properties,ariaHidden:{type:String,reflect:true},category:{type:String,reflect:true},customColor:{type:Boolean,reflect:true},customSvg:{type:Boolean},label:{type:Boolean,reflect:true},name:{type:String,reflect:true},variant:{type:String,reflect:true}}}static get styles(){return [z.styles,y,w,x]}static register(t="auro-icon"){p.prototype.registerComponent(t,_);}connectedCallback(){super.connectedCallback(),this.runtimeUtils.handleComponentTagRename(this,"auro-icon");}exposeCssParts(){this.setAttribute("exportparts","svg:iconSvg");}async firstUpdated(){if(await super.firstUpdated(),this.hasAttribute("ariaHidden")&&this.svg){const t=this.svg.querySelector("desc");t&&(t.remove(),this.svg.removeAttribute("aria-labelledby"));}}render(){const t={labelWrapper:true,util_displayHiddenVisually:!this.label};return b$1`
|
|
2701
2856
|
<div class="componentWrapper">
|
|
2702
2857
|
<div
|
|
2703
2858
|
class="${e$3({svgWrapper:true})}"
|
|
2704
2859
|
title="${o(this.title||void 0)}">
|
|
2705
2860
|
<span aria-hidden="${o(this.ariaHidden||true)}" part="svg">
|
|
2706
|
-
${this.customSvg?
|
|
2861
|
+
${this.customSvg?b$1`
|
|
2707
2862
|
<slot name="svg"></slot>
|
|
2708
|
-
`:
|
|
2863
|
+
`:b$1`
|
|
2709
2864
|
${this.svg}
|
|
2710
2865
|
`}
|
|
2711
2866
|
</span>
|
|
@@ -2717,7 +2872,7 @@ class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,cl
|
|
|
2717
2872
|
</div>
|
|
2718
2873
|
`}}
|
|
2719
2874
|
|
|
2720
|
-
var iconVersion = '9.1.
|
|
2875
|
+
var iconVersion = '9.1.2';
|
|
2721
2876
|
|
|
2722
2877
|
var styleCss$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
2723
2878
|
|
|
@@ -3150,7 +3305,7 @@ class AuroHelpText extends i {
|
|
|
3150
3305
|
|
|
3151
3306
|
// function that renders the HTML and CSS into the scope of the component
|
|
3152
3307
|
render() {
|
|
3153
|
-
return
|
|
3308
|
+
return b$1`
|
|
3154
3309
|
<div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
|
|
3155
3310
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
3156
3311
|
</div>
|
|
@@ -3158,7 +3313,7 @@ class AuroHelpText extends i {
|
|
|
3158
3313
|
}
|
|
3159
3314
|
}
|
|
3160
3315
|
|
|
3161
|
-
var formkitVersion = '
|
|
3316
|
+
var formkitVersion = '202601270105';
|
|
3162
3317
|
|
|
3163
3318
|
class AuroElement extends i {
|
|
3164
3319
|
static get properties() {
|
|
@@ -3386,7 +3541,7 @@ class AuroDropdown extends AuroElement {
|
|
|
3386
3541
|
/**
|
|
3387
3542
|
* @private
|
|
3388
3543
|
*/
|
|
3389
|
-
this.iconTag = versioning.generateTag('auro-formkit-dropdown-icon', iconVersion,
|
|
3544
|
+
this.iconTag = versioning.generateTag('auro-formkit-dropdown-icon', iconVersion, _);
|
|
3390
3545
|
|
|
3391
3546
|
/**
|
|
3392
3547
|
* @private
|
|
@@ -3453,7 +3608,7 @@ class AuroDropdown extends AuroElement {
|
|
|
3453
3608
|
* The value for the role attribute of the trigger element.
|
|
3454
3609
|
*/
|
|
3455
3610
|
a11yRole: {
|
|
3456
|
-
type: String
|
|
3611
|
+
type: String,
|
|
3457
3612
|
attribute: false,
|
|
3458
3613
|
reflect: false
|
|
3459
3614
|
},
|