@aurodesignsystem/auro-formkit 2.0.0-beta.45 → 2.0.0-beta.47
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 +45 -0
- package/components/bibtemplate/dist/index.js +3 -3
- package/components/bibtemplate/dist/registered.js +3 -3
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.min.js +301 -54
- package/components/checkbox/demo/index.min.js +301 -54
- package/components/checkbox/dist/auro-checkbox-group.d.ts +5 -1
- package/components/checkbox/dist/helptextVersion.d.ts +2 -0
- package/components/checkbox/dist/index.js +301 -54
- package/components/checkbox/dist/registered.js +301 -54
- package/components/combobox/README.md +4 -4
- package/components/combobox/demo/api.md +2 -2
- package/components/combobox/demo/api.min.js +4308 -1776
- package/components/combobox/demo/index.md +2 -2
- package/components/combobox/demo/index.min.js +4308 -1776
- package/components/combobox/dist/index.js +4295 -1763
- package/components/combobox/dist/registered.js +4295 -1763
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.min.js +272 -77
- package/components/counter/demo/index.min.js +272 -77
- package/components/counter/dist/index.js +272 -77
- package/components/counter/dist/registered.js +272 -77
- package/components/datepicker/README.md +6 -4
- package/components/datepicker/demo/api.js +2 -2
- package/components/datepicker/demo/api.md +134 -48
- package/components/datepicker/demo/api.min.js +5628 -2100
- package/components/datepicker/demo/index.md +6 -0
- package/components/datepicker/demo/index.min.js +5623 -2094
- package/components/datepicker/dist/auro-calendar-month.d.ts +15 -0
- package/components/datepicker/dist/auro-calendar.d.ts +24 -0
- package/components/datepicker/dist/auro-datepicker.d.ts +31 -11
- package/components/datepicker/dist/bibtemplateVersion.d.ts +2 -0
- package/components/datepicker/dist/index.js +5623 -2094
- package/components/datepicker/dist/registered.js +5623 -2094
- package/components/datepicker/dist/utilities.d.ts +25 -0
- package/components/datepicker/dist/utilitiesCalendar.d.ts +2 -1
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.min.js +235 -37
- package/components/dropdown/demo/index.min.js +235 -37
- package/components/dropdown/dist/auro-dropdown.d.ts +4 -0
- package/components/dropdown/dist/helptextVersion.d.ts +2 -0
- package/components/dropdown/dist/index.js +235 -37
- package/components/dropdown/dist/registered.js +235 -37
- package/components/form/README.md +1 -1
- package/components/helptext/dist/index.js +2 -0
- package/components/helptext/dist/registered.js +2 -0
- package/components/input/README.md +1 -1
- package/components/input/demo/api.md +91 -89
- package/components/input/demo/api.min.js +4064 -1727
- package/components/input/demo/index.md +2 -2
- package/components/input/demo/index.min.js +4064 -1727
- package/components/input/dist/auro-input.d.ts +4 -1
- package/components/input/dist/base-input.d.ts +46 -12
- package/components/input/dist/helptextVersion.d.ts +2 -0
- package/components/input/dist/index.js +4064 -1727
- package/components/input/dist/registered.js +4064 -1727
- package/components/input/dist/utilities.d.ts +25 -0
- package/components/menu/README.md +1 -1
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.min.js +300 -53
- package/components/radio/demo/index.min.js +300 -53
- package/components/radio/dist/auro-radio-group.d.ts +5 -1
- package/components/radio/dist/helptextVersion.d.ts +2 -0
- package/components/radio/dist/index.js +300 -53
- package/components/radio/dist/registered.js +300 -53
- package/components/select/README.md +3 -3
- package/components/select/demo/api.min.js +262 -67
- package/components/select/demo/index.min.js +262 -67
- package/components/select/dist/index.js +251 -56
- package/components/select/dist/registered.js +251 -56
- package/package.json +1 -1
|
@@ -28,53 +28,53 @@ function resetStateExample() {
|
|
|
28
28
|
* Copyright 2019 Google LLC
|
|
29
29
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
30
|
*/
|
|
31
|
-
const t$4=globalThis,e$7=t$4.ShadowRoot&&(void 0===t$4.ShadyCSS||t$4.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$
|
|
31
|
+
const t$4=globalThis,e$7=t$4.ShadowRoot&&(void 0===t$4.ShadyCSS||t$4.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),o$7=new WeakMap;let n$6 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$4)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$7&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$7.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$7.set(s,t));}return t}toString(){return this.cssText}};const r$7=t=>new n$6("string"==typeof t?t:t+"",void 0,s$4),i$9=(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$6(o,t,s$4)},S$3=(s,o)=>{if(e$7)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$4.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$5=e$7?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$7(e)})(t):t;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/const{is:i$
|
|
37
|
+
*/const{is:i$8,defineProperty:e$6,getOwnPropertyDescriptor:r$6,getOwnPropertyNames:h$3,getOwnPropertySymbols:o$6,getPrototypeOf:n$5}=Object,a$4=globalThis,c$4=a$4.trustedTypes,l$4=c$4?c$4.emptyScript:"",p$3=a$4.reactiveElementPolyfillSupport,d$3=(t,s)=>t,u$4={toAttribute(t,s){switch(s){case Boolean:t=t?l$4:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$3=(t,s)=>!i$8(t,s),y$3={attribute:true,type:String,converter:u$4,reflect:false,hasChanged:f$3};Symbol.metadata??=Symbol("metadata"),a$4.litPropertyMetadata??=new WeakMap;let b$1 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$3){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$6(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$6(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$3}static _$Ei(){if(this.hasOwnProperty(d$3("elementProperties")))return;const t=n$5(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$3("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$3("properties"))){const t=this.properties,s=[...h$3(t),...o$6(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$5(s));}else void 0!==s&&i.push(c$5(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$3(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$4).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$4;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$3)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$3("elementProperties")]=new Map,b$1[d$3("finalized")]=new Map,p$3?.({ReactiveElement:b$1}),(a$4.reactiveElementVersions??=[]).push("2.0.4");
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2017 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
43
|
*/
|
|
44
|
-
const t$3=globalThis,i$
|
|
44
|
+
const t$3=globalThis,i$7=t$3.trustedTypes,s$3=i$7?i$7.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$5="$lit$",h$2=`lit$${Math.random().toFixed(9).slice(2)}$`,o$5="?"+h$2,n$4=`<${o$5}>`,r$5=document,l$3=()=>r$5.createComment(""),c$3=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$3=Array.isArray,u$3=t=>a$3(t)||"function"==typeof t?.[Symbol.iterator],d$2="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1=/-->/g,_$1=/>/g,m$1=RegExp(`>|${d$2}(?:([^\\s"'>=/]+)(${d$2}*=${d$2}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$2=/'/g,g$1=/"/g,$$1=/^(?:script|style|textarea|title)$/i,y$2=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1=y$2(1),T$1=Symbol.for("lit-noChange"),E$1=Symbol.for("lit-nothing"),A$1=new WeakMap,C$1=r$5.createTreeWalker(r$5,129);function P$1(t,i){if(!a$3(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$3?s$3.createHTML(i):i}const V$1=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v$1:void 0!==u[1]?c=_$1:void 0!==u[2]?($$1.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1):void 0!==u[3]&&(c=m$1):c===m$1?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1:'"'===u[3]?g$1:p$2):c===g$1||c===p$2?c=m$1:c===v$1||c===_$1?c=f$2:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$4:d>=0?(o.push(a),s.slice(0,d)+e$5+s.slice(d)+h$2+x):s+h$2+(-2===d?i:x);}return [P$1(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V$1(t,s);if(this.el=N.createElement(f,n),C$1.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$1.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$5)){const i=v[a++],s=r.getAttribute(t).split(h$2),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$1:"?"===e[1]?I$1:"@"===e[1]?L$1:k$1}),r.removeAttribute(t);}else t.startsWith(h$2)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$1.test(r.tagName)){const t=r.textContent.split(h$2),s=t.length-1;if(s>0){r.textContent=i$7?i$7.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$3()),C$1.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$3());}}}else if(8===r.nodeType)if(r.data===o$5)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$2,t+1));)d.push({type:7,index:c}),t+=h$2.length-1;}c++;}}static createElement(t,i){const s=r$5.createElement("template");return s.innerHTML=t,s}};function S$2(t,i,s=t,e){if(i===T$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$3(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$2(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$5).importNode(i,true);C$1.currentNode=e;let h=C$1.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$1.nextNode(),o++);}return C$1.currentNode=r$5,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$1,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S$2(this,t,i),c$3(t)?t===E$1||null==t||""===t?(this._$AH!==E$1&&this._$AR(),this._$AH=E$1):t!==this._$AH&&t!==T$1&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$3(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E$1&&c$3(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$5.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$1.createElement(P$1(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new N$1(t)),i}k(t){a$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 R(this.O(l$3()),this.O(l$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,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};let k$1 = class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E$1,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E$1;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$2(this,t,i,0),o=!c$3(t)||t!==this._$AH&&t!==T$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$2(this,e[s+n],i,n),r===T$1&&(r=this._$AH[n]),o||=!c$3(r)||r!==this._$AH[n],r===E$1?t=E$1:t!==E$1&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$1 = class H extends k$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$1?void 0:t;}};let I$1 = class I extends k$1{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$1);}};let L$1 = class L extends k$1{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$2(this,t,i,0)??E$1)===T$1)return;const s=this._$AH,e=t===E$1&&s!==E$1||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$1&&(s===E$1||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}};let z$1 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S$2(this,t);}};const j$1=t$3.litHtmlPolyfillSupport;j$1?.(N$1,R$1),(t$3.litHtmlVersions??=[]).push("3.2.1");const B$1=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$1(i.insertBefore(l$3(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2017 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
50
|
-
*/let r$4 = class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$1(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$1}};r$4._$litElement$=true,r$4["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4});const i$
|
|
50
|
+
*/let r$4 = class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$1(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$1}};r$4._$litElement$=true,r$4["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4});const i$6=globalThis.litElementPolyfillSupport;i$6?.({LitElement:r$4});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
51
51
|
|
|
52
52
|
/**
|
|
53
53
|
* @license
|
|
54
54
|
* Copyright 2017 Google LLC
|
|
55
55
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
56
56
|
*/
|
|
57
|
-
const t$2={ATTRIBUTE:1},e$4=t=>(...e)=>({_$litDirective$:t,values:e});let i$
|
|
57
|
+
const t$2={ATTRIBUTE:1},e$4=t=>(...e)=>({_$litDirective$:t,values:e});let i$5 = 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)}};
|
|
58
58
|
|
|
59
59
|
/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2018 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/const e$3=e$4(class extends i$
|
|
63
|
+
*/const e$3=e$4(class extends i$5{constructor(t){if(super(t),t.type!==t$2.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1}});
|
|
64
64
|
|
|
65
65
|
/**
|
|
66
66
|
* @license
|
|
67
67
|
* Copyright 2018 Google LLC
|
|
68
68
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
69
|
-
*/const o$
|
|
69
|
+
*/const o$4=o=>o??E$1;
|
|
70
70
|
|
|
71
71
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t();}(0,function(){function e(e){var t=true,n=false,o=null,d={text:true,search:true,url:true,tel:true,email:true,password:true,number:true,date:true,month:true,week:true,time:true,datetime:true,"datetime-local":true};function i(e){return !!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function s(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""));}function u(e){t=false;}function a(){document.addEventListener("mousemove",c),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c),document.addEventListener("pointermove",c),document.addEventListener("pointerdown",c),document.addEventListener("pointerup",c),document.addEventListener("touchmove",c),document.addEventListener("touchstart",c),document.addEventListener("touchend",c);}function c(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=false,document.removeEventListener("mousemove",c),document.removeEventListener("mousedown",c),document.removeEventListener("mouseup",c),document.removeEventListener("pointermove",c),document.removeEventListener("pointerdown",c),document.removeEventListener("pointerup",c),document.removeEventListener("touchmove",c),document.removeEventListener("touchstart",c),document.removeEventListener("touchend",c));}document.addEventListener("keydown",function(n){n.metaKey||n.altKey||n.ctrlKey||(i(e.activeElement)&&s(e.activeElement),t=true);},true),document.addEventListener("mousedown",u,true),document.addEventListener("pointerdown",u,true),document.addEventListener("touchstart",u,true),document.addEventListener("visibilitychange",function(e){"hidden"===document.visibilityState&&(n&&(t=true),a());},true),a(),e.addEventListener("focus",function(e){var n,o,u;i(e.target)&&(t||(n=e.target,o=n.type,"INPUT"===(u=n.tagName)&&d[o]&&!n.readOnly||"TEXTAREA"===u&&!n.readOnly||n.isContentEditable))&&s(e.target);},true),e.addEventListener("blur",function(e){var t;i(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=true,window.clearTimeout(o),o=window.setTimeout(function(){n=false;},100),(t=e.target).hasAttribute("data-focus-visible-added")&&(t.classList.remove("focus-visible"),t.removeAttribute("data-focus-visible-added")));},true),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""));}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready");}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",false,false,{});}window.dispatchEvent(t);}"undefined"!=typeof document&&e(document);});
|
|
72
72
|
|
|
73
|
-
var styleCss$
|
|
73
|
+
var styleCss$2 = i$9`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;outline:unset}:host(.focus-visible) .displayFlex .inputGroup:focus-within{width:auto}:host(.focus-visible) .rdoGroup{display:block;padding-right:var(--ds-size-100, 0.5rem);outline:3px solid transparent}:host(.focus-visible) .rdoGroup .label:after{outline-width:1px;outline-style:solid}.rdoGroup{position:relative;padding-right:var(--ds-size-100, 0.5rem);padding-left:var(--ds-size-100, 0.5rem);line-height:var(--ds-size-400, 2rem)}.label{display:block;margin-left:var(--ds-size-300, 1.5rem)}.label:hover{cursor:pointer}.label:after{position:absolute;z-index:1;top:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem);width:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));content:"";border-radius:50%;border:1px solid}.slotContent{display:block;margin-left:var(--ds-size-400, 2rem);padding-left:var(--ds-size-100, 0.5rem)}`;
|
|
74
74
|
|
|
75
|
-
var colorCss$
|
|
75
|
+
var colorCss$2 = i$9`.label{color:var(--ds-auro-radio-label-color)}.label:after{background-color:var(--ds-auro-radio-btn-fill-color);border-color:var(--ds-auro-radio-btn-border-color);box-shadow:inset 0 0 0 3px var(--ds-auro-radio-btn-inset-color);outline-color:var(--ds-auro-radio-btn-border-color);-webkit-tap-highlight-color:var(--ds-auro-radio-tap-color)}:host([checked]){--ds-auro-radio-btn-inset-color: var(--ds-color-background-primary-100-default, #ffffff);--ds-auro-radio-btn-fill-color: var(--ds-color-border-ui-default-default);--ds-auro-radio-btn-border-color: var(--ds-color-border-ui-default-default)}:host([error]){--ds-auro-radio-btn-border-color: var(--ds-color-border-error-default, #cc1816)}:host([checked][error]){--ds-auro-radio-btn-fill-color: var(--ds-color-border-error-default, #cc1816)}:host([disabled]){--ds-auro-radio-btn-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}:host(.focus-visible){--ds-auro-radio-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5)}`;
|
|
76
76
|
|
|
77
|
-
var tokenCss = i$
|
|
77
|
+
var tokenCss = i$9`:host{--ds-auro-radio-group-label-color: inherit;--ds-auro-radio-btn-border-color: var(--ds-color-border-primary-default, $ds-color-border-primary-default);--ds-auro-radio-btn-fill-color: transparent;--ds-auro-radio-btn-inset-color: transparent;--ds-auro-radio-label-color: inherit;--ds-auro-radio-tap-color: transparent}`;
|
|
78
78
|
|
|
79
79
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
80
80
|
// See LICENSE in the project root for license information.
|
|
@@ -83,7 +83,7 @@ var tokenCss = i$8`:host{--ds-auro-radio-group-label-color: inherit;--ds-auro-ra
|
|
|
83
83
|
|
|
84
84
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
85
85
|
|
|
86
|
-
class AuroLibraryRuntimeUtils {
|
|
86
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
87
87
|
|
|
88
88
|
/* eslint-disable jsdoc/require-param */
|
|
89
89
|
|
|
@@ -144,7 +144,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
144
144
|
|
|
145
145
|
return elemTag === tag || elem.hasAttribute(tag);
|
|
146
146
|
}
|
|
147
|
-
}
|
|
147
|
+
};
|
|
148
148
|
|
|
149
149
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
150
150
|
// See LICENSE in the project root for license information.
|
|
@@ -175,13 +175,13 @@ class AuroRadio extends r$4 {
|
|
|
175
175
|
/**
|
|
176
176
|
* @private
|
|
177
177
|
*/
|
|
178
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
178
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
179
179
|
}
|
|
180
180
|
|
|
181
181
|
static get styles() {
|
|
182
182
|
return [
|
|
183
|
-
styleCss$
|
|
184
|
-
colorCss$
|
|
183
|
+
styleCss$2,
|
|
184
|
+
colorCss$2,
|
|
185
185
|
tokenCss
|
|
186
186
|
];
|
|
187
187
|
}
|
|
@@ -225,7 +225,7 @@ class AuroRadio extends r$4 {
|
|
|
225
225
|
*
|
|
226
226
|
*/
|
|
227
227
|
static register(name = "auro-radio") {
|
|
228
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroRadio);
|
|
228
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroRadio);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
/**
|
|
@@ -360,7 +360,7 @@ class AuroRadio extends r$4 {
|
|
|
360
360
|
'errorBorder': this.error
|
|
361
361
|
};
|
|
362
362
|
|
|
363
|
-
return x`
|
|
363
|
+
return x$1`
|
|
364
364
|
<div class="ods-inputGroup rdoGroup">
|
|
365
365
|
<input
|
|
366
366
|
class="util_displayHiddenVisually ods-inputOption rdo--input"
|
|
@@ -371,14 +371,14 @@ class AuroRadio extends r$4 {
|
|
|
371
371
|
aria-invalid="${this.invalid(this.error)}"
|
|
372
372
|
aria-required="${this.isRequired(this.required)}"
|
|
373
373
|
.checked="${this.checked}"
|
|
374
|
-
id="${o$
|
|
375
|
-
name="${o$
|
|
374
|
+
id="${o$4(this.id)}"
|
|
375
|
+
name="${o$4(this.name)}"
|
|
376
376
|
type="radio"
|
|
377
377
|
.value="${this.value}"
|
|
378
378
|
tabIndex="-1"
|
|
379
379
|
/>
|
|
380
380
|
|
|
381
|
-
<label for="${o$
|
|
381
|
+
<label for="${o$4(this.id)}" class="${e$3(labelClasses)}">
|
|
382
382
|
<slot>${this.label}</slot>
|
|
383
383
|
</label>
|
|
384
384
|
|
|
@@ -388,9 +388,16 @@ class AuroRadio extends r$4 {
|
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
|
|
391
|
+
/**
|
|
392
|
+
* @license
|
|
393
|
+
* Copyright 2020 Google LLC
|
|
394
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
395
|
+
*/
|
|
396
|
+
const a$2=Symbol.for(""),o$3=t=>{if(t?.r===a$2)return t?._$litStatic$},s$2=t=>({_$litStatic$:t,r:a$2}),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$2}),l$2=new Map,n$3=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$2.get(t))&&(n.raw=n,l$2.set(t,r=n)),e=u;}return t(r,...e)},u$2=n$3(x$1);
|
|
397
|
+
|
|
398
|
+
var styleCss$1 = i$9`:host{display:block;padding-bottom:var(--ds-size-150, 0.75rem)}fieldset{all:unset}.displayFlex legend+slot{display:flex;white-space:nowrap}legend{margin-bottom:var(--ds-size-150, 0.75rem)}`;
|
|
392
399
|
|
|
393
|
-
var colorCss = i$
|
|
400
|
+
var colorCss$1 = i$9`:host legend{color:var(--ds-auro-radio-group-label-color)}:host([disabled]){--ds-auro-radio-group-label-color: var(--ds-color-text-disabled-default, $ds-color-text-disabled-default)}`;
|
|
394
401
|
|
|
395
402
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
396
403
|
// See LICENSE in the project root for license information.
|
|
@@ -398,7 +405,7 @@ var colorCss = i$8`:host legend{color:var(--ds-auro-radio-group-label-color)}:ho
|
|
|
398
405
|
|
|
399
406
|
class AuroFormValidation {
|
|
400
407
|
constructor() {
|
|
401
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
408
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
402
409
|
}
|
|
403
410
|
|
|
404
411
|
/**
|
|
@@ -540,20 +547,17 @@ class AuroFormValidation {
|
|
|
540
547
|
elem.validity = 'rangeUnderflow';
|
|
541
548
|
elem.errorMessage = elem.setCustomValidityRangeUnderflow || elem.setCustomValidity || '';
|
|
542
549
|
}
|
|
543
|
-
} else if (elem.type === '
|
|
544
|
-
|
|
545
|
-
elem.type === 'month-fullYear' ||
|
|
546
|
-
elem.type === 'year-month-day'
|
|
547
|
-
) {
|
|
548
|
-
if (elem.value?.length > 0 && elem.value.length < elem.dateStrLength) {
|
|
550
|
+
} else if (elem.type === 'date') {
|
|
551
|
+
if (elem.value?.length > 0 && elem.value?.length < elem.lengthForType) {
|
|
549
552
|
elem.validity = 'tooShort';
|
|
550
553
|
elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
|
|
551
|
-
} else {
|
|
552
|
-
const
|
|
554
|
+
} else if (elem.value?.length === elem.lengthForType && elem.util.toNorthAmericanFormat(elem.value, elem.format)) {
|
|
555
|
+
const formattedValue = elem.util.toNorthAmericanFormat(elem.value, elem.format);
|
|
556
|
+
const valueDate = new Date(formattedValue.dateForComparison);
|
|
553
557
|
|
|
554
558
|
// validate max
|
|
555
|
-
if (elem.max
|
|
556
|
-
const maxDate = new Date(elem.max);
|
|
559
|
+
if (elem.max?.length === elem.lengthForType) {
|
|
560
|
+
const maxDate = new Date(elem.util.toNorthAmericanFormat(elem.max, elem.format).dateForComparison);
|
|
557
561
|
|
|
558
562
|
if (valueDate > maxDate) {
|
|
559
563
|
elem.validity = 'rangeOverflow';
|
|
@@ -562,8 +566,8 @@ class AuroFormValidation {
|
|
|
562
566
|
}
|
|
563
567
|
|
|
564
568
|
// validate min
|
|
565
|
-
if (elem.min) {
|
|
566
|
-
const minDate = new Date(elem.min);
|
|
569
|
+
if (elem.min?.length === elem.lengthForType) {
|
|
570
|
+
const minDate = new Date(elem.util.toNorthAmericanFormat(elem.min, elem.format).dateForComparison);
|
|
567
571
|
|
|
568
572
|
if (valueDate < minDate) {
|
|
569
573
|
elem.validity = 'rangeUnderflow';
|
|
@@ -706,6 +710,46 @@ class AuroFormValidation {
|
|
|
706
710
|
}
|
|
707
711
|
}
|
|
708
712
|
|
|
713
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
714
|
+
// See LICENSE in the project root for license information.
|
|
715
|
+
|
|
716
|
+
|
|
717
|
+
class AuroDependencyVersioning {
|
|
718
|
+
|
|
719
|
+
/**
|
|
720
|
+
* Generates a unique string to be used for child auro element naming.
|
|
721
|
+
* @private
|
|
722
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
723
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
724
|
+
* @returns {string} - Unique string to be used for naming.
|
|
725
|
+
*/
|
|
726
|
+
generateElementName(baseName, version) {
|
|
727
|
+
let result = baseName;
|
|
728
|
+
|
|
729
|
+
result += '-';
|
|
730
|
+
result += version.replace(/[.]/g, '_');
|
|
731
|
+
|
|
732
|
+
return result;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
/**
|
|
736
|
+
* Generates a unique string to be used for child auro element naming.
|
|
737
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
738
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
739
|
+
* @returns {string} - Unique string to be used for naming.
|
|
740
|
+
*/
|
|
741
|
+
generateTag(baseName, version, tagClass) {
|
|
742
|
+
const elementName = this.generateElementName(baseName, version);
|
|
743
|
+
const tag = i$4`${s$2(elementName)}`;
|
|
744
|
+
|
|
745
|
+
if (!customElements.get(elementName)) {
|
|
746
|
+
customElements.define(elementName, class extends tagClass {});
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
return tag;
|
|
750
|
+
}
|
|
751
|
+
}
|
|
752
|
+
|
|
709
753
|
/**
|
|
710
754
|
* @license
|
|
711
755
|
* Copyright 2019 Google LLC
|
|
@@ -724,7 +768,7 @@ const t$1=globalThis,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.na
|
|
|
724
768
|
* Copyright 2017 Google LLC
|
|
725
769
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
726
770
|
*/
|
|
727
|
-
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,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};
|
|
771
|
+
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};
|
|
728
772
|
|
|
729
773
|
/**
|
|
730
774
|
* @license
|
|
@@ -732,11 +776,204 @@ const t=globalThis,i$1=t.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createH
|
|
|
732
776
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
733
777
|
*/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");
|
|
734
778
|
|
|
735
|
-
i$3`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
779
|
+
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)}`;
|
|
780
|
+
|
|
781
|
+
var styleCss = i$3`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}:host([large]) .helptext-wrapper{font-size:var(--ds-text-body-size-default, 1rem)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
782
|
+
|
|
783
|
+
var tokensCss = i$3`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717c)}`;
|
|
784
|
+
|
|
785
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
786
|
+
// See LICENSE in the project root for license information.
|
|
787
|
+
|
|
788
|
+
// ---------------------------------------------------------------------
|
|
789
|
+
|
|
790
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
791
|
+
|
|
792
|
+
class AuroLibraryRuntimeUtils {
|
|
793
|
+
|
|
794
|
+
/* eslint-disable jsdoc/require-param */
|
|
795
|
+
|
|
796
|
+
/**
|
|
797
|
+
* This will register a new custom element with the browser.
|
|
798
|
+
* @param {String} name - The name of the custom element.
|
|
799
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
800
|
+
* @returns {void}
|
|
801
|
+
*/
|
|
802
|
+
registerComponent(name, componentClass) {
|
|
803
|
+
if (!customElements.get(name)) {
|
|
804
|
+
customElements.define(name, class extends componentClass {});
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/**
|
|
809
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
810
|
+
* @returns {void}
|
|
811
|
+
*/
|
|
812
|
+
closestElement(
|
|
813
|
+
selector, // selector like in .closest()
|
|
814
|
+
base = this, // extra functionality to skip a parent
|
|
815
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
816
|
+
!el || el === document || el === window
|
|
817
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
818
|
+
: found
|
|
819
|
+
? found // found a selector INside this element
|
|
820
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
821
|
+
) {
|
|
822
|
+
return __Closest(base);
|
|
823
|
+
}
|
|
824
|
+
/* eslint-enable jsdoc/require-param */
|
|
825
|
+
|
|
826
|
+
/**
|
|
827
|
+
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
828
|
+
* @param {Object} elem - The element to check.
|
|
829
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
830
|
+
* @returns {void}
|
|
831
|
+
*/
|
|
832
|
+
handleComponentTagRename(elem, tagName) {
|
|
833
|
+
const tag = tagName.toLowerCase();
|
|
834
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
835
|
+
|
|
836
|
+
if (elemTag !== tag) {
|
|
837
|
+
elem.setAttribute(tag, true);
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
|
|
841
|
+
/**
|
|
842
|
+
* Validates if an element is a specific Auro component.
|
|
843
|
+
* @param {Object} elem - The element to validate.
|
|
844
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
845
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
846
|
+
*/
|
|
847
|
+
elementMatch(elem, tagName) {
|
|
848
|
+
const tag = tagName.toLowerCase();
|
|
849
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
850
|
+
|
|
851
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
852
|
+
}
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
856
|
+
// See LICENSE in the project root for license information.
|
|
857
|
+
|
|
858
|
+
|
|
859
|
+
/**
|
|
860
|
+
* Displays help text or error messages within form elements - Internal Use Only.
|
|
861
|
+
*
|
|
862
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
863
|
+
*/
|
|
864
|
+
class AuroHelpText extends r {
|
|
865
|
+
|
|
866
|
+
constructor() {
|
|
867
|
+
super();
|
|
868
|
+
|
|
869
|
+
this.error = false;
|
|
870
|
+
this.hasTextContent = false;
|
|
871
|
+
|
|
872
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
static get styles() {
|
|
876
|
+
return [
|
|
877
|
+
colorCss,
|
|
878
|
+
styleCss,
|
|
879
|
+
tokensCss
|
|
880
|
+
];
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
// function to define props used within the scope of this component
|
|
884
|
+
static get properties() {
|
|
885
|
+
return {
|
|
886
|
+
|
|
887
|
+
/**
|
|
888
|
+
* @private
|
|
889
|
+
*/
|
|
890
|
+
slotNodes: {
|
|
891
|
+
type: Boolean,
|
|
892
|
+
},
|
|
893
|
+
|
|
894
|
+
/**
|
|
895
|
+
* @private
|
|
896
|
+
*/
|
|
897
|
+
hasTextContent: {
|
|
898
|
+
type: Boolean,
|
|
899
|
+
},
|
|
900
|
+
|
|
901
|
+
/**
|
|
902
|
+
* If declared, make font color red.
|
|
903
|
+
*/
|
|
904
|
+
error: {
|
|
905
|
+
type: Boolean,
|
|
906
|
+
reflect: true,
|
|
907
|
+
},
|
|
908
|
+
};
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
/**
|
|
912
|
+
* This will register this element with the browser.
|
|
913
|
+
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
914
|
+
*
|
|
915
|
+
* @example
|
|
916
|
+
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
917
|
+
*
|
|
918
|
+
*/
|
|
919
|
+
static register(name = "auro-helptext") {
|
|
920
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroHelpText);
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
updated() {
|
|
924
|
+
this.handleSlotChange();
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
handleSlotChange(event) {
|
|
928
|
+
if (event) {
|
|
929
|
+
this.slotNodes = event.target.assignedNodes();
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
/**
|
|
936
|
+
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
937
|
+
*
|
|
938
|
+
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
939
|
+
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
940
|
+
* @private
|
|
941
|
+
*/
|
|
942
|
+
checkSlotsForContent(nodes) {
|
|
943
|
+
if (!nodes) {
|
|
944
|
+
return false;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
return nodes.some((node) => {
|
|
948
|
+
if (node.textContent.trim()) {
|
|
949
|
+
return true;
|
|
950
|
+
}
|
|
951
|
+
|
|
952
|
+
if (!node.querySelector) {
|
|
953
|
+
return false;
|
|
954
|
+
}
|
|
955
|
+
|
|
956
|
+
const nestedSlot = node.tagName === 'SLOT' ? node : node.querySelector('slot');
|
|
957
|
+
if (!nestedSlot) {
|
|
958
|
+
return false;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
962
|
+
return this.checkSlotsForContent(nestedSlotNodes);
|
|
963
|
+
});
|
|
964
|
+
}
|
|
736
965
|
|
|
737
|
-
|
|
966
|
+
// function that renders the HTML and CSS into the scope of the component
|
|
967
|
+
render() {
|
|
968
|
+
return x`
|
|
969
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
970
|
+
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
971
|
+
</div>
|
|
972
|
+
`;
|
|
973
|
+
}
|
|
974
|
+
}
|
|
738
975
|
|
|
739
|
-
|
|
976
|
+
var helpTextVersion = '1.0.0';
|
|
740
977
|
|
|
741
978
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
742
979
|
// See LICENSE in the project root for license information.
|
|
@@ -744,7 +981,7 @@ i$3`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717
|
|
|
744
981
|
|
|
745
982
|
|
|
746
983
|
/* eslint no-magic-numbers: ["error", { "ignore": [0, 1, -1] }] */
|
|
747
|
-
/* eslint-disable max-lines */
|
|
984
|
+
/* eslint-disable max-lines, lit/binding-positions, lit/no-invalid-html */
|
|
748
985
|
|
|
749
986
|
/**
|
|
750
987
|
* @attr {String} validity - Specifies the `validityState` this element is in.
|
|
@@ -791,13 +1028,23 @@ class AuroRadioGroup extends r$4 {
|
|
|
791
1028
|
/**
|
|
792
1029
|
* @private
|
|
793
1030
|
*/
|
|
794
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
1031
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
1032
|
+
|
|
1033
|
+
/**
|
|
1034
|
+
* Generate unique names for dependency components.
|
|
1035
|
+
*/
|
|
1036
|
+
const versioning = new AuroDependencyVersioning();
|
|
1037
|
+
|
|
1038
|
+
/**
|
|
1039
|
+
* @private
|
|
1040
|
+
*/
|
|
1041
|
+
this.helpTextTag = versioning.generateTag('auro-helptext', helpTextVersion, AuroHelpText);
|
|
795
1042
|
}
|
|
796
1043
|
|
|
797
1044
|
static get styles() {
|
|
798
1045
|
return [
|
|
799
|
-
styleCss,
|
|
800
|
-
colorCss,
|
|
1046
|
+
styleCss$1,
|
|
1047
|
+
colorCss$1,
|
|
801
1048
|
tokenCss
|
|
802
1049
|
];
|
|
803
1050
|
}
|
|
@@ -852,7 +1099,7 @@ class AuroRadioGroup extends r$4 {
|
|
|
852
1099
|
*
|
|
853
1100
|
*/
|
|
854
1101
|
static register(name = "auro-radio-group") {
|
|
855
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroRadioGroup);
|
|
1102
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroRadioGroup);
|
|
856
1103
|
}
|
|
857
1104
|
|
|
858
1105
|
connectedCallback() {
|
|
@@ -1147,24 +1394,24 @@ class AuroRadioGroup extends r$4 {
|
|
|
1147
1394
|
'displayFlex': this.horizontal && this.items.length <= this.max
|
|
1148
1395
|
};
|
|
1149
1396
|
|
|
1150
|
-
return
|
|
1397
|
+
return u$2`
|
|
1151
1398
|
<fieldset class="${e$3(groupClasses)}" part="radio-group">
|
|
1152
1399
|
${this.required
|
|
1153
|
-
?
|
|
1154
|
-
:
|
|
1400
|
+
? u$2`<legend><slot name="legend"></slot></legend>`
|
|
1401
|
+
: u$2`<legend><slot name="legend"></slot> <slot name="optionalLabel">(optional)</slot></legend>`
|
|
1155
1402
|
}
|
|
1156
1403
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1157
1404
|
</fieldset>
|
|
1158
1405
|
|
|
1159
1406
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
1160
|
-
?
|
|
1161
|
-
|
|
1407
|
+
? u$2`
|
|
1408
|
+
<${this.helpTextTag} large part="helpText">
|
|
1162
1409
|
<slot name="helpText"></slot>
|
|
1163
|
-
|
|
1164
|
-
:
|
|
1165
|
-
|
|
1410
|
+
</${this.helpTextTag}>`
|
|
1411
|
+
: u$2`
|
|
1412
|
+
<${this.helpTextTag} large role="alert" error aria-live="assertive" part="helpText">
|
|
1166
1413
|
${this.errorMessage}
|
|
1167
|
-
|
|
1414
|
+
</${this.helpTextTag}>`
|
|
1168
1415
|
}
|
|
1169
1416
|
`;
|
|
1170
1417
|
}
|