@florid-kit/components 0.9.23 → 0.9.24
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/index.js +13 -13
- package/index.mjs +62 -59
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:ke,defineProperty:Se,getOwnPropertyDescriptor:Ae,getOwnPropertyNames:Ee,getOwnPropertySymbols:Le,getPrototypeOf:Pe}=Object,W=globalThis,ne=W.trustedTypes,Oe=ne?ne.emptyScript:"",It=W.reactiveElementPolyfillSupport,ht=(o,t)=>o,St={toAttribute(o,t){switch(t){case Boolean:o=o?Oe:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Ft=(o,t)=>!ke(o,t),se={attribute:!0,type:String,converter:St,reflect:!1,useDefault:!1,hasChanged:Ft};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let nt=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=se){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Se(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=Ae(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const
|
|
9
|
+
*/const{is:ke,defineProperty:Se,getOwnPropertyDescriptor:Ae,getOwnPropertyNames:Ee,getOwnPropertySymbols:Le,getPrototypeOf:Pe}=Object,W=globalThis,ne=W.trustedTypes,Oe=ne?ne.emptyScript:"",It=W.reactiveElementPolyfillSupport,ht=(o,t)=>o,St={toAttribute(o,t){switch(t){case Boolean:o=o?Oe:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Ft=(o,t)=>!ke(o,t),se={attribute:!0,type:String,converter:St,reflect:!1,useDefault:!1,hasChanged:Ft};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let nt=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=se){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Se(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=Ae(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);n==null||n.call(this,s),this.requestUpdate(t,c,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??se}static _$Ei(){if(this.hasOwnProperty(ht("elementProperties")))return;const t=Pe(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ht("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ht("properties"))){const e=this.properties,r=[...Ee(e),...Le(e)];for(const i of r)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)e.unshift(re(i))}else t!==void 0&&e.push(re(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ce(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){var n;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:St).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n,s;const r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=r.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((n=c.converter)==null?void 0:n.fromAttribute)!==void 0?c.converter:St;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){const n=this.constructor,s=this[t];if(r??(r=n.getPropertyOptions(t)),!((r.hasChanged??Ft)(s,e)||r.useDefault&&r.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(n._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:n},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),n!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,s]of this._$Ep)this[n]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,s]of i){const{wrapped:c}=s,h=this[n];c!==!0||this._$AL.has(n)||h===void 0||this.C(n,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};nt.elementStyles=[],nt.shadowRootOptions={mode:"open"},nt[ht("elementProperties")]=new Map,nt[ht("finalized")]=new Map,It==null||It({ReactiveElement:nt}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const dt=globalThis,At=dt.trustedTypes,ae=At?At.createPolicy("lit-html",{createHTML:o=>o}):void 0,be="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,ge="?"+K,Ie=`<${ge}>`,tt=document,ut=()=>tt.createComment(""),vt=o=>o===null||typeof o!="object"&&typeof o!="function",Vt=Array.isArray,ze=o=>Vt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",zt=`[
|
|
14
14
|
\f\r]`,ct=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,le=/-->/g,ce=/>/g,J=RegExp(`>|${zt}(?:([^\\s"'>=/]+)(${zt}*=${zt}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),he=/'/g,de=/"/g,ye=/^(?:script|style|textarea|title)$/i,Be=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Be(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),pe=new WeakMap,Q=tt.createTreeWalker(tt,129);function me(o,t){if(!Vt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ae!==void 0?ae.createHTML(t):t}const De=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=ct;for(let
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),he=/'/g,de=/"/g,ye=/^(?:script|style|textarea|title)$/i,Be=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Be(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),pe=new WeakMap,Q=tt.createTreeWalker(tt,129);function me(o,t){if(!Vt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ae!==void 0?ae.createHTML(t):t}const De=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=ct;for(let c=0;c<e;c++){const h=o[c];let m,w,f=-1,U=0;for(;U<h.length&&(s.lastIndex=U,w=s.exec(h),w!==null);)U=s.lastIndex,s===ct?w[1]==="!--"?s=le:w[1]!==void 0?s=ce:w[2]!==void 0?(ye.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??ct,f=-1):w[1]===void 0?f=-2:(f=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?de:he):s===de||s===he?s=J:s===le||s===ce?s=ct:(s=J,i=void 0);const Z=s===J&&o[c+1].startsWith("/>")?" ":"";n+=s===ct?h+Ie:f>=0?(r.push(m),h.slice(0,f)+be+h.slice(f)+K+Z):h+K+(f===-2?c:Z)}return[me(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class ft{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const c=t.length-1,h=this.parts,[m,w]=De(t,e);if(this.el=ft.createElement(m,r),Q.currentNode=this.el.content,e===2||e===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=Q.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const f of i.getAttributeNames())if(f.endsWith(be)){const U=w[s++],Z=i.getAttribute(f).split(K),Ct=/([.?@])?(.*)/.exec(U);h.push({type:1,index:n,name:Ct[2],strings:Z,ctor:Ct[1]==="."?Te:Ct[1]==="?"?Me:Ct[1]==="@"?je:Lt}),i.removeAttribute(f)}else f.startsWith(K)&&(h.push({type:6,index:n}),i.removeAttribute(f));if(ye.test(i.tagName)){const f=i.textContent.split(K),U=f.length-1;if(U>0){i.textContent=At?At.emptyScript:"";for(let Z=0;Z<U;Z++)i.append(f[Z],ut()),Q.nextNode(),h.push({type:2,index:++n});i.append(f[U],ut())}}}else if(i.nodeType===8)if(i.data===ge)h.push({type:2,index:n});else{let f=-1;for(;(f=i.data.indexOf(K,f+1))!==-1;)h.push({type:7,index:n}),f+=K.length-1}n++}}static createElement(t,e){const r=tt.createElement("template");return r.innerHTML=t,r}}function st(o,t,e=o,r){var s,c;if(t===G)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=vt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=st(o,i._$AS(o,t.values),i,r)),t}class He{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,i=((t==null?void 0:t.creationScope)??tt).importNode(e,!0);Q.currentNode=i;let n=Q.nextNode(),s=0,c=0,h=r[0];for(;h!==void 0;){if(s===h.index){let m;h.type===2?m=new $t(n,n.nextSibling,this,t):h.type===1?m=new h.ctor(n,h.name,h.strings,this,t):h.type===6&&(m=new Re(n,this,t)),this._$AV.push(m),h=r[++c]}s!==(h==null?void 0:h.index)&&(n=Q.nextNode(),s++)}return Q.currentNode=tt,i}p(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class $t{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=st(this,t,e),vt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ze(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!==d&&vt(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=ft.createElement(me(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new He(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=pe.get(t.strings);return e===void 0&&pe.set(t.strings,e=new ft(t)),e}k(t){Vt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new $t(this.O(ut()),this.O(ut()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=st(this,t,e,0),s=!vt(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const c=t;let h,m;for(t=n[0],h=0;h<n.length-1;h++)m=st(this,c[r+h],e,h),m===G&&(m=this._$AH[h]),s||(s=!vt(m)||m!==this._$AH[h]),m===d?t=d:t!==d&&(t+=(m??"")+n[h+1]),this._$AH[h]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Te extends Lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Me extends Lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class je extends Lt{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=st(this,t,e,0)??d)===G)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Re{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){st(this,t)}}const Bt=dt.litHtmlPolyfillSupport;Bt==null||Bt(ft,$t),(dt.litHtmlVersions??(dt.litHtmlVersions=[])).push("3.3.0");const Ue=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new $t(t.insertBefore(ut(),n),n,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Ne={attribute:!0,type:String,converter:St,reflect:!1,hasChanged:Ft},Fe=(o=Ne,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="accessor"){const{name:s}=e;return{set(
|
|
27
|
+
*/const Ne={attribute:!0,type:String,converter:St,reflect:!1,hasChanged:Ft},Fe=(o=Ne,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="accessor"){const{name:s}=e;return{set(c){const h=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,h,o)},init(c){return c!==void 0&&this.C(s,void 0,o,c),c}}}if(r==="setter"){const{name:s}=e;return function(c){const h=this[s];t.call(this,c),this.requestUpdate(s,h,o)}}throw Error("Unsupported decorator location: "+r)};function a(o){return(t,e)=>typeof e=="object"?Fe(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function xe(o,t){return(e,r,i)=>{const n=s=>{var
|
|
39
|
+
*/function xe(o,t){return(e,r,i)=>{const n=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return Ve(e,r,{get(){return n(this)}})}}const it=v`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`;v`
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function qe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[qt]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(
|
|
54
|
+
*/function qe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[qt]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!r.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),s.requestSubmit()}})})}const Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
55
55
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
56
56
|
</svg>
|
|
57
57
|
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
.sr-only {
|
|
398
398
|
display: none;
|
|
399
399
|
}
|
|
400
|
-
`;H([a({type:String,reflect:!0})],A.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],A.prototype,"size",2);H([a({type:String,reflect:!0})],A.prototype,"status",2);H([a({type:String,reflect:!0})],A.prototype,"type",2);H([a({type:String})],A.prototype,"strokewidth",2);H([a({type:String})],A.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:Boolean})],A.prototype,"showSrLabel",2);H([a({type:String})],A.prototype,"srLabel",2);A=H([b("o-icon-button")],A);var Bo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,g=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Bo(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,r;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(r=this.shadowRoot)==null?void 0:r.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}this._setPriceTabindex(),await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const r=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(r){this.showHeaderStartIcon=!1;const n=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",n),i()};r.addEventListener("animationend",n)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const r=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];r&&(r.setAttribute("role","img"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,n,s,h
|
|
400
|
+
`;H([a({type:String,reflect:!0})],A.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],A.prototype,"size",2);H([a({type:String,reflect:!0})],A.prototype,"status",2);H([a({type:String,reflect:!0})],A.prototype,"type",2);H([a({type:String})],A.prototype,"strokewidth",2);H([a({type:String})],A.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:Boolean})],A.prototype,"showSrLabel",2);H([a({type:String})],A.prototype,"srLabel",2);A=H([b("o-icon-button")],A);var Bo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,g=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Bo(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,r;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(r=this.shadowRoot)==null?void 0:r.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}this._setPriceTabindex(),await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const r=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(r){this.showHeaderStartIcon=!1;const n=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",n),i()};r.addEventListener("animationend",n)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const r=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];r&&(r.setAttribute("role","img"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,n,s,c,h;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(s=((n=t.shadowRoot)==null?void 0:n.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const r=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');r&&r.setAttribute("aria-label",this.headerTitle)}_setPriceTabindex(){var r;const o=(r=this.shadowRoot)==null?void 0:r.querySelector('slot[name="detail"]');if(!o)return;const e=o.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll(".m-product-price-standard")));for(const i of e)i.hasAttribute("tabindex")||i.setAttribute("tabindex","0")}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const n=[i.matches(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);n.push(...c,...h)}return n.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,r,i;if(this.showHeader){const n=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=n==null?void 0:n.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((r=s.focus)==null||r.call(s))}else{const n=this.getFocusableElements()[0];(i=n==null?void 0:n.focus)==null||i.call(n)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,r,i,n;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(r=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:r.focus)==null||i.call(r):(n=this.previousFocusedElement)==null||n.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
401
401
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
402
402
|
${this.showHeaderStartIcon?l`
|
|
403
403
|
<o-icon-button
|
|
@@ -1900,13 +1900,13 @@
|
|
|
1900
1900
|
* @license
|
|
1901
1901
|
* Copyright 2018 Google LLC
|
|
1902
1902
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1903
|
-
*/const $e="important",ii=" !"+$e,ri=Wt(class extends Gt{constructor(o){var t;if(super(o),o.type!==Kt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(ii);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?$e:""):e[r]=i}}return G}});var ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ni(t,e,i),i};let yt=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,
|
|
1904
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${S(
|
|
1903
|
+
*/const $e="important",ii=" !"+$e,ri=Wt(class extends Gt{constructor(o){var t;if(super(o),o.type!==Kt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(ii);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?$e:""):e[r]=i}}return G}});var ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ni(t,e,i),i};let yt=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=s=>{const c=document.createElement("textarea");return c.innerHTML=s,c.value},t=this.option&&this.option.clickable,e={width:`${this.imageSize}px`,height:`${this.imageSize}px`},r=this.option&&this.option.title?o(this.option.title):"",i=this.option&&this.option.description?o(this.option.description):"",n=l`
|
|
1904
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${S(r)}" aria-hidden="true" style=${ri(e)} />`:""}
|
|
1905
1905
|
<div class="m-reassurance-content">
|
|
1906
|
-
<h3 class="a-reassurance-text">${S(
|
|
1907
|
-
<p class="a-reassurance-description">${S(
|
|
1906
|
+
<h3 class="a-reassurance-text">${S(r)}</h3>
|
|
1907
|
+
<p class="a-reassurance-description">${S(i)}</p>
|
|
1908
1908
|
</div>
|
|
1909
|
-
`;return
|
|
1909
|
+
`;return t?l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${n}</a>`:l`<div class="reassurance-item">${n}</div>`}};yt.styles=v`
|
|
1910
1910
|
:host {
|
|
1911
1911
|
display: inline-block;
|
|
1912
1912
|
position: relative;
|
|
@@ -1966,7 +1966,7 @@
|
|
|
1966
1966
|
letter-spacing: var(--letter-spacing-400);
|
|
1967
1967
|
text-transform: uppercase;
|
|
1968
1968
|
margin: var(--spacing-4-xs);
|
|
1969
|
-
|
|
1969
|
+
display: -webkit-box;
|
|
1970
1970
|
-webkit-line-clamp: 1;
|
|
1971
1971
|
line-clamp: 1;
|
|
1972
1972
|
-webkit-box-orient: vertical;
|
|
@@ -2409,7 +2409,7 @@
|
|
|
2409
2409
|
color: var(--text-color);
|
|
2410
2410
|
}
|
|
2411
2411
|
|
|
2412
|
-
`;te([a({type:String,reflect:!0})],xt.prototype,"variant",2);te([a({type:String})],xt.prototype,"text",2);xt=te([b("o-badge")],xt);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?mi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yi(t,e,i),i};let $=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var r,i;var o=this;const t=(r=this.renderRoot)==null?void 0:r.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const n=window.getComputedStyle(e),s=parseInt(n.getPropertyValue("line-height").replace("px","")),
|
|
2412
|
+
`;te([a({type:String,reflect:!0})],xt.prototype,"variant",2);te([a({type:String})],xt.prototype,"text",2);xt=te([b("o-badge")],xt);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?mi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yi(t,e,i),i};let $=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var r,i;var o=this;const t=(r=this.renderRoot)==null?void 0:r.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const n=window.getComputedStyle(e),s=parseInt(n.getPropertyValue("line-height").replace("px","")),c=parseInt(n.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=_o[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
|
|
2413
2413
|
<div class="o-toast">
|
|
2414
2414
|
<div class="o-toast-icon">
|
|
2415
2415
|
${_(t)}
|
package/index.mjs
CHANGED
|
@@ -95,8 +95,8 @@ let nt = class extends HTMLElement {
|
|
|
95
95
|
this[e] = s;
|
|
96
96
|
} };
|
|
97
97
|
return { get: i, set(s) {
|
|
98
|
-
const
|
|
99
|
-
n == null || n.call(this, s), this.requestUpdate(t,
|
|
98
|
+
const c = i == null ? void 0 : i.call(this);
|
|
99
|
+
n == null || n.call(this, s), this.requestUpdate(t, c, r);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
@@ -192,8 +192,8 @@ let nt = class extends HTMLElement {
|
|
|
192
192
|
var n, s;
|
|
193
193
|
const r = this.constructor, i = r._$Eh.get(t);
|
|
194
194
|
if (i !== void 0 && this._$Em !== i) {
|
|
195
|
-
const
|
|
196
|
-
this._$Em = i, this[i] =
|
|
195
|
+
const c = r.getPropertyOptions(i), h = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((n = c.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? c.converter : St;
|
|
196
|
+
this._$Em = i, this[i] = h.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
requestUpdate(t, e, r) {
|
|
@@ -231,8 +231,8 @@ let nt = class extends HTMLElement {
|
|
|
231
231
|
}
|
|
232
232
|
const i = this.constructor.elementProperties;
|
|
233
233
|
if (i.size > 0) for (const [n, s] of i) {
|
|
234
|
-
const { wrapped:
|
|
235
|
-
|
|
234
|
+
const { wrapped: c } = s, h = this[n];
|
|
235
|
+
c !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, s, h);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
let t = !1;
|
|
@@ -292,12 +292,12 @@ function me(o, t) {
|
|
|
292
292
|
const De = (o, t) => {
|
|
293
293
|
const e = o.length - 1, r = [];
|
|
294
294
|
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ct;
|
|
295
|
-
for (let
|
|
296
|
-
const
|
|
295
|
+
for (let c = 0; c < e; c++) {
|
|
296
|
+
const h = o[c];
|
|
297
297
|
let m, w, f = -1, U = 0;
|
|
298
|
-
for (; U <
|
|
299
|
-
const Z = s === J && o[
|
|
300
|
-
n += s === ct ?
|
|
298
|
+
for (; U < h.length && (s.lastIndex = U, w = s.exec(h), w !== null); ) U = s.lastIndex, s === ct ? w[1] === "!--" ? s = le : w[1] !== void 0 ? s = ce : w[2] !== void 0 ? (ye.test(w[2]) && (i = RegExp("</" + w[2], "g")), s = J) : w[3] !== void 0 && (s = J) : s === J ? w[0] === ">" ? (s = i ?? ct, f = -1) : w[1] === void 0 ? f = -2 : (f = s.lastIndex - w[2].length, m = w[1], s = w[3] === void 0 ? J : w[3] === '"' ? de : he) : s === de || s === he ? s = J : s === le || s === ce ? s = ct : (s = J, i = void 0);
|
|
299
|
+
const Z = s === J && o[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
n += s === ct ? h + Ie : f >= 0 ? (r.push(m), h.slice(0, f) + be + h.slice(f) + K + Z) : h + K + (f === -2 ? c : Z);
|
|
301
301
|
}
|
|
302
302
|
return [me(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
|
|
303
303
|
};
|
|
@@ -306,29 +306,29 @@ class ft {
|
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let n = 0, s = 0;
|
|
309
|
-
const
|
|
309
|
+
const c = t.length - 1, h = this.parts, [m, w] = De(t, e);
|
|
310
310
|
if (this.el = ft.createElement(m, r), Q.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const f = this.el.content.firstChild;
|
|
312
312
|
f.replaceWith(...f.childNodes);
|
|
313
313
|
}
|
|
314
|
-
for (; (i = Q.nextNode()) !== null &&
|
|
314
|
+
for (; (i = Q.nextNode()) !== null && h.length < c; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(be)) {
|
|
317
317
|
const U = w[s++], Z = i.getAttribute(f).split(K), Ct = /([.?@])?(.*)/.exec(U);
|
|
318
|
-
|
|
319
|
-
} else f.startsWith(K) && (
|
|
318
|
+
h.push({ type: 1, index: n, name: Ct[2], strings: Z, ctor: Ct[1] === "." ? Te : Ct[1] === "?" ? Me : Ct[1] === "@" ? je : Lt }), i.removeAttribute(f);
|
|
319
|
+
} else f.startsWith(K) && (h.push({ type: 6, index: n }), i.removeAttribute(f));
|
|
320
320
|
if (ye.test(i.tagName)) {
|
|
321
321
|
const f = i.textContent.split(K), U = f.length - 1;
|
|
322
322
|
if (U > 0) {
|
|
323
323
|
i.textContent = At ? At.emptyScript : "";
|
|
324
|
-
for (let Z = 0; Z < U; Z++) i.append(f[Z], ut()), Q.nextNode(),
|
|
324
|
+
for (let Z = 0; Z < U; Z++) i.append(f[Z], ut()), Q.nextNode(), h.push({ type: 2, index: ++n });
|
|
325
325
|
i.append(f[U], ut());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (i.nodeType === 8) if (i.data === ge)
|
|
328
|
+
} else if (i.nodeType === 8) if (i.data === ge) h.push({ type: 2, index: n });
|
|
329
329
|
else {
|
|
330
330
|
let f = -1;
|
|
331
|
-
for (; (f = i.data.indexOf(K, f + 1)) !== -1; )
|
|
331
|
+
for (; (f = i.data.indexOf(K, f + 1)) !== -1; ) h.push({ type: 7, index: n }), f += K.length - 1;
|
|
332
332
|
}
|
|
333
333
|
n++;
|
|
334
334
|
}
|
|
@@ -339,11 +339,11 @@ class ft {
|
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
function st(o, t, e = o, r) {
|
|
342
|
-
var s,
|
|
342
|
+
var s, c;
|
|
343
343
|
if (t === G) return t;
|
|
344
344
|
let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
|
|
345
345
|
const n = vt(t) ? void 0 : t._$litDirective$;
|
|
346
|
-
return (i == null ? void 0 : i.constructor) !== n && ((
|
|
346
|
+
return (i == null ? void 0 : i.constructor) !== n && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = st(o, i._$AS(o, t.values), i, r)), t;
|
|
347
347
|
}
|
|
348
348
|
class He {
|
|
349
349
|
constructor(t, e) {
|
|
@@ -358,13 +358,13 @@ class He {
|
|
|
358
358
|
u(t) {
|
|
359
359
|
const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? tt).importNode(e, !0);
|
|
360
360
|
Q.currentNode = i;
|
|
361
|
-
let n = Q.nextNode(), s = 0,
|
|
362
|
-
for (;
|
|
363
|
-
if (s ===
|
|
361
|
+
let n = Q.nextNode(), s = 0, c = 0, h = r[0];
|
|
362
|
+
for (; h !== void 0; ) {
|
|
363
|
+
if (s === h.index) {
|
|
364
364
|
let m;
|
|
365
|
-
|
|
365
|
+
h.type === 2 ? m = new $t(n, n.nextSibling, this, t) : h.type === 1 ? m = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (m = new Re(n, this, t)), this._$AV.push(m), h = r[++c];
|
|
366
366
|
}
|
|
367
|
-
s !== (
|
|
367
|
+
s !== (h == null ? void 0 : h.index) && (n = Q.nextNode(), s++);
|
|
368
368
|
}
|
|
369
369
|
return Q.currentNode = tt, i;
|
|
370
370
|
}
|
|
@@ -409,8 +409,8 @@ class $t {
|
|
|
409
409
|
const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = ft.createElement(me(r.h, r.h[0]), this.options)), r);
|
|
410
410
|
if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const s = new He(i, this),
|
|
413
|
-
s.p(e), this.T(
|
|
412
|
+
const s = new He(i, this), c = s.u(this.options);
|
|
413
|
+
s.p(e), this.T(c), this._$AH = s;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
_$AC(t) {
|
|
@@ -451,9 +451,9 @@ class Lt {
|
|
|
451
451
|
let s = !1;
|
|
452
452
|
if (n === void 0) t = st(this, t, e, 0), s = !vt(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
|
-
const
|
|
455
|
-
let
|
|
456
|
-
for (t = n[0],
|
|
454
|
+
const c = t;
|
|
455
|
+
let h, m;
|
|
456
|
+
for (t = n[0], h = 0; h < n.length - 1; h++) m = st(this, c[r + h], e, h), m === G && (m = this._$AH[h]), s || (s = !vt(m) || m !== this._$AH[h]), m === d ? t = d : t !== d && (t += (m ?? "") + n[h + 1]), this._$AH[h] = m;
|
|
457
457
|
}
|
|
458
458
|
s && !i && this.j(t);
|
|
459
459
|
}
|
|
@@ -569,18 +569,18 @@ const Ne = { attribute: !0, type: String, converter: St, reflect: !1, hasChanged
|
|
|
569
569
|
let n = globalThis.litPropertyMetadata.get(i);
|
|
570
570
|
if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), r === "accessor") {
|
|
571
571
|
const { name: s } = e;
|
|
572
|
-
return { set(
|
|
573
|
-
const
|
|
574
|
-
t.set.call(this,
|
|
575
|
-
}, init(
|
|
576
|
-
return
|
|
572
|
+
return { set(c) {
|
|
573
|
+
const h = t.get.call(this);
|
|
574
|
+
t.set.call(this, c), this.requestUpdate(s, h, o);
|
|
575
|
+
}, init(c) {
|
|
576
|
+
return c !== void 0 && this.C(s, void 0, o, c), c;
|
|
577
577
|
} };
|
|
578
578
|
}
|
|
579
579
|
if (r === "setter") {
|
|
580
580
|
const { name: s } = e;
|
|
581
|
-
return function(
|
|
582
|
-
const
|
|
583
|
-
t.call(this,
|
|
581
|
+
return function(c) {
|
|
582
|
+
const h = this[s];
|
|
583
|
+
t.call(this, c), this.requestUpdate(s, h, o);
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
586
|
throw Error("Unsupported decorator location: " + r);
|
|
@@ -613,8 +613,8 @@ const Ve = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorat
|
|
|
613
613
|
function xe(o, t) {
|
|
614
614
|
return (e, r, i) => {
|
|
615
615
|
const n = (s) => {
|
|
616
|
-
var
|
|
617
|
-
return ((
|
|
616
|
+
var c;
|
|
617
|
+
return ((c = s.renderRoot) == null ? void 0 : c.querySelector(o)) ?? null;
|
|
618
618
|
};
|
|
619
619
|
return Ve(e, r, { get() {
|
|
620
620
|
return n(this);
|
|
@@ -655,8 +655,8 @@ function qe(o) {
|
|
|
655
655
|
const e = t;
|
|
656
656
|
e.addEventListener("click", async (r) => {
|
|
657
657
|
const { type: i, [qt]: n } = e, { form: s } = n;
|
|
658
|
-
if (!(!s || i === "button") && (await new Promise((
|
|
659
|
-
setTimeout(
|
|
658
|
+
if (!(!s || i === "button") && (await new Promise((c) => {
|
|
659
|
+
setTimeout(c);
|
|
660
660
|
}), !r.defaultPrevented)) {
|
|
661
661
|
if (i === "reset") {
|
|
662
662
|
s.reset();
|
|
@@ -664,8 +664,8 @@ function qe(o) {
|
|
|
664
664
|
}
|
|
665
665
|
s.addEventListener(
|
|
666
666
|
"submit",
|
|
667
|
-
(
|
|
668
|
-
Object.defineProperty(
|
|
667
|
+
(c) => {
|
|
668
|
+
Object.defineProperty(c, "submitter", {
|
|
669
669
|
configurable: !0,
|
|
670
670
|
enumerable: !0,
|
|
671
671
|
get: () => e
|
|
@@ -1376,7 +1376,7 @@ let p = class extends u {
|
|
|
1376
1376
|
document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
|
|
1377
1377
|
}
|
|
1378
1378
|
async focusDetailReturnBtn() {
|
|
1379
|
-
var i, n, s,
|
|
1379
|
+
var i, n, s, c, h;
|
|
1380
1380
|
await this.updateComplete;
|
|
1381
1381
|
const o = this.getDeepActiveElement(document);
|
|
1382
1382
|
if (o && o !== document.body)
|
|
@@ -1387,8 +1387,8 @@ let p = class extends u {
|
|
|
1387
1387
|
await new Promise(requestAnimationFrame);
|
|
1388
1388
|
const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".detail-view .return-btn");
|
|
1389
1389
|
if (!t) return;
|
|
1390
|
-
t.updateComplete && await t.updateComplete, (
|
|
1391
|
-
const r = (
|
|
1390
|
+
t.updateComplete && await t.updateComplete, (c = (s = ((n = t.shadowRoot) == null ? void 0 : n.querySelector("button")) ?? t) == null ? void 0 : s.focus) == null || c.call(s, { preventScroll: !0 });
|
|
1391
|
+
const r = (h = this.shadowRoot) == null ? void 0 : h.querySelector('.panel[role="dialog"]');
|
|
1392
1392
|
r && r.setAttribute("aria-label", this.headerTitle);
|
|
1393
1393
|
}
|
|
1394
1394
|
_setPriceTabindex() {
|
|
@@ -1436,12 +1436,12 @@ let p = class extends u {
|
|
|
1436
1436
|
var s;
|
|
1437
1437
|
const n = [i.matches(p.focusablesSelector) ? i : []];
|
|
1438
1438
|
if (!["o-icon-button", "o-button"].includes(i.tagName.toLowerCase())) {
|
|
1439
|
-
const
|
|
1439
|
+
const c = Array.from(
|
|
1440
1440
|
i instanceof HTMLSlotElement ? i.assignedElements({ flatten: !0 }) : []
|
|
1441
|
-
).filter(t).flatMap(e),
|
|
1441
|
+
).filter(t).flatMap(e), h = Array.from(
|
|
1442
1442
|
((s = i.shadowRoot) == null ? void 0 : s.querySelectorAll("*")) || []
|
|
1443
1443
|
).filter(t).flatMap(e);
|
|
1444
|
-
n.push(...
|
|
1444
|
+
n.push(...c, ...h);
|
|
1445
1445
|
}
|
|
1446
1446
|
return n.flat();
|
|
1447
1447
|
}
|
|
@@ -3725,17 +3725,20 @@ let yt = class extends u {
|
|
|
3725
3725
|
super(...arguments), this.option = {}, this.imageSize = 64;
|
|
3726
3726
|
}
|
|
3727
3727
|
render() {
|
|
3728
|
-
const o =
|
|
3728
|
+
const o = (s) => {
|
|
3729
|
+
const c = document.createElement("textarea");
|
|
3730
|
+
return c.innerHTML = s, c.value;
|
|
3731
|
+
}, t = this.option && this.option.clickable, e = {
|
|
3729
3732
|
width: `${this.imageSize}px`,
|
|
3730
3733
|
height: `${this.imageSize}px`
|
|
3731
|
-
},
|
|
3732
|
-
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${S(
|
|
3734
|
+
}, r = this.option && this.option.title ? o(this.option.title) : "", i = this.option && this.option.description ? o(this.option.description) : "", n = l`
|
|
3735
|
+
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${S(r)}" aria-hidden="true" style=${ri(e)} />` : ""}
|
|
3733
3736
|
<div class="m-reassurance-content">
|
|
3734
|
-
<h3 class="a-reassurance-text">${S(
|
|
3735
|
-
<p class="a-reassurance-description">${S(
|
|
3737
|
+
<h3 class="a-reassurance-text">${S(r)}</h3>
|
|
3738
|
+
<p class="a-reassurance-description">${S(i)}</p>
|
|
3736
3739
|
</div>
|
|
3737
3740
|
`;
|
|
3738
|
-
return
|
|
3741
|
+
return t ? l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${n}</a>` : l`<div class="reassurance-item">${n}</div>`;
|
|
3739
3742
|
}
|
|
3740
3743
|
};
|
|
3741
3744
|
yt.styles = v`
|
|
@@ -3798,7 +3801,7 @@ yt.styles = v`
|
|
|
3798
3801
|
letter-spacing: var(--letter-spacing-400);
|
|
3799
3802
|
text-transform: uppercase;
|
|
3800
3803
|
margin: var(--spacing-4-xs);
|
|
3801
|
-
|
|
3804
|
+
display: -webkit-box;
|
|
3802
3805
|
-webkit-line-clamp: 1;
|
|
3803
3806
|
line-clamp: 1;
|
|
3804
3807
|
-webkit-box-orient: vertical;
|
|
@@ -4511,8 +4514,8 @@ let $ = class extends u {
|
|
|
4511
4514
|
var o = this;
|
|
4512
4515
|
const t = (r = this.renderRoot) == null ? void 0 : r.querySelector("o-icon-button"), e = (i = this.renderRoot) == null ? void 0 : i.querySelector(".o-toast-text");
|
|
4513
4516
|
if (e != null) {
|
|
4514
|
-
const n = window.getComputedStyle(e), s = parseInt(n.getPropertyValue("line-height").replace("px", "")),
|
|
4515
|
-
!isNaN(s) && !isNaN(
|
|
4517
|
+
const n = window.getComputedStyle(e), s = parseInt(n.getPropertyValue("line-height").replace("px", "")), c = parseInt(n.getPropertyValue("height").replace("px", ""));
|
|
4518
|
+
!isNaN(s) && !isNaN(c) && c > s && (this.multiline = !0);
|
|
4516
4519
|
}
|
|
4517
4520
|
t != null && t.addEventListener("click", function() {
|
|
4518
4521
|
o.remove();
|