@florid-kit/components 0.7.8 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/reassurance.d.ts +19 -0
- package/index.js +168 -73
- package/index.mjs +523 -373
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,37 +2,37 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const st=globalThis,wt=st.ShadowRoot&&(st.ShadyCSS===void 0||st.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,xt=Symbol(),Et=new WeakMap;let jt=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==xt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(wt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Et.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Et.set(e,t))}return t}toString(){return this.cssText}};const Kt=o=>new jt(typeof o=="string"?o:o+"",void 0,xt),m=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,s)=>n+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[s+1],o[0]);return new jt(e,o,xt)},Gt=(o,t)=>{if(wt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=st.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Lt=wt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Kt(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Xt,defineProperty:Jt,getOwnPropertyDescriptor:Yt,getOwnPropertyNames:Qt,getOwnPropertySymbols:te,getPrototypeOf:ee}=Object,z=globalThis,It=z.trustedTypes,oe=It?It.emptyScript:"",pt=z.reactiveElementPolyfillSupport,X=(o,t)=>o,at={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}},$t=(o,t)=>!Xt(o,t),Ot={attribute:!0,type:String,converter:at,reflect:!1,useDefault:!1,hasChanged:$t};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),z.litPropertyMetadata??(z.litPropertyMetadata=new WeakMap);let V=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=Ot){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 n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Jt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:s}=Yt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:i,set(r){const h=i==null?void 0:i.call(this);s==null||s.call(this,r),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ot}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;const t=ee(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){const e=this.properties,n=[...Qt(e),...te(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(Lt(i))}else t!==void 0&&e.push(Lt(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n: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 n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Gt(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 n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var s;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:at).toAttribute(e,n.type);this._$Em=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){var s,r;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=n.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((s=h.converter)==null?void 0:s.fromAttribute)!==void 0?h.converter:at;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((r=this._$Ej)==null?void 0:r.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??$t)(r,e)||n.useDefault&&n.reflect&&r===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(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 n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[s,r]of i){const{wrapped:h}=r,c=this[s];h!==!0||this._$AL.has(s)||c===void 0||this.C(s,void 0,r,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var s;return(s=i.hostUpdate)==null?void 0:s.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(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),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){}};V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[X("elementProperties")]=new Map,V[X("finalized")]=new Map,pt==null||pt({ReactiveElement:V}),(z.reactiveElementVersions??(z.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const J=globalThis,
|
|
14
|
-
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const J=globalThis,lt=J.trustedTypes,Pt=lt?lt.createPolicy("lit-html",{createHTML:o=>o}):void 0,Ut="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Rt="?"+B,ie=`<${Rt}>`,R=document,Y=()=>R.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",_t=Array.isArray,ne=o=>_t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",ut=`[
|
|
14
|
+
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Bt=/-->/g,zt=/>/g,T=RegExp(`>|${ut}(?:([^\\s"'>=/]+)(${ut}*=${ut}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Dt=/'/g,Ht=/"/g,Ft=/^(?:script|style|textarea|title)$/i,re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=re(1),D=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Mt=new WeakMap,j=R.createTreeWalker(R,129);function Nt(o,t){if(!_t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Pt!==void 0?Pt.createHTML(t):t}const se=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,f,p=-1,L=0;for(;L<c.length&&(r.lastIndex=L,f=r.exec(c),f!==null);)L=r.lastIndex,r===G?f[1]==="!--"?r=Bt:f[1]!==void 0?r=zt:f[2]!==void 0?(Ft.test(f[2])&&(i=RegExp("</"+f[2],"g")),r=T):f[3]!==void 0&&(r=T):r===T?f[0]===">"?(r=i??G,p=-1):f[1]===void 0?p=-2:(p=r.lastIndex-f[2].length,v=f[1],r=f[3]===void 0?T:f[3]==='"'?Ht:Dt):r===Ht||r===Dt?r=T:r===Bt||r===zt?r=G:(r=T,i=void 0);const P=r===T&&o[h+1].startsWith("/>")?" ":"";s+=r===G?c+ie:p>=0?(n.push(v),c.slice(0,p)+Ut+c.slice(p)+B+P):c+B+(p===-2?h:P)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,c=this.parts,[v,f]=se(t,e);if(this.el=tt.createElement(v,n),j.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=j.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ut)){const L=f[r++],P=i.getAttribute(p).split(B),rt=/([.?@])?(.*)/.exec(L);c.push({type:1,index:s,name:rt[2],strings:P,ctor:rt[1]==="."?le:rt[1]==="?"?ce:rt[1]==="@"?he:ct}),i.removeAttribute(p)}else p.startsWith(B)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(Ft.test(i.tagName)){const p=i.textContent.split(B),L=p.length-1;if(L>0){i.textContent=lt?lt.emptyScript:"";for(let P=0;P<L;P++)i.append(p[P],Y()),j.nextNode(),c.push({type:2,index:++s});i.append(p[L],Y())}}}else if(i.nodeType===8)if(i.data===Rt)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(B,p+1))!==-1;)c.push({type:7,index:s}),p+=B.length-1}s++}}static createElement(t,e){const n=R.createElement("template");return n.innerHTML=t,n}}function Z(o,t,e=o,n){var r,h;if(t===D)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,n)),t}class ae{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:n}=this._$AD,i=((t==null?void 0:t.creationScope)??R).importNode(e,!0);j.currentNode=i;let s=j.nextNode(),r=0,h=0,c=n[0];for(;c!==void 0;){if(r===c.index){let v;c.type===2?v=new nt(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new de(s,this,t)),this._$AV.push(v),c=n[++h]}r!==(c==null?void 0:c.index)&&(s=j.nextNode(),r++)}return j.currentNode=R,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class nt{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,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=Z(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==D&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ne(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&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(R.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ae(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Mt.get(t.strings);return e===void 0&&Mt.set(t.strings,e=new tt(t)),e}k(t){_t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new nt(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.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 ct{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=Z(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==D,r&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[n+c],e,c),v===D&&(v=this._$AH[c]),r||(r=!Q(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class le extends ct{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ce extends ct{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class he extends ct{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===D)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&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 de{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const vt=J.litHtmlPolyfillSupport;vt==null||vt(tt,nt),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const pe=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new nt(t.insertBefore(Y(),s),s,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
|
|
19
|
-
*/const U=globalThis;let
|
|
19
|
+
*/const U=globalThis;let b=class extends V{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=pe(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return D}};var Tt;b._$litElement$=!0,b.finalized=!0,(Tt=U.litElementHydrateSupport)==null||Tt.call(U,{LitElement:b});const gt=U.litElementPolyfillSupport;gt==null||gt({LitElement:b});(U.litElementVersions??(U.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const x=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const ue={attribute:!0,type:String,converter:at,reflect:!1,hasChanged:$t},ve=(o=ue,t,e)=>{const{kind:n,metadata:i}=e;let s=globalThis.litPropertyMetadata.get(i);if(s===void 0&&globalThis.litPropertyMetadata.set(i,s=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),s.set(e.name,o),n==="accessor"){const{name:r}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(r,c,o)},init(h){return h!==void 0&&this.C(r,void 0,o,h),h}}}if(n==="setter"){const{name:r}=e;return function(h){const c=this[r];t.call(this,h),this.requestUpdate(r,c,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?ve(o,t,e):((n,i,s)=>{const r=i.hasOwnProperty(s);return i.constructor.createProperty(s,n),r?Object.getOwnPropertyDescriptor(i,s):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function F(o){return a({...o,state:!0,attribute:!1})}const
|
|
31
|
+
*/function F(o){return a({...o,state:!0,attribute:!1})}const ge=m`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
35
|
-
`;
|
|
35
|
+
`;m`
|
|
36
36
|
:host * {
|
|
37
37
|
box-sizing: border-box;
|
|
38
38
|
}
|
|
@@ -40,45 +40,45 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
43
|
+
*/const Ct=Symbol("internals"),bt=Symbol("privateInternals");function be(o){var t;class e extends o{get[(t=Ct,t)](){return this[bt]||(this[bt]=this.attachInternals()),this[bt]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function fe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Ct]:s}=e,{form:r}=s;if(!(!r||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){r.reset();return}r.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),s.setFormValue(e.value),r.requestSubmit()}})})}const ye=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
48
48
|
<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"/>
|
|
49
49
|
</svg>
|
|
50
|
-
`,
|
|
50
|
+
`,me=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
51
51
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
52
52
|
</svg>
|
|
53
|
-
`,
|
|
53
|
+
`,we=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
54
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
55
55
|
</svg>
|
|
56
|
-
`,
|
|
56
|
+
`,xe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
57
57
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
58
58
|
</svg>
|
|
59
|
-
|
|
59
|
+
`,$e=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
60
60
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
61
61
|
</svg>
|
|
62
|
-
`,
|
|
62
|
+
`,_e=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
63
63
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
64
64
|
</svg>
|
|
65
|
-
`,
|
|
65
|
+
`,Ce=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
66
66
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
67
67
|
</svg>
|
|
68
|
-
`,
|
|
68
|
+
`,ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
69
69
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
70
70
|
</svg>
|
|
71
|
-
`,
|
|
71
|
+
`,Ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
72
72
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
73
73
|
</svg>
|
|
74
|
-
`,
|
|
74
|
+
`,Se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
75
75
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
76
76
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
77
77
|
</svg>
|
|
78
|
-
|
|
78
|
+
`,Ee=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
79
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
80
80
|
</svg>
|
|
81
|
-
`,
|
|
81
|
+
`,Le=`<?xml version="1.0" encoding="utf-8"?>
|
|
82
82
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
83
83
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
84
84
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
89
89
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
90
90
|
</svg>
|
|
91
|
-
`,
|
|
91
|
+
`,Ie=`<?xml version="1.0" encoding="utf-8"?>
|
|
92
92
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
93
93
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
94
94
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -97,40 +97,44 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,Oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
101
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
102
102
|
</svg>
|
|
103
|
-
`,
|
|
103
|
+
`,Pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
104
104
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
105
105
|
</svg>
|
|
106
|
-
`,
|
|
106
|
+
`,Be=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
107
107
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
108
108
|
</svg>
|
|
109
|
-
`,
|
|
109
|
+
`,ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
110
110
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
111
111
|
</svg>
|
|
112
|
-
`,
|
|
112
|
+
`,De=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
113
113
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
114
114
|
</svg>
|
|
115
|
-
`,
|
|
115
|
+
`,He=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
116
116
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
117
117
|
</svg>
|
|
118
|
-
`,
|
|
118
|
+
`,Me=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
119
119
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
120
120
|
</svg>
|
|
121
|
-
`,
|
|
121
|
+
`,Te=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
122
|
+
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
123
|
+
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
124
|
+
</svg>
|
|
125
|
+
`,K={wishlist:ye,playerv:me,chevronRight:we,chevronLeft:xe,icoPlus:Le,icoMinus:Ie,"star-0":$e,"star-25":_e,"star-50":Ce,"star-75":ke,"star-100":Ae,cross:Se,search:Ee,arrowLeft:Oe,arrowTop:Pe,cart:Be,notifyme:ze,triangledown:De,triangleup:He,checkstroke:Me,pause:Te};/**
|
|
122
126
|
* @license
|
|
123
127
|
* Copyright 2017 Google LLC
|
|
124
128
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
125
|
-
*/const
|
|
129
|
+
*/const Vt={ATTRIBUTE:1,CHILD:2},Zt=o=>(...t)=>({_$litDirective$:o,values:t});let qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
126
130
|
* @license
|
|
127
131
|
* Copyright 2017 Google LLC
|
|
128
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
129
|
-
*/class
|
|
133
|
+
*/class ft extends qt{constructor(t){if(super(t),this.it=d,t.type!==Vt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===D)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ft.directiveName="unsafeHTML",ft.resultType=1;/**
|
|
130
134
|
* @license
|
|
131
135
|
* Copyright 2017 Google LLC
|
|
132
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
133
|
-
*/class
|
|
137
|
+
*/class yt extends ft{}yt.directiveName="unsafeSVG",yt.resultType=2;const H=Zt(yt);var je=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ue(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&je(t,e,i),i};const Re=be(b);let u=class extends Re{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ct].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=K[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${H(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
134
138
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
135
139
|
${this.startIcon?this.renderIcon("start"):d}
|
|
136
140
|
${o?l`
|
|
@@ -153,7 +157,7 @@
|
|
|
153
157
|
`:l`<slot></slot>`}
|
|
154
158
|
${this.endIcon?this.renderIcon("end"):d}
|
|
155
159
|
</a>
|
|
156
|
-
`}};
|
|
160
|
+
`}};fe(u);u.formAssociated=!0;u.styles=m`
|
|
157
161
|
:host {
|
|
158
162
|
--button-border: transparent;
|
|
159
163
|
cursor: pointer;
|
|
@@ -265,7 +269,7 @@
|
|
|
265
269
|
}
|
|
266
270
|
|
|
267
271
|
.button:focus-visible {
|
|
268
|
-
${
|
|
272
|
+
${ge};
|
|
269
273
|
}
|
|
270
274
|
|
|
271
275
|
span.text + span.text::before {
|
|
@@ -310,12 +314,12 @@
|
|
|
310
314
|
transform: translateX(4px);
|
|
311
315
|
}
|
|
312
316
|
//End icon movment on hover
|
|
313
|
-
`;
|
|
317
|
+
`;w([a()],u.prototype,"type",2);w([a({reflect:!0})],u.prototype,"value",2);w([a({type:String,reflect:!0})],u.prototype,"variant",2);w([a({type:String})],u.prototype,"text",2);w([a({type:String})],u.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);w([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);w([a({type:String})],u.prototype,"href",2);w([a({type:String})],u.prototype,"target",2);u=w([x("o-button")],u);var Fe=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let q=class extends b{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=K.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
314
318
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
315
319
|
<span class="sr-only">${this.label}</span>
|
|
316
|
-
${
|
|
320
|
+
${H(o)}
|
|
317
321
|
</button>
|
|
318
|
-
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};q.styles=
|
|
322
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};q.styles=m`
|
|
319
323
|
:host {
|
|
320
324
|
display: inline-flex;
|
|
321
325
|
justify-content: center;
|
|
@@ -379,27 +383,27 @@
|
|
|
379
383
|
width: 0.1rem !important;
|
|
380
384
|
white-space: nowrap !important;
|
|
381
385
|
}
|
|
382
|
-
`;
|
|
386
|
+
`;ht([a({type:String,reflect:!0})],q.prototype,"status",2);ht([a({type:String,reflect:!0})],q.prototype,"ariaDescribedBy",2);ht([a({type:String,reflect:!0})],q.prototype,"label",2);q=ht([x("o-wishlist-button")],q);/**
|
|
383
387
|
* @license
|
|
384
388
|
* Copyright 2018 Google LLC
|
|
385
389
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
386
|
-
*/const
|
|
390
|
+
*/const $=o=>o??d;var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,S=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let _=class extends b{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=K[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
387
391
|
${this.type==="span"?l`
|
|
388
392
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
389
|
-
${
|
|
393
|
+
${H(e)}
|
|
390
394
|
</span>
|
|
391
395
|
`:l`
|
|
392
396
|
<button
|
|
393
397
|
type="button"
|
|
394
|
-
aria-label=${
|
|
398
|
+
aria-label=${$(i)}
|
|
395
399
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
396
400
|
?disabled="${this.disabled}"
|
|
397
401
|
>
|
|
398
|
-
${
|
|
402
|
+
${H(e)}
|
|
399
403
|
${n}
|
|
400
404
|
</button>
|
|
401
405
|
`}
|
|
402
|
-
`}};
|
|
406
|
+
`}};_.styles=m`
|
|
403
407
|
:host {
|
|
404
408
|
display: inline-flex;
|
|
405
409
|
justify-content: center;
|
|
@@ -601,10 +605,10 @@
|
|
|
601
605
|
.sr-only {
|
|
602
606
|
display: none;
|
|
603
607
|
}
|
|
604
|
-
`;
|
|
608
|
+
`;S([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);S([a({type:String,reflect:!0})],_.prototype,"size",2);S([a({type:String,reflect:!0})],_.prototype,"status",2);S([a({type:String,reflect:!0})],_.prototype,"type",2);S([a({type:String})],_.prototype,"strokewidth",2);S([a({type:String})],_.prototype,"icon",2);S([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);S([a({type:Boolean})],_.prototype,"showSrLabel",2);S([a({type:String})],_.prototype,"srLabel",2);_=S([x("o-icon-button")],_);var qe=Object.defineProperty,We=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?We(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&qe(t,e,i),i};let I=class extends b{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
605
609
|
<a
|
|
606
610
|
href="${o}"
|
|
607
|
-
target="${
|
|
611
|
+
target="${$(this.target||void 0)}"
|
|
608
612
|
@click="${this._handleClick}"
|
|
609
613
|
>
|
|
610
614
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -627,7 +631,7 @@
|
|
|
627
631
|
></o-icon-button>
|
|
628
632
|
`:null}
|
|
629
633
|
</a>
|
|
630
|
-
`}};
|
|
634
|
+
`}};I.styles=m`
|
|
631
635
|
:host([template="standard"]) a {
|
|
632
636
|
color: var(--color-content-action-secondary);
|
|
633
637
|
font-size: var(--font-size-200);
|
|
@@ -714,14 +718,14 @@
|
|
|
714
718
|
height: 1px;
|
|
715
719
|
}
|
|
716
720
|
/* End of underline effect */
|
|
717
|
-
`;
|
|
721
|
+
`;N([a({type:String})],I.prototype,"href",2);N([a({type:String})],I.prototype,"target",2);N([a({type:String,reflect:!0})],I.prototype,"template",2);N([a({type:Boolean,reflect:!0})],I.prototype,"inverse",2);N([a({type:Boolean,reflect:!0})],I.prototype,"endIcon",2);N([a({type:Boolean,reflect:!0})],I.prototype,"reverseEndIcon",2);I=N([x("o-link")],I);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let W=class extends b{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
718
722
|
<div class="rating">
|
|
719
723
|
<div class="stars">
|
|
720
|
-
${o.map(t=>l`<span class="star">${
|
|
724
|
+
${o.map(t=>l`<span class="star">${H(K[t]??"")}</span>`)}
|
|
721
725
|
</div>
|
|
722
726
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
723
727
|
</div>
|
|
724
|
-
`}};W.styles=
|
|
728
|
+
`}};W.styles=m`
|
|
725
729
|
svg {
|
|
726
730
|
width: 12px;
|
|
727
731
|
height: 12px;
|
|
@@ -754,7 +758,7 @@
|
|
|
754
758
|
text-decoration: underline;
|
|
755
759
|
cursor: pointer;
|
|
756
760
|
}
|
|
757
|
-
`;
|
|
761
|
+
`;dt([a({type:Number})],W.prototype,"rating",2);dt([a({type:String})],W.prototype,"reviewCount",2);dt([a({type:String})],W.prototype,"href",2);W=dt([x("o-rating")],W);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let g=class extends b{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return l`
|
|
758
762
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
759
763
|
<div
|
|
760
764
|
class="panel"
|
|
@@ -800,7 +804,7 @@
|
|
|
800
804
|
</div>
|
|
801
805
|
`:null}
|
|
802
806
|
</div>
|
|
803
|
-
`}};
|
|
807
|
+
`}};g.styles=m`
|
|
804
808
|
:host {
|
|
805
809
|
--z-overlay: 99;
|
|
806
810
|
--z-panel: 100;
|
|
@@ -940,7 +944,7 @@
|
|
|
940
944
|
--line-height: var(--line-height-280);
|
|
941
945
|
}
|
|
942
946
|
}
|
|
943
|
-
`;y([a({type:Boolean,reflect:!0})],
|
|
947
|
+
`;y([a({type:Boolean,reflect:!0})],g.prototype,"open",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);y([a({type:Function})],g.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);y([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=y([x("o-side-panel")],g);var Ye=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ye(t,e,i),i};let A=class extends b{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
944
948
|
<o-icon-button
|
|
945
949
|
icon="playerv"
|
|
946
950
|
size="xsmall"
|
|
@@ -971,7 +975,7 @@
|
|
|
971
975
|
</li>
|
|
972
976
|
`})}
|
|
973
977
|
</ul>
|
|
974
|
-
`}};
|
|
978
|
+
`}};A.styles=m`
|
|
975
979
|
:host {
|
|
976
980
|
display: flex;
|
|
977
981
|
gap: 5px;
|
|
@@ -1074,9 +1078,9 @@
|
|
|
1074
1078
|
height: 0;
|
|
1075
1079
|
width: 0;
|
|
1076
1080
|
}
|
|
1077
|
-
`;
|
|
1081
|
+
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:String})],A.prototype,"altressource",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([F()],A.prototype,"focusedIndex",2);A=M([x("thumbnail-navigation")],A);var to=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?eo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&to(t,e,i),i};let et=class extends b{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1078
1082
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1079
|
-
`}};et.styles=
|
|
1083
|
+
`}};et.styles=m`
|
|
1080
1084
|
.tag {
|
|
1081
1085
|
display: inline-block;
|
|
1082
1086
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1131,12 +1135,12 @@
|
|
|
1131
1135
|
background-color: var(--color-content-success);
|
|
1132
1136
|
}
|
|
1133
1137
|
|
|
1134
|
-
`;
|
|
1138
|
+
`;kt([a({type:String,reflect:!0})],et.prototype,"type",2);kt([a({type:String,reflect:!0})],et.prototype,"bgstyle",2);et=kt([x("o-tag")],et);var oo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,At=(o,t,e,n)=>{for(var i=n>1?void 0:n?io(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&oo(t,e,i),i};let ot=class extends b{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1135
1139
|
<div class="tooltip">
|
|
1136
1140
|
<span class="tooltiptext">${this.text}</span>
|
|
1137
1141
|
<slot></slot>
|
|
1138
1142
|
</div>
|
|
1139
|
-
`}};ot.styles=
|
|
1143
|
+
`}};ot.styles=m`
|
|
1140
1144
|
.tooltip {
|
|
1141
1145
|
position: relative;
|
|
1142
1146
|
display: inline-block;
|
|
@@ -1228,7 +1232,7 @@
|
|
|
1228
1232
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1229
1233
|
}
|
|
1230
1234
|
|
|
1231
|
-
`;
|
|
1235
|
+
`;At([a({type:String,reflect:!0})],ot.prototype,"type",2);At([a({type:String,reflect:!0})],ot.prototype,"text",2);ot=At([x("o-tooltip")],ot);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,O=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let k=class extends b{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=K.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1232
1236
|
<button
|
|
1233
1237
|
role="combobox"
|
|
1234
1238
|
aria-haspopup="listbox"
|
|
@@ -1268,15 +1272,15 @@
|
|
|
1268
1272
|
${e.url?l`
|
|
1269
1273
|
<a href="${e.url}">
|
|
1270
1274
|
<span>${e.label}</span>
|
|
1271
|
-
${e.value===this.value?l`<span class="check">${
|
|
1275
|
+
${e.value===this.value?l`<span class="check">${H(o)}</span>`:null}
|
|
1272
1276
|
</a>`:l`
|
|
1273
1277
|
<span>${e.label}</span>
|
|
1274
|
-
${e.value===this.value?l`<span class="check">${
|
|
1278
|
+
${e.value===this.value?l`<span class="check">${H(o)}</span>`:null}`}
|
|
1275
1279
|
</li>`)}
|
|
1276
1280
|
</ul>`:null}
|
|
1277
1281
|
|
|
1278
1282
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1279
|
-
`}};
|
|
1283
|
+
`}};k.styles=m`
|
|
1280
1284
|
:host {
|
|
1281
1285
|
display: inline-block;
|
|
1282
1286
|
position: relative;
|
|
@@ -1415,7 +1419,7 @@
|
|
|
1415
1419
|
input[type="hidden"] {
|
|
1416
1420
|
display: none;
|
|
1417
1421
|
}
|
|
1418
|
-
`;
|
|
1422
|
+
`;O([a({type:Array,reflect:!0})],k.prototype,"options",2);O([a({type:String,reflect:!0})],k.prototype,"value",2);O([a({type:String,reflect:!0})],k.prototype,"name",2);O([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);O([a({type:String,reflect:!0})],k.prototype,"width",2);O([F()],k.prototype,"open",2);O([F()],k.prototype,"activeIndex",2);O([F()],k.prototype,"menuWidth",2);k=O([x("o-dropdown")],k);var so=Object.getOwnPropertyDescriptor,ao=(o,t,e,n)=>{for(var i=n>1?void 0:n?so(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let mt=class extends b{render(){return l` <span class="dots"></span> `}};mt.styles=m`
|
|
1419
1423
|
:host {
|
|
1420
1424
|
display: flex;
|
|
1421
1425
|
align-items: center;
|
|
@@ -1466,7 +1470,7 @@
|
|
|
1466
1470
|
background-color: var(--color-container-action-primary-pressed);
|
|
1467
1471
|
}
|
|
1468
1472
|
}
|
|
1469
|
-
`;
|
|
1473
|
+
`;mt=ao([x("o-dots")],mt);var lo=Object.defineProperty,co=Object.getOwnPropertyDescriptor,E=(o,t,e,n)=>{for(var i=n>1?void 0:n?co(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&lo(t,e,i),i};let C=class extends b{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=K.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1470
1474
|
<button
|
|
1471
1475
|
role="combobox"
|
|
1472
1476
|
aria-haspopup="listbox"
|
|
@@ -1480,7 +1484,7 @@
|
|
|
1480
1484
|
?disabled=${this.disabled}
|
|
1481
1485
|
class="btn-dropdown"
|
|
1482
1486
|
>
|
|
1483
|
-
<img alt="${
|
|
1487
|
+
<img alt="${$(t==null?void 0:t.label)}" src="${$(t==null?void 0:t.imgurl)}" />
|
|
1484
1488
|
<span id="dropdown-label" class="label">
|
|
1485
1489
|
${t?t.label:"Select an option"}
|
|
1486
1490
|
</span>
|
|
@@ -1514,13 +1518,13 @@
|
|
|
1514
1518
|
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1515
1519
|
@click=${()=>this.selectOption(e)}
|
|
1516
1520
|
>
|
|
1517
|
-
<a href="${
|
|
1518
|
-
<img alt="${
|
|
1521
|
+
<a href="${$(e.url)}">
|
|
1522
|
+
<img alt="${$(e.label)}" src="${$(e.imgurl)}" />
|
|
1519
1523
|
<span class="label">${e.label}</span>
|
|
1520
1524
|
<div class="right">
|
|
1521
|
-
<span class="additional-text">${
|
|
1525
|
+
<span class="additional-text">${$(e.additionaltext)}</span>
|
|
1522
1526
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1523
|
-
<span class="check">${
|
|
1527
|
+
<span class="check">${H(o)}</span>`:null}
|
|
1524
1528
|
</div>
|
|
1525
1529
|
</a>
|
|
1526
1530
|
</li>
|
|
@@ -1528,7 +1532,7 @@
|
|
|
1528
1532
|
</ul>`:null}
|
|
1529
1533
|
|
|
1530
1534
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1531
|
-
`}}
|
|
1535
|
+
`}};C.styles=m`
|
|
1532
1536
|
:host {
|
|
1533
1537
|
display: inline-block;
|
|
1534
1538
|
position: relative;
|
|
@@ -1703,4 +1707,95 @@
|
|
|
1703
1707
|
input[type="hidden"] {
|
|
1704
1708
|
display: none;
|
|
1705
1709
|
}
|
|
1706
|
-
`;
|
|
1710
|
+
`;E([a({type:Array,reflect:!0})],C.prototype,"options",2);E([a({type:String,reflect:!0})],C.prototype,"value",2);E([a({type:String,reflect:!0})],C.prototype,"name",2);E([a({type:String,reflect:!0})],C.prototype,"additionaltext",2);E([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);E([a({type:String,reflect:!0})],C.prototype,"width",2);E([F()],C.prototype,"open",2);E([F()],C.prototype,"activeIndex",2);E([F()],C.prototype,"menuWidth",2);C=E([x("o-dropdown-variant")],C);/**
|
|
1711
|
+
* @license
|
|
1712
|
+
* Copyright 2018 Google LLC
|
|
1713
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1714
|
+
*/const Wt="important",ho=" !"+Wt,po=Zt(class extends qt{constructor(o){var t;if(super(o),o.type!==Vt.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 n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}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 n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const s=typeof i=="string"&&i.endsWith(ho);n.includes("-")||s?e.setProperty(n,s?i.slice(0,-11):i,s?Wt:""):e[n]=i}}return D}});var uo=Object.defineProperty,vo=Object.getOwnPropertyDescriptor,St=(o,t,e,n)=>{for(var i=n>1?void 0:n?vo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&uo(t,e,i),i};let it=class extends b{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
|
|
1715
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${po(t)} />`:""}
|
|
1716
|
+
<div class="m-reassurance-content">
|
|
1717
|
+
<h3 class="a-reassurance-text">${$(this.option.title)}</h3>
|
|
1718
|
+
<p class="a-reassurance-description">${$(this.option.description)}</p>
|
|
1719
|
+
</div>
|
|
1720
|
+
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};it.styles=m`
|
|
1721
|
+
:host {
|
|
1722
|
+
display: inline-block;
|
|
1723
|
+
position: relative;
|
|
1724
|
+
width: 100%;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
.reassurance-item {
|
|
1728
|
+
display: flex;
|
|
1729
|
+
column-gap: var(--spacing-xl);
|
|
1730
|
+
align-items: center;
|
|
1731
|
+
border: var(--border-m) solid var(--color-alpha-dark-lightest);
|
|
1732
|
+
background-color: var(--color-container-bg-white);
|
|
1733
|
+
border-radius: var(--radius-m);
|
|
1734
|
+
padding: var(--spacing-xl);
|
|
1735
|
+
|
|
1736
|
+
&:has(img) {
|
|
1737
|
+
padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
|
|
1738
|
+
}
|
|
1739
|
+
|
|
1740
|
+
&.clickable {
|
|
1741
|
+
text-decoration: none;
|
|
1742
|
+
|
|
1743
|
+
&:disabled {
|
|
1744
|
+
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06);
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
&:hover {
|
|
1748
|
+
border: none;
|
|
1749
|
+
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1752
|
+
&:active {
|
|
1753
|
+
border: none;
|
|
1754
|
+
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.32);
|
|
1755
|
+
}
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
img {
|
|
1759
|
+
display: block;
|
|
1760
|
+
aspect-ratio: 1 / 1;
|
|
1761
|
+
border-radius: var(--radius-s);
|
|
1762
|
+
}
|
|
1763
|
+
|
|
1764
|
+
.m-reassurance-content {
|
|
1765
|
+
display: flex;
|
|
1766
|
+
flex-direction: column;
|
|
1767
|
+
justify-content: flex-start;
|
|
1768
|
+
row-gap: var(--spacing-3-xs);
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
.a-reassurance-text {
|
|
1772
|
+
color: var(--color-content-body);
|
|
1773
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1774
|
+
font-size: var(--font-size-100);
|
|
1775
|
+
font-weight: var(--font-weight-500);
|
|
1776
|
+
line-height: var(--line-height-160);
|
|
1777
|
+
letter-spacing: var(--letter-spacing-400);
|
|
1778
|
+
text-transform: uppercase;
|
|
1779
|
+
margin: var(--spacing-4-xs);
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1782
|
+
.a-reassurance-description {
|
|
1783
|
+
color: var(--color-content-description);
|
|
1784
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1785
|
+
font-size: var(--font-size-150);
|
|
1786
|
+
font-weight: var(--font-weight-400);
|
|
1787
|
+
line-height: var(--line-height-200);
|
|
1788
|
+
margin: var(--spacing-4-xs);
|
|
1789
|
+
display: -webkit-box;
|
|
1790
|
+
-webkit-line-clamp: 2;
|
|
1791
|
+
line-clamp: 2;
|
|
1792
|
+
-webkit-box-orient: vertical;
|
|
1793
|
+
overflow: hidden;
|
|
1794
|
+
|
|
1795
|
+
@media (min-width: 1025px) {
|
|
1796
|
+
-webkit-line-clamp: 3;
|
|
1797
|
+
line-clamp: 3;
|
|
1798
|
+
}
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1801
|
+
`;St([a({type:Object,reflect:!0})],it.prototype,"option",2);St([a({type:Number,reflect:!0})],it.prototype,"imageSize",2);it=St([x("o-reassurance")],it);
|