@aurodesignsystem-dev/auro-lockup 0.0.0-pr85.0 → 0.0.0-pr88.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/auro-lockup.min.js +10 -10
- package/dist/index.d.ts +105 -64
- package/package.json +1 -1
package/demo/auro-lockup.min.js
CHANGED
|
@@ -92,26 +92,26 @@ class AuroLibraryRuntimeUtils {
|
|
|
92
92
|
* Copyright 2019 Google LLC
|
|
93
93
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
94
94
|
*/
|
|
95
|
-
const t$2=globalThis,e$4=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$4=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$4&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$4.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$4.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$2("string"==typeof t?t:t+"",void 0,s$2),i$4=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((
|
|
95
|
+
const t$2=globalThis,e$4=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$4=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$4&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$4.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$4.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$2("string"==typeof t?t:t+"",void 0,s$2),i$4=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new n$2(o,t,s$2)},S$1=(s,o)=>{if(e$4)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$4?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
|
|
96
96
|
|
|
97
97
|
/**
|
|
98
98
|
* @license
|
|
99
99
|
* Copyright 2017 Google LLC
|
|
100
100
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
101
|
-
*/const{is:i$3,defineProperty:e$3,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$3,getPrototypeOf:n$1}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$3(t,s),b={attribute:true,type:String,converter:u$1,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$3(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1(t),...o$3(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$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(
|
|
101
|
+
*/const{is:i$3,defineProperty:e$3,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$3,getPrototypeOf:n$1}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$3(t,s),b$1={attribute:true,type:String,converter:u$1,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.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$1){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$3(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1(t),...o$3(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach(t=>t.hostConnected?.());}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.());}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$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$1)(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$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$1.reactiveElementVersions??=[]).push("2.1.2");
|
|
102
102
|
|
|
103
103
|
/**
|
|
104
104
|
* @license
|
|
105
105
|
* Copyright 2017 Google LLC
|
|
106
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
107
107
|
*/
|
|
108
|
-
const t$1=globalThis,i$2=t$1.trustedTypes,s$1
|
|
108
|
+
const t$1=globalThis,i$2=t=>t,s$1=t$1.trustedTypes,e$2=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,h="$lit$",o$2=`lit$${Math.random().toFixed(9).slice(2)}$`,n="?"+o$2,r=`<${n}>`,l=document,c=()=>l.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,d=t=>u(t)||"function"==typeof t?.[Symbol.iterator],f="[ \t\n\f\r]",v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),E=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$2?e$2.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=_:void 0!==u[1]?c=m:void 0!==u[2]?(y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p):void 0!==u[3]&&(c=p):c===p?">"===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:'"'===u[3]?$:g):c===$||c===g?c=p:c===_||c===m?c=v:(c=p,n=void 0);const x=c===p&&t[i+1].startsWith("/>")?" ":"";l+=c===v?s+r:d>=0?(e.push(a),s.slice(0,d)+h+s.slice(d)+o$2+x):s+o$2+(-2===d?i:x);}return [V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};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)){const i=v[a++],s=r.getAttribute(t).split(o$2),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z:H}),r.removeAttribute(t);}else t.startsWith(o$2)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o$2),i=t.length-1;if(i>0){r.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c());}}}else if(8===r.nodeType)if(r.data===n)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$2,t+1));)d.push({type:7,index:l}),t+=o$2.length-1;}l++;}}static createElement(t,i){const s=l.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(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).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,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(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(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(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.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.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(t)),i}k(t){u(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()),this.O(c()),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$2(t).nextSibling;i$2(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(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(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);}}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$1.litHtmlPolyfillSupport;B?.(S,k),(t$1.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(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
109
109
|
|
|
110
110
|
/**
|
|
111
111
|
* @license
|
|
112
112
|
* Copyright 2017 Google LLC
|
|
113
113
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
114
|
-
*/const s=globalThis;let i$1 = 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=
|
|
114
|
+
*/const s=globalThis;let i$1 = 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$1._$litElement$=true,i$1["finalized"]=true,s.litElementHydrateSupport?.({LitElement:i$1});const o$1=s.litElementPolyfillSupport;o$1?.({LitElement:i$1});(s.litElementVersions??=[]).push("4.2.2");
|
|
115
115
|
|
|
116
116
|
/**
|
|
117
117
|
* @license
|
|
@@ -124,13 +124,13 @@ const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{cons
|
|
|
124
124
|
* @license
|
|
125
125
|
* Copyright 2018 Google LLC
|
|
126
126
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
127
|
-
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(
|
|
127
|
+
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return E}});
|
|
128
128
|
|
|
129
129
|
/**
|
|
130
130
|
* @license
|
|
131
131
|
* Copyright 2018 Google LLC
|
|
132
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
133
|
-
*/const o=o=>o??
|
|
133
|
+
*/const o=o=>o??A;
|
|
134
134
|
|
|
135
135
|
var colorCss = i$4`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([variant=oneworld]){--ds-auro-lockup-divider-color: transparent}
|
|
136
136
|
`;
|
|
@@ -264,7 +264,7 @@ class AuroLockup extends i$1 {
|
|
|
264
264
|
const dom = new DOMParser().parseFromString(svgContent, "text/html");
|
|
265
265
|
const svg = dom.body.firstChild;
|
|
266
266
|
|
|
267
|
-
return
|
|
267
|
+
return b`${svg}`;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
// When using auroElement, use the following attribute and function when hiding content from screen readers.
|
|
@@ -277,7 +277,7 @@ class AuroLockup extends i$1 {
|
|
|
277
277
|
logoDivider: !this.variant,
|
|
278
278
|
};
|
|
279
279
|
|
|
280
|
-
return
|
|
280
|
+
return b`
|
|
281
281
|
<a href=${this.path} class="headerLinkBox">
|
|
282
282
|
<div class="${e(classes)}">
|
|
283
283
|
${o(
|
|
@@ -288,12 +288,12 @@ class AuroLockup extends i$1 {
|
|
|
288
288
|
</div>
|
|
289
289
|
${o(
|
|
290
290
|
this.variant === "oneworld"
|
|
291
|
-
?
|
|
291
|
+
? b`
|
|
292
292
|
<div class="oneworldLogo">
|
|
293
293
|
${this.generateIconHtml(logoOneworld.svg)}
|
|
294
294
|
</div>
|
|
295
295
|
`
|
|
296
|
-
:
|
|
296
|
+
: b`
|
|
297
297
|
<div class="headerTitle">
|
|
298
298
|
<span class="headerTitle-title heading-lg">
|
|
299
299
|
<slot name="title"></slot>
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
import type { AuroLockup } from "src/auro-lockup.js";
|
|
3
2
|
|
|
4
3
|
/**
|
|
@@ -21,13 +20,12 @@ import type { AuroLockup } from "src/auro-lockup.js";
|
|
|
21
20
|
*/
|
|
22
21
|
export type ScopedElements<
|
|
23
22
|
Prefix extends string = "",
|
|
24
|
-
Suffix extends string = ""
|
|
23
|
+
Suffix extends string = "",
|
|
25
24
|
> = {
|
|
26
25
|
[Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
|
|
27
26
|
};
|
|
28
27
|
|
|
29
28
|
type BaseProps<T extends HTMLElement> = {
|
|
30
|
-
|
|
31
29
|
/** Content added between the opening and closing tags of the element */
|
|
32
30
|
children?: any;
|
|
33
31
|
/** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
|
|
@@ -70,119 +68,162 @@ type BaseProps<T extends HTMLElement> = {
|
|
|
70
68
|
popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
|
|
71
69
|
/** Specifies the action to be performed on a popover element being controlled by a control element. */
|
|
72
70
|
popovertargetaction?: "show" | "hide" | "toggle";
|
|
73
|
-
|
|
74
|
-
} ;
|
|
75
|
-
|
|
76
|
-
type BaseEvents = {
|
|
77
|
-
|
|
78
|
-
|
|
79
71
|
};
|
|
80
72
|
|
|
81
|
-
|
|
73
|
+
type BaseEvents = {};
|
|
82
74
|
|
|
83
75
|
export type AuroLockupProps = {
|
|
84
76
|
/** Defines whether the component will be on lighter or darker backgrounds. */
|
|
85
|
-
|
|
77
|
+
appearance?: AuroLockup["appearance"];
|
|
86
78
|
/** DEPRECATED - Use `appearance="inverse"` instead. */
|
|
87
|
-
|
|
79
|
+
onDark?: AuroLockup["onDark"];
|
|
88
80
|
/** DEPRECATED - Use `variant="oneworld"` instead. */
|
|
89
|
-
|
|
81
|
+
oneworld?: AuroLockup["oneworld"];
|
|
90
82
|
/** URL path for lockup link. */
|
|
91
|
-
|
|
83
|
+
path?: AuroLockup["path"];
|
|
92
84
|
/** Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. */
|
|
93
|
-
|
|
85
|
+
standard?: AuroLockup["standard"];
|
|
94
86
|
/** Sets lockup variant option. Only possible value is `oneworld`. */
|
|
95
|
-
|
|
96
|
-
|
|
87
|
+
variant?: AuroLockup["variant"];
|
|
88
|
+
};
|
|
97
89
|
|
|
98
|
-
|
|
90
|
+
export type AuroLockupSolidJsProps = {
|
|
91
|
+
/** Defines whether the component will be on lighter or darker backgrounds. */
|
|
92
|
+
"prop:appearance"?: AuroLockup["appearance"];
|
|
93
|
+
/** DEPRECATED - Use `appearance="inverse"` instead. */
|
|
94
|
+
"prop:onDark"?: AuroLockup["onDark"];
|
|
95
|
+
/** DEPRECATED - Use `variant="oneworld"` instead. */
|
|
96
|
+
"prop:oneworld"?: AuroLockup["oneworld"];
|
|
97
|
+
/** URL path for lockup link. */
|
|
98
|
+
"prop:path"?: AuroLockup["path"];
|
|
99
|
+
/** Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. */
|
|
100
|
+
"prop:standard"?: AuroLockup["standard"];
|
|
101
|
+
/** Sets lockup variant option. Only possible value is `oneworld`. */
|
|
102
|
+
"prop:variant"?: AuroLockup["variant"];
|
|
99
103
|
|
|
100
|
-
|
|
104
|
+
/** Set the innerHTML of the element */
|
|
105
|
+
innerHTML?: string;
|
|
106
|
+
/** Set the textContent of the element */
|
|
107
|
+
textContent?: string | number;
|
|
108
|
+
};
|
|
101
109
|
|
|
110
|
+
export type CustomElements = {
|
|
111
|
+
/**
|
|
112
|
+
* The `auro-lockup` element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
113
|
+
*
|
|
114
|
+
* ## Attributes & Properties
|
|
115
|
+
*
|
|
116
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
117
|
+
*
|
|
118
|
+
* - `appearance`: Defines whether the component will be on lighter or darker backgrounds.
|
|
119
|
+
* - `onDark`: DEPRECATED - Use `appearance="inverse"` instead.
|
|
120
|
+
* - `oneworld`: DEPRECATED - Use `variant="oneworld"` instead.
|
|
121
|
+
* - `path`: URL path for lockup link.
|
|
122
|
+
* - `standard`: Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute.
|
|
123
|
+
* - `variant`: Sets lockup variant option. Only possible value is `oneworld`.
|
|
124
|
+
*
|
|
125
|
+
* ## Slots
|
|
126
|
+
*
|
|
127
|
+
* Areas where markup can be added to the component.
|
|
128
|
+
*
|
|
129
|
+
* - `subtitle`: Set sub-title for lockup
|
|
130
|
+
* - `title`: Set title for lockup
|
|
131
|
+
*
|
|
132
|
+
* ## Methods
|
|
133
|
+
*
|
|
134
|
+
* Methods that can be called to access component functionality.
|
|
135
|
+
*
|
|
136
|
+
* - `_initializeDefaults() => void`: undefined
|
|
137
|
+
* - `register(name?: string = "auro-lockup") => void`: This will register this element with the browser.
|
|
138
|
+
*/
|
|
139
|
+
"auro-lockup": Partial<AuroLockupProps & BaseProps<AuroLockup> & BaseEvents>;
|
|
140
|
+
};
|
|
102
141
|
|
|
142
|
+
export type CustomElementsSolidJs = {
|
|
103
143
|
/**
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
144
|
+
* The `auro-lockup` element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
145
|
+
*
|
|
146
|
+
* ## Attributes & Properties
|
|
147
|
+
*
|
|
148
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
149
|
+
*
|
|
150
|
+
* - `appearance`: Defines whether the component will be on lighter or darker backgrounds.
|
|
151
|
+
* - `onDark`: DEPRECATED - Use `appearance="inverse"` instead.
|
|
152
|
+
* - `oneworld`: DEPRECATED - Use `variant="oneworld"` instead.
|
|
153
|
+
* - `path`: URL path for lockup link.
|
|
154
|
+
* - `standard`: Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute.
|
|
155
|
+
* - `variant`: Sets lockup variant option. Only possible value is `oneworld`.
|
|
156
|
+
*
|
|
157
|
+
* ## Slots
|
|
158
|
+
*
|
|
159
|
+
* Areas where markup can be added to the component.
|
|
160
|
+
*
|
|
161
|
+
* - `subtitle`: Set sub-title for lockup
|
|
162
|
+
* - `title`: Set title for lockup
|
|
163
|
+
*
|
|
164
|
+
* ## Methods
|
|
165
|
+
*
|
|
166
|
+
* Methods that can be called to access component functionality.
|
|
167
|
+
*
|
|
168
|
+
* - `_initializeDefaults() => void`: undefined
|
|
169
|
+
* - `register(name?: string = "auro-lockup") => void`: This will register this element with the browser.
|
|
170
|
+
*/
|
|
171
|
+
"auro-lockup": Partial<
|
|
172
|
+
AuroLockupProps &
|
|
173
|
+
AuroLockupSolidJsProps &
|
|
174
|
+
BaseProps<AuroLockup> &
|
|
175
|
+
BaseEvents
|
|
176
|
+
>;
|
|
177
|
+
};
|
|
133
178
|
|
|
134
|
-
export type CustomCssProperties = {
|
|
179
|
+
export type CustomCssProperties = {};
|
|
135
180
|
|
|
181
|
+
declare module "react" {
|
|
182
|
+
namespace JSX {
|
|
183
|
+
interface IntrinsicElements extends CustomElements {}
|
|
184
|
+
}
|
|
136
185
|
}
|
|
137
186
|
|
|
138
|
-
|
|
139
|
-
declare module 'react' {
|
|
187
|
+
declare module "preact" {
|
|
140
188
|
namespace JSX {
|
|
141
189
|
interface IntrinsicElements extends CustomElements {}
|
|
142
190
|
}
|
|
143
|
-
|
|
144
191
|
}
|
|
145
192
|
|
|
146
|
-
declare module
|
|
193
|
+
declare module "@builder.io/qwik" {
|
|
147
194
|
namespace JSX {
|
|
148
195
|
interface IntrinsicElements extends CustomElements {}
|
|
149
196
|
}
|
|
150
|
-
|
|
151
197
|
}
|
|
152
198
|
|
|
153
|
-
declare module
|
|
199
|
+
declare module "@stencil/core" {
|
|
154
200
|
namespace JSX {
|
|
155
201
|
interface IntrinsicElements extends CustomElements {}
|
|
156
202
|
}
|
|
157
|
-
|
|
158
203
|
}
|
|
159
204
|
|
|
160
|
-
declare module
|
|
205
|
+
declare module "hono/jsx" {
|
|
161
206
|
namespace JSX {
|
|
162
207
|
interface IntrinsicElements extends CustomElements {}
|
|
163
208
|
}
|
|
164
|
-
|
|
165
209
|
}
|
|
166
210
|
|
|
167
|
-
declare module
|
|
211
|
+
declare module "react-native" {
|
|
168
212
|
namespace JSX {
|
|
169
213
|
interface IntrinsicElements extends CustomElements {}
|
|
170
214
|
}
|
|
171
|
-
|
|
172
215
|
}
|
|
173
216
|
|
|
174
|
-
declare module
|
|
217
|
+
declare module "solid-js" {
|
|
175
218
|
namespace JSX {
|
|
176
|
-
interface IntrinsicElements extends
|
|
219
|
+
interface IntrinsicElements extends CustomElementsSolidJs {}
|
|
177
220
|
}
|
|
178
|
-
|
|
179
221
|
}
|
|
180
222
|
|
|
181
223
|
declare global {
|
|
182
224
|
namespace JSX {
|
|
183
225
|
interface IntrinsicElements extends CustomElements {}
|
|
184
226
|
}
|
|
185
|
-
|
|
186
227
|
}
|
|
187
228
|
declare global {
|
|
188
229
|
namespace svelteHTML {
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-lockup",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr88.1",
|
|
11
11
|
"description": "auro-lockup HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|