@florid-kit/components 0.8.39 → 0.8.41
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/minitile.d.ts +16 -0
- package/index.js +206 -89
- package/index.mjs +655 -492
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const vt=globalThis,Pt=vt.ShadowRoot&&(vt.ShadyCSS===void 0||vt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,It=Symbol(),Vt=new WeakMap;let oe=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==It)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(Pt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=Vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Vt.set(e,t))}return t}toString(){return this.cssText}};const ce=o=>new oe(typeof o=="string"?o:o+"",void 0,It),b=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new oe(e,o,It)},he=(o,t)=>{if(Pt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=vt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},Zt=Pt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return ce(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:de,defineProperty:pe,getOwnPropertyDescriptor:ue,getOwnPropertyNames:ve,getOwnPropertySymbols:fe,getPrototypeOf:be}=Object,U=globalThis,qt=U.trustedTypes,ge=qt?qt.emptyScript:"",$t=U.reactiveElementPolyfillSupport,ot=(o,t)=>o,ft={toAttribute(o,t){switch(t){case Boolean:o=o?ge: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}},Ot=(o,t)=>!de(o,t),Wt={attribute:!0,type:String,converter:ft,reflect:!1,useDefault:!1,hasChanged:Ot};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),U.litPropertyMetadata??(U.litPropertyMetadata=new WeakMap);let J=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=Wt){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&&pe(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=ue(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,h,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Wt}static _$Ei(){if(this.hasOwnProperty(ot("elementProperties")))return;const t=be(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ot("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ot("properties"))){const e=this.properties,n=[...ve(e),...fe(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(Zt(i))}else t!==void 0&&e.push(Zt(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 he(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 r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:ft).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;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}:((r=h.converter)==null?void 0:r.fromAttribute)!==void 0?h.converter:ft;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Ot)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==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[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:h}=s,c=this[r];h!==!0||this._$AL.has(r)||c===void 0||this.C(r,void 0,s,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 r;return(r=i.hostUpdate)==null?void 0:r.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){}};J.elementStyles=[],J.shadowRootOptions={mode:"open"},J[ot("elementProperties")]=new Map,J[ot("finalized")]=new Map,$t==null||$t({ReactiveElement:J}),(U.reactiveElementVersions??(U.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const it=globalThis,bt=it.trustedTypes,Kt=bt?bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ie="$lit$",j=`lit$${Math.random().toFixed(9).slice(2)}$`,ne="?"+j,ye=`<${ne}>`,W=document,rt=()=>W.createComment(""),st=o=>o===null||typeof o!="object"&&typeof o!="function",Bt=Array.isArray,me=o=>Bt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",_t=`[
|
|
14
|
+
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Gt=/-->/g,Xt=/>/g,V=RegExp(`>|${_t}(?:([^\\s"'>=/]+)(${_t}*=${_t}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Jt=/'/g,Qt=/"/g,re=/^(?:script|style|textarea|title)$/i,xe=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=xe(1),N=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Yt=new WeakMap,Z=W.createTreeWalker(W,129);function se(o,t){if(!Bt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Kt!==void 0?Kt.createHTML(t):t}const we=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=et;for(let h=0;h<e;h++){const c=o[h];let y,m,p=-1,B=0;for(;B<c.length&&(s.lastIndex=B,m=s.exec(c),m!==null);)B=s.lastIndex,s===et?m[1]==="!--"?s=Gt:m[1]!==void 0?s=Xt:m[2]!==void 0?(re.test(m[2])&&(i=RegExp("</"+m[2],"g")),s=V):m[3]!==void 0&&(s=V):s===V?m[0]===">"?(s=i??et,p=-1):m[1]===void 0?p=-2:(p=s.lastIndex-m[2].length,y=m[1],s=m[3]===void 0?V:m[3]==='"'?Qt:Jt):s===Qt||s===Jt?s=V:s===Gt||s===Xt?s=et:(s=V,i=void 0);const M=s===V&&o[h+1].startsWith("/>")?" ":"";r+=s===et?c+ye:p>=0?(n.push(y),c.slice(0,p)+ie+c.slice(p)+j+M):c+j+(p===-2?h:M)}return[se(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class at{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[y,m]=we(t,e);if(this.el=at.createElement(y,n),Z.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=Z.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(ie)){const B=m[s++],M=i.getAttribute(p).split(j),ut=/([.?@])?(.*)/.exec(B);c.push({type:1,index:r,name:ut[2],strings:M,ctor:ut[1]==="."?_e:ut[1]==="?"?Ce:ut[1]==="@"?ke:yt}),i.removeAttribute(p)}else p.startsWith(j)&&(c.push({type:6,index:r}),i.removeAttribute(p));if(re.test(i.tagName)){const p=i.textContent.split(j),B=p.length-1;if(B>0){i.textContent=bt?bt.emptyScript:"";for(let M=0;M<B;M++)i.append(p[M],rt()),Z.nextNode(),c.push({type:2,index:++r});i.append(p[B],rt())}}}else if(i.nodeType===8)if(i.data===ne)c.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(j,p+1))!==-1;)c.push({type:7,index:r}),p+=j.length-1}r++}}static createElement(t,e){const n=W.createElement("template");return n.innerHTML=t,n}}function Q(o,t,e=o,n){var s,h;if(t===N)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=st(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Q(o,i._$AS(o,t.values),i,n)),t}class $e{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)??W).importNode(e,!0);Z.currentNode=i;let r=Z.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let y;c.type===2?y=new pt(r,r.nextSibling,this,t):c.type===1?y=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(y=new Ae(r,this,t)),this._$AV.push(y),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Z.nextNode(),s++)}return Z.currentNode=W,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 pt{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=Q(this,t,e),st(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==N&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):me(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&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(W.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=at.createElement(se(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new $e(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=Yt.get(t.strings);return e===void 0&&Yt.set(t.strings,e=new at(t)),e}k(t){Bt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new pt(this.O(rt()),this.O(rt()),this,this.options)):n=e[i],n._$AI(r),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 yt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,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 r=this.strings;let s=!1;if(r===void 0)t=Q(this,t,e,0),s=!st(t)||t!==this._$AH&&t!==N,s&&(this._$AH=t);else{const h=t;let c,y;for(t=r[0],c=0;c<r.length-1;c++)y=Q(this,h[n+c],e,c),y===N&&(y=this._$AH[c]),s||(s=!st(y)||y!==this._$AH[c]),y===d?t=d:t!==d&&(t+=(y??"")+r[c+1]),this._$AH[c]=y}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class _e extends yt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ce extends yt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ke extends yt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=Q(this,t,e,0)??d)===N)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&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 Ae{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){Q(this,t)}}const Ct=it.litHtmlPolyfillSupport;Ct==null||Ct(at,pt),(it.litHtmlVersions??(it.litHtmlVersions=[])).push("3.3.0");const Ee=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new pt(t.insertBefore(rt(),r),r,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
|
|
19
|
+
*/const q=globalThis;let u=class extends J{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=Ee(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 N}};var ee;u._$litElement$=!0,u.finalized=!0,(ee=q.litElementHydrateSupport)==null||ee.call(q,{LitElement:u});const kt=q.litElementPolyfillSupport;kt==null||kt({LitElement:u});(q.litElementVersions??(q.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,15 +24,14 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Se={attribute:!0,type:String,converter:ft,reflect:!1,hasChanged:Ot},Le=(o=Se,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(n==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?Le(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
32
|
-
outline: 1px dashed var(--
|
|
31
|
+
*/function K(o){return a({...o,state:!0,attribute:!1})}const mt=b`
|
|
32
|
+
outline: 1px dashed var(--color-border-primary);
|
|
33
33
|
outline-offset: 2px;
|
|
34
|
-
|
|
35
|
-
`;y`
|
|
34
|
+
`;b`
|
|
36
35
|
:host * {
|
|
37
36
|
box-sizing: border-box;
|
|
38
37
|
}
|
|
@@ -40,45 +39,45 @@
|
|
|
40
39
|
* @license
|
|
41
40
|
* Copyright 2023 Google LLC
|
|
42
41
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
42
|
+
*/const zt=Symbol("internals"),At=Symbol("privateInternals");function Dt(o){var t;class e extends o{get[(t=zt,t)](){return this[At]||(this[At]=this.attachInternals()),this[At]}}return e}/**
|
|
44
43
|
* @license
|
|
45
44
|
* Copyright 2023 Google LLC
|
|
46
45
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
46
|
+
*/function Pe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[zt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
48
47
|
<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
48
|
</svg>
|
|
50
|
-
`,
|
|
49
|
+
`,Oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
51
50
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
52
51
|
</svg>
|
|
53
|
-
`,
|
|
52
|
+
`,Be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
53
|
<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
54
|
</svg>
|
|
56
|
-
`,
|
|
55
|
+
`,ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
57
56
|
<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
57
|
</svg>
|
|
59
|
-
`,
|
|
58
|
+
`,De=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
60
59
|
<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
60
|
</svg>
|
|
62
|
-
`,
|
|
61
|
+
`,He=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
63
62
|
<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
63
|
</svg>
|
|
65
|
-
`,
|
|
64
|
+
`,Te=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
66
65
|
<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
66
|
</svg>
|
|
68
|
-
`,
|
|
67
|
+
`,Me=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
69
68
|
<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
69
|
</svg>
|
|
71
|
-
`,
|
|
70
|
+
`,je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
72
71
|
<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
72
|
</svg>
|
|
74
|
-
`,
|
|
73
|
+
`,Ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
75
74
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
76
75
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
77
76
|
</svg>
|
|
78
|
-
`,
|
|
77
|
+
`,Ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
78
|
<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
79
|
</svg>
|
|
81
|
-
`,
|
|
80
|
+
`,Re=`<?xml version="1.0" encoding="utf-8"?>
|
|
82
81
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
83
82
|
<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
83
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -88,7 +87,7 @@
|
|
|
88
87
|
<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
88
|
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
89
|
</svg>
|
|
91
|
-
`,
|
|
90
|
+
`,Fe=`<?xml version="1.0" encoding="utf-8"?>
|
|
92
91
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
93
92
|
<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
93
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -97,53 +96,53 @@
|
|
|
97
96
|
</style>
|
|
98
97
|
<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
98
|
</svg>
|
|
100
|
-
`,
|
|
99
|
+
`,Ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
100
|
<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
101
|
</svg>
|
|
103
|
-
`,
|
|
102
|
+
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
104
103
|
<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
104
|
</svg>
|
|
106
|
-
`,
|
|
105
|
+
`,qe=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
107
106
|
<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
107
|
</svg>
|
|
109
|
-
`,
|
|
108
|
+
`,We=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
110
109
|
<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
110
|
</svg>
|
|
112
|
-
`,
|
|
111
|
+
`,Ke=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
113
112
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
114
113
|
</svg>
|
|
115
|
-
`,
|
|
114
|
+
`,Ge=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
116
115
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
117
116
|
</svg>
|
|
118
|
-
`,
|
|
117
|
+
`,Xe=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
119
118
|
<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
119
|
</svg>
|
|
121
|
-
`,
|
|
120
|
+
`,Je=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
122
121
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
123
122
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
124
123
|
</svg>
|
|
125
|
-
`,
|
|
124
|
+
`,Qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
126
125
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
127
126
|
</svg>
|
|
128
|
-
`,
|
|
127
|
+
`,Ye=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
129
128
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
130
|
-
</svg>`,
|
|
129
|
+
</svg>`,to=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
131
130
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
132
131
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
133
132
|
</svg>
|
|
134
|
-
`,
|
|
133
|
+
`,G={wishlist:Ie,playerv:Oe,chevronRight:Be,chevronLeft:ze,icoPlus:Re,icoMinus:Fe,"star-0":De,"star-25":He,"star-50":Te,"star-75":Me,"star-100":je,cross:Ue,search:Ne,arrowLeft:Ve,arrowTop:Ze,cart:qe,notifyme:We,triangledown:Ke,triangleup:Ge,checkstroke:Xe,pause:Je,mapDualArrow:Qe,swipeDualArrow:to},eo={strikeDiagonal:Ye};/**
|
|
135
134
|
* @license
|
|
136
135
|
* Copyright 2017 Google LLC
|
|
137
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
138
|
-
*/const
|
|
137
|
+
*/const Ht={ATTRIBUTE:1,CHILD:2},Tt=o=>(...t)=>({_$litDirective$:o,values:t});let Mt=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)}};/**
|
|
139
138
|
* @license
|
|
140
139
|
* Copyright 2017 Google LLC
|
|
141
140
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
142
|
-
*/class
|
|
141
|
+
*/class Et extends Mt{constructor(t){if(super(t),this.it=d,t.type!==Ht.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===N)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:[]}}}Et.directiveName="unsafeHTML",Et.resultType=1;/**
|
|
143
142
|
* @license
|
|
144
143
|
* Copyright 2017 Google LLC
|
|
145
144
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
146
|
-
*/class
|
|
145
|
+
*/class St extends Et{}St.directiveName="unsafeSVG",St.resultType=2;const L=Tt(St);var oo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?io(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oo(t,e,i),i};const no=Dt(u);let f=class extends no{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[zt].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=G[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${L(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
147
146
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
148
147
|
${this.startIcon?this.renderIcon("start"):d}
|
|
149
148
|
${o?l`
|
|
@@ -166,13 +165,17 @@
|
|
|
166
165
|
`:l`<slot></slot>`}
|
|
167
166
|
${this.endIcon?this.renderIcon("end"):d}
|
|
168
167
|
</a>
|
|
169
|
-
`}};
|
|
168
|
+
`}};Pe(f);f.formAssociated=!0;f.styles=b`
|
|
170
169
|
:host {
|
|
171
170
|
--button-border: transparent;
|
|
172
171
|
cursor: pointer;
|
|
173
172
|
display: inline-flex;
|
|
174
173
|
}
|
|
175
174
|
|
|
175
|
+
:host(.a--tabfocus) {
|
|
176
|
+
outline: none !important;
|
|
177
|
+
}
|
|
178
|
+
|
|
176
179
|
:host([fullwidth]) {
|
|
177
180
|
width: 100%;
|
|
178
181
|
}
|
|
@@ -278,7 +281,7 @@
|
|
|
278
281
|
}
|
|
279
282
|
|
|
280
283
|
.button:focus-visible {
|
|
281
|
-
${
|
|
284
|
+
${mt};
|
|
282
285
|
}
|
|
283
286
|
|
|
284
287
|
span.text + span.text::before {
|
|
@@ -350,12 +353,12 @@
|
|
|
350
353
|
transform: translateX(4px);
|
|
351
354
|
}
|
|
352
355
|
//End icon movment on hover
|
|
353
|
-
`;w([a()],
|
|
356
|
+
`;w([a()],f.prototype,"type",2);w([a({reflect:!0})],f.prototype,"value",2);w([a({type:String,reflect:!0})],f.prototype,"variant",2);w([a({type:String})],f.prototype,"text",2);w([a({type:String})],f.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],f.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],f.prototype,"disabled",2);w([a({type:String,reflect:!0})],f.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],f.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],f.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],f.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],f.prototype,"panelTarget",2);w([a({type:String})],f.prototype,"href",2);w([a({type:String})],f.prototype,"target",2);w([a({type:Boolean,reflect:!0})],f.prototype,"underlined",2);f=w([x("o-button")],f);var ro=Object.defineProperty,so=Object.getOwnPropertyDescriptor,xt=(o,t,e,n)=>{for(var i=n>1?void 0:n?so(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ro(t,e,i),i};let Y=class extends u{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=G.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
354
357
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
355
358
|
<span class="sr-only">${this.label}</span>
|
|
356
|
-
${
|
|
359
|
+
${L(o)}
|
|
357
360
|
</button>
|
|
358
|
-
`}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()}};
|
|
361
|
+
`}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()}};Y.styles=b`
|
|
359
362
|
:host {
|
|
360
363
|
display: inline-flex;
|
|
361
364
|
justify-content: center;
|
|
@@ -420,14 +423,14 @@
|
|
|
420
423
|
width: 0.1rem !important;
|
|
421
424
|
white-space: nowrap !important;
|
|
422
425
|
}
|
|
423
|
-
`;
|
|
426
|
+
`;xt([a({type:String,reflect:!0})],Y.prototype,"status",2);xt([a({type:String,reflect:!0})],Y.prototype,"ariaDescribedBy",2);xt([a({type:String,reflect:!0})],Y.prototype,"label",2);Y=xt([x("o-wishlist-button")],Y);/**
|
|
424
427
|
* @license
|
|
425
428
|
* Copyright 2018 Google LLC
|
|
426
429
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
427
|
-
*/const $=o=>o??d;var
|
|
430
|
+
*/const $=o=>o??d;var ao=Object.defineProperty,lo=Object.getOwnPropertyDescriptor,I=(o,t,e,n)=>{for(var i=n>1?void 0:n?lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ao(t,e,i),i};let _=class extends u{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=G[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`
|
|
428
431
|
${this.type==="span"?l`
|
|
429
432
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
430
|
-
${
|
|
433
|
+
${L(e)}
|
|
431
434
|
</span>
|
|
432
435
|
`:l`
|
|
433
436
|
<button
|
|
@@ -436,11 +439,11 @@
|
|
|
436
439
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
437
440
|
?disabled="${this.disabled}"
|
|
438
441
|
>
|
|
439
|
-
${
|
|
442
|
+
${L(e)}
|
|
440
443
|
${n}
|
|
441
444
|
</button>
|
|
442
445
|
`}
|
|
443
|
-
`}};_.styles=
|
|
446
|
+
`}};_.styles=b`
|
|
444
447
|
:host {
|
|
445
448
|
display: inline-flex;
|
|
446
449
|
justify-content: center;
|
|
@@ -650,7 +653,7 @@
|
|
|
650
653
|
.sr-only {
|
|
651
654
|
display: none;
|
|
652
655
|
}
|
|
653
|
-
`;
|
|
656
|
+
`;I([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);I([a({type:String,reflect:!0})],_.prototype,"size",2);I([a({type:String,reflect:!0})],_.prototype,"status",2);I([a({type:String,reflect:!0})],_.prototype,"type",2);I([a({type:String})],_.prototype,"strokewidth",2);I([a({type:String})],_.prototype,"icon",2);I([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);I([a({type:Boolean})],_.prototype,"showSrLabel",2);I([a({type:String})],_.prototype,"srLabel",2);_=I([x("o-icon-button")],_);var co=Object.defineProperty,ho=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?ho(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&co(t,e,i),i};let z=class extends u{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`
|
|
654
657
|
<a
|
|
655
658
|
href="${o}"
|
|
656
659
|
target="${$(this.target||void 0)}"
|
|
@@ -676,7 +679,7 @@
|
|
|
676
679
|
></o-icon-button>
|
|
677
680
|
`:null}
|
|
678
681
|
</a>
|
|
679
|
-
`}};
|
|
682
|
+
`}};z.styles=b`
|
|
680
683
|
:host([template="standard"]) a {
|
|
681
684
|
color: var(--color-content-action-secondary);
|
|
682
685
|
font-size: var(--font-size-200);
|
|
@@ -763,14 +766,14 @@
|
|
|
763
766
|
height: 1px;
|
|
764
767
|
}
|
|
765
768
|
/* End of underline effect */
|
|
766
|
-
`;
|
|
769
|
+
`;X([a({type:String})],z.prototype,"href",2);X([a({type:String})],z.prototype,"target",2);X([a({type:String,reflect:!0})],z.prototype,"template",2);X([a({type:Boolean,reflect:!0})],z.prototype,"inverse",2);X([a({type:Boolean,reflect:!0})],z.prototype,"endIcon",2);X([a({type:Boolean,reflect:!0})],z.prototype,"reverseEndIcon",2);z=X([x("o-link")],z);var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor,wt=(o,t,e,n)=>{for(var i=n>1?void 0:n?uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&po(t,e,i),i};let tt=class extends u{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`
|
|
767
770
|
<div class="rating">
|
|
768
771
|
<div class="stars">
|
|
769
|
-
${o.map(t=>l`<span class="star">${
|
|
772
|
+
${o.map(t=>l`<span class="star">${L(G[t]??"")}</span>`)}
|
|
770
773
|
</div>
|
|
771
774
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
772
775
|
</div>
|
|
773
|
-
`}};
|
|
776
|
+
`}};tt.styles=b`
|
|
774
777
|
svg {
|
|
775
778
|
width: 12px;
|
|
776
779
|
height: 12px;
|
|
@@ -803,15 +806,15 @@
|
|
|
803
806
|
text-decoration: underline;
|
|
804
807
|
cursor: pointer;
|
|
805
808
|
}
|
|
806
|
-
`;
|
|
809
|
+
`;wt([a({type:Number})],tt.prototype,"rating",2);wt([a({type:String})],tt.prototype,"reviewCount",2);wt([a({type:String})],tt.prototype,"href",2);tt=wt([x("o-rating")],tt);/**
|
|
807
810
|
* @license
|
|
808
811
|
* Copyright 2020 Google LLC
|
|
809
812
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
810
|
-
*/const
|
|
813
|
+
*/const vo=o=>o.strings===void 0;/**
|
|
811
814
|
* @license
|
|
812
815
|
* Copyright 2017 Google LLC
|
|
813
816
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
814
|
-
*/const
|
|
817
|
+
*/const nt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),nt(i,t);return!0},gt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},ae=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),go(t)}};function fo(o){this._$AN!==void 0?(gt(this),this._$AM=o,ae(this)):this._$AM=o}function bo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)nt(n[r],!1),gt(n[r]);else n!=null&&(nt(n,!1),gt(n));else nt(this,o)}const go=o=>{o.type==Ht.CHILD&&(o._$AP??(o._$AP=bo),o._$AQ??(o._$AQ=fo))};class yo extends Mt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),ae(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(nt(this,t),gt(this))}setValue(t){if(vo(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class mo extends yo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class xo extends mo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class wo extends xo{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const te=Tt(wo);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?_o(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&$o(t,e,i),i};let v=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.closeButtonLabel="Close the modal",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.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.closePanel())}}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(()=>{var o,t,e;if(this.showHeader){const n=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,i=((t=n==null?void 0:n.shadowRoot)==null?void 0:t.querySelector("button"))||null;i&&((e=i.focus)==null||e.call(i))}else{const n=this.getFocusableElements()[0];n==null||n.focus()}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}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(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}`)}render(){return l`
|
|
815
818
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.handleClosePanel}></div>
|
|
816
819
|
<div
|
|
817
820
|
class="panel"
|
|
@@ -843,7 +846,7 @@
|
|
|
843
846
|
variant="${this.firstButtonVariant}"
|
|
844
847
|
@click=${this.handleFirstClick}
|
|
845
848
|
@keydown=${this.handleFirstClick}
|
|
846
|
-
${
|
|
849
|
+
${te(this.firstButtonProps)}
|
|
847
850
|
>
|
|
848
851
|
${this.firstButtonLabel}
|
|
849
852
|
</o-button>
|
|
@@ -854,7 +857,7 @@
|
|
|
854
857
|
variant="${this.secondButtonVariant}"
|
|
855
858
|
@click=${this.handleSecondClick}
|
|
856
859
|
@keydown=${this.handleSecondClick}
|
|
857
|
-
${
|
|
860
|
+
${te(this.secondButtonProps)}
|
|
858
861
|
>
|
|
859
862
|
${this.secondButtonLabel}
|
|
860
863
|
</o-button>
|
|
@@ -862,7 +865,7 @@
|
|
|
862
865
|
</div>
|
|
863
866
|
`:null}
|
|
864
867
|
</div>
|
|
865
|
-
`}};
|
|
868
|
+
`}};v.styles=b`
|
|
866
869
|
:host {
|
|
867
870
|
--z-overlay: 99;
|
|
868
871
|
--z-panel: 100;
|
|
@@ -966,7 +969,7 @@
|
|
|
966
969
|
.panel:focus-visible,
|
|
967
970
|
.close-btn:focus,
|
|
968
971
|
.close-btn:focus-visible {
|
|
969
|
-
${
|
|
972
|
+
${mt}
|
|
970
973
|
}
|
|
971
974
|
|
|
972
975
|
.content {
|
|
@@ -1010,7 +1013,7 @@
|
|
|
1010
1013
|
--line-height: var(--line-height-280);
|
|
1011
1014
|
}
|
|
1012
1015
|
}
|
|
1013
|
-
`;
|
|
1016
|
+
`;g([a({type:Boolean,reflect:!0})],v.prototype,"open",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],v.prototype,"headerTitleClassName",2);g([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);g([a({type:Object,reflect:!0})],v.prototype,"firstButtonProps",2);g([a({type:Boolean,reflect:!0})],v.prototype,"onFirstButtonClickClose",2);g([a({type:String,reflect:!0})],v.prototype,"secondButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"secondButtonVariant",2);g([a({type:Object,reflect:!0})],v.prototype,"secondButtonProps",2);g([a({type:Boolean,reflect:!0})],v.prototype,"onSecondButtonClickClose",2);g([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=g([x("o-side-panel")],v);var Co=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Co(t,e,i),i};let P=class extends u{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1014
1017
|
<o-icon-button
|
|
1015
1018
|
icon="playerv"
|
|
1016
1019
|
size="xsmall"
|
|
@@ -1041,7 +1044,7 @@
|
|
|
1041
1044
|
</li>
|
|
1042
1045
|
`})}
|
|
1043
1046
|
</ul>
|
|
1044
|
-
`}};
|
|
1047
|
+
`}};P.styles=b`
|
|
1045
1048
|
:host {
|
|
1046
1049
|
display: flex;
|
|
1047
1050
|
gap: 5px;
|
|
@@ -1146,9 +1149,9 @@
|
|
|
1146
1149
|
height: 0;
|
|
1147
1150
|
width: 0;
|
|
1148
1151
|
}
|
|
1149
|
-
`;
|
|
1152
|
+
`;R([a({type:Array})],P.prototype,"thumbnails",2);R([a({type:Number})],P.prototype,"activeIndex",2);R([a({type:Array})],P.prototype,"disabledIndexes",2);R([a({type:String})],P.prototype,"maxWidth",2);R([a({type:String})],P.prototype,"altressource",2);R([a({type:Object})],P.prototype,"swiperInstance",2);R([K()],P.prototype,"focusedIndex",2);P=R([x("thumbnail-navigation")],P);var Ao=Object.defineProperty,Eo=Object.getOwnPropertyDescriptor,jt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Eo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ao(t,e,i),i};let lt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1150
1153
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1151
|
-
`}};
|
|
1154
|
+
`}};lt.styles=b`
|
|
1152
1155
|
.tag {
|
|
1153
1156
|
display: inline-block;
|
|
1154
1157
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1203,12 +1206,12 @@
|
|
|
1203
1206
|
background-color: var(--color-content-success);
|
|
1204
1207
|
}
|
|
1205
1208
|
|
|
1206
|
-
`;
|
|
1209
|
+
`;jt([a({type:String,reflect:!0})],lt.prototype,"type",2);jt([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=jt([x("o-tag")],lt);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&So(t,e,i),i};let ct=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1207
1210
|
<div class="tooltip">
|
|
1208
1211
|
<span class="tooltiptext">${this.text}</span>
|
|
1209
1212
|
<slot></slot>
|
|
1210
1213
|
</div>
|
|
1211
|
-
`}};
|
|
1214
|
+
`}};ct.styles=b`
|
|
1212
1215
|
.tooltip {
|
|
1213
1216
|
position: relative;
|
|
1214
1217
|
display: inline-block;
|
|
@@ -1300,7 +1303,7 @@
|
|
|
1300
1303
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1301
1304
|
}
|
|
1302
1305
|
|
|
1303
|
-
`;
|
|
1306
|
+
`;Ut([a({type:String,reflect:!0})],ct.prototype,"type",2);Ut([a({type:String,reflect:!0})],ct.prototype,"text",2);ct=Ut([x("o-tooltip")],ct);var Po=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,D=(o,t,e,n)=>{for(var i=n>1?void 0:n?Io(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Po(t,e,i),i};let A=class extends u{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=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1304
1307
|
<button
|
|
1305
1308
|
role="combobox"
|
|
1306
1309
|
aria-haspopup="listbox"
|
|
@@ -1340,15 +1343,15 @@
|
|
|
1340
1343
|
${e.url?l`
|
|
1341
1344
|
<a href="${e.url}">
|
|
1342
1345
|
<span>${e.label}</span>
|
|
1343
|
-
${e.value===this.value?l`<span class="check">${
|
|
1346
|
+
${e.value===this.value?l`<span class="check">${L(o)}</span>`:null}
|
|
1344
1347
|
</a>`:l`
|
|
1345
1348
|
<span>${e.label}</span>
|
|
1346
|
-
${e.value===this.value?l`<span class="check">${
|
|
1349
|
+
${e.value===this.value?l`<span class="check">${L(o)}</span>`:null}`}
|
|
1347
1350
|
</li>`)}
|
|
1348
1351
|
</ul>`:null}
|
|
1349
1352
|
|
|
1350
1353
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1351
|
-
`}};A.styles=
|
|
1354
|
+
`}};A.styles=b`
|
|
1352
1355
|
:host {
|
|
1353
1356
|
display: inline-block;
|
|
1354
1357
|
position: relative;
|
|
@@ -1487,7 +1490,7 @@
|
|
|
1487
1490
|
input[type="hidden"] {
|
|
1488
1491
|
display: none;
|
|
1489
1492
|
}
|
|
1490
|
-
`;
|
|
1493
|
+
`;D([a({type:Array,reflect:!0})],A.prototype,"options",2);D([a({type:String,reflect:!0})],A.prototype,"value",2);D([a({type:String,reflect:!0})],A.prototype,"name",2);D([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);D([a({type:String,reflect:!0})],A.prototype,"width",2);D([K()],A.prototype,"open",2);D([K()],A.prototype,"activeIndex",2);D([K()],A.prototype,"menuWidth",2);A=D([x("o-dropdown")],A);var Oo=Object.getOwnPropertyDescriptor,Bo=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Lt=class extends u{render(){return l` <span class="dots"></span> `}};Lt.styles=b`
|
|
1491
1494
|
:host {
|
|
1492
1495
|
display: flex;
|
|
1493
1496
|
align-items: center;
|
|
@@ -1538,7 +1541,7 @@
|
|
|
1538
1541
|
background-color: var(--color-container-action-primary-pressed);
|
|
1539
1542
|
}
|
|
1540
1543
|
}
|
|
1541
|
-
`;
|
|
1544
|
+
`;Lt=Bo([x("o-dots")],Lt);var zo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,O=(o,t,e,n)=>{for(var i=n>1?void 0:n?Do(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&zo(t,e,i),i};let C=class extends u{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=G.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1542
1545
|
<button
|
|
1543
1546
|
role="combobox"
|
|
1544
1547
|
aria-haspopup="listbox"
|
|
@@ -1592,7 +1595,7 @@
|
|
|
1592
1595
|
<div class="right">
|
|
1593
1596
|
<span class="additional-text">${$(e.additionaltext)}</span>
|
|
1594
1597
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1595
|
-
<span class="check">${
|
|
1598
|
+
<span class="check">${L(o)}</span>`:null}
|
|
1596
1599
|
</div>
|
|
1597
1600
|
</a>
|
|
1598
1601
|
</li>
|
|
@@ -1600,7 +1603,7 @@
|
|
|
1600
1603
|
</ul>`:null}
|
|
1601
1604
|
|
|
1602
1605
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1603
|
-
`}};C.styles=
|
|
1606
|
+
`}};C.styles=b`
|
|
1604
1607
|
:host {
|
|
1605
1608
|
display: inline-block;
|
|
1606
1609
|
position: relative;
|
|
@@ -1775,17 +1778,17 @@
|
|
|
1775
1778
|
input[type="hidden"] {
|
|
1776
1779
|
display: none;
|
|
1777
1780
|
}
|
|
1778
|
-
`;
|
|
1781
|
+
`;O([a({type:Array,reflect:!0})],C.prototype,"options",2);O([a({type:String,reflect:!0})],C.prototype,"value",2);O([a({type:String,reflect:!0})],C.prototype,"name",2);O([a({type:String,reflect:!0})],C.prototype,"additionaltext",2);O([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);O([a({type:String,reflect:!0})],C.prototype,"width",2);O([K()],C.prototype,"open",2);O([K()],C.prototype,"activeIndex",2);O([K()],C.prototype,"menuWidth",2);C=O([x("o-dropdown-variant")],C);/**
|
|
1779
1782
|
* @license
|
|
1780
1783
|
* Copyright 2018 Google LLC
|
|
1781
1784
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1782
|
-
*/const
|
|
1783
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${
|
|
1785
|
+
*/const le="important",Ho=" !"+le,To=Tt(class extends Mt{constructor(o){var t;if(super(o),o.type!==Ht.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 r=typeof i=="string"&&i.endsWith(Ho);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?le:""):e[n]=i}}return N}});var Mo=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,Nt=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Mo(t,e,i),i};let ht=class extends u{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`
|
|
1786
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${To(t)} />`:""}
|
|
1784
1787
|
<div class="m-reassurance-content">
|
|
1785
1788
|
<h3 class="a-reassurance-text">${$(this.option.title)}</h3>
|
|
1786
1789
|
<p class="a-reassurance-description">${$(this.option.description)}</p>
|
|
1787
1790
|
</div>
|
|
1788
|
-
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};
|
|
1791
|
+
`;return o?l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};ht.styles=b`
|
|
1789
1792
|
:host {
|
|
1790
1793
|
display: inline-block;
|
|
1791
1794
|
position: relative;
|
|
@@ -1866,7 +1869,7 @@
|
|
|
1866
1869
|
overflow: hidden;
|
|
1867
1870
|
}
|
|
1868
1871
|
}
|
|
1869
|
-
`;
|
|
1872
|
+
`;Nt([a({type:Object,reflect:!0})],ht.prototype,"option",2);Nt([a({type:Number,reflect:!0})],ht.prototype,"imageSize",2);ht=Nt([x("o-reassurance")],ht);var Uo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Uo(t,e,i),i};const Ro=Dt(u);let k=class extends Ro{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
|
|
1870
1873
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1871
1874
|
${o?this.text:l`<slot></slot>`}
|
|
1872
1875
|
</a>
|
|
@@ -1875,7 +1878,7 @@
|
|
|
1875
1878
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1876
1879
|
${o?this.text:l`<slot></slot>`}
|
|
1877
1880
|
</button>
|
|
1878
|
-
`}};k.styles=
|
|
1881
|
+
`}};k.styles=b`
|
|
1879
1882
|
:host {
|
|
1880
1883
|
cursor: pointer;
|
|
1881
1884
|
display: inline-flex;
|
|
@@ -1890,6 +1893,10 @@
|
|
|
1890
1893
|
--button-endicon-svg-width: 0px; /* No endicon SVG for secondary button */
|
|
1891
1894
|
}
|
|
1892
1895
|
|
|
1896
|
+
:host(.a--tabfocus) {
|
|
1897
|
+
outline: none !important;
|
|
1898
|
+
}
|
|
1899
|
+
|
|
1893
1900
|
:host([fullwidth]) {
|
|
1894
1901
|
width: 100%;
|
|
1895
1902
|
}
|
|
@@ -1947,7 +1954,7 @@
|
|
|
1947
1954
|
}
|
|
1948
1955
|
|
|
1949
1956
|
&:focus-visible {
|
|
1950
|
-
${
|
|
1957
|
+
${mt};
|
|
1951
1958
|
}
|
|
1952
1959
|
}
|
|
1953
1960
|
|
|
@@ -1960,16 +1967,16 @@
|
|
|
1960
1967
|
display: inline-flex;
|
|
1961
1968
|
align-items: center;
|
|
1962
1969
|
}
|
|
1963
|
-
`;
|
|
1970
|
+
`;H([a({type:String,reflect:!0})],k.prototype,"link",2);H([a({reflect:!0})],k.prototype,"name",2);H([a({reflect:!0})],k.prototype,"value",2);H([a({type:String})],k.prototype,"text",2);H([a({type:String,reflect:!0})],k.prototype,"size",2);H([a({type:Boolean,reflect:!0})],k.prototype,"selected",2);H([a({type:Boolean,reflect:!0})],k.prototype,"fullwidth",2);H([a({type:Boolean,reflect:!0})],k.prototype,"inactive",2);k=H([x("o-chip")],k);var Fo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,Rt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Vo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fo(t,e,i),i};let dt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof k?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
1964
1971
|
<slot></slot>
|
|
1965
|
-
`}};
|
|
1972
|
+
`}};dt.styles=b`
|
|
1966
1973
|
:host {
|
|
1967
1974
|
display: flex;
|
|
1968
1975
|
flex-direction: row;
|
|
1969
1976
|
flex-wrap: wrap;
|
|
1970
1977
|
gap: var(--spacing-s);
|
|
1971
1978
|
}
|
|
1972
|
-
`;
|
|
1979
|
+
`;Rt([a({reflect:!0})],dt.prototype,"name",2);Rt([a({reflect:!0})],dt.prototype,"value",2);dt=Rt([x("o-chipset")],dt);var Zo=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Zo(t,e,i),i};const Wo=Dt(u);let E=class extends Wo{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.dataHref="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=G[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${L(o)}</span>`}strikeThroughImg(){const o=eo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return L(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
1973
1980
|
<a role="button" tabindex="0" class="button" href=${this.dataHref} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
1974
1981
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1975
1982
|
${o?l`
|
|
@@ -1989,7 +1996,7 @@
|
|
|
1989
1996
|
</button>
|
|
1990
1997
|
`}
|
|
1991
1998
|
${this.disabled?this.strikeThroughImg():d}
|
|
1992
|
-
`}};E.styles=
|
|
1999
|
+
`}};E.styles=b`
|
|
1993
2000
|
:host {
|
|
1994
2001
|
cursor: pointer;
|
|
1995
2002
|
display: inline-flex;
|
|
@@ -2005,6 +2012,10 @@
|
|
|
2005
2012
|
--button-strikethrough-stroke: var(--color-border-secondary);
|
|
2006
2013
|
}
|
|
2007
2014
|
|
|
2015
|
+
:host(.a--tabfocus) {
|
|
2016
|
+
outline: none !important;
|
|
2017
|
+
}
|
|
2018
|
+
|
|
2008
2019
|
:host([fullwidth]) {
|
|
2009
2020
|
width: 100%;
|
|
2010
2021
|
}
|
|
@@ -2065,7 +2076,7 @@
|
|
|
2065
2076
|
}
|
|
2066
2077
|
|
|
2067
2078
|
.button:focus-visible {
|
|
2068
|
-
${
|
|
2079
|
+
${mt};
|
|
2069
2080
|
}
|
|
2070
2081
|
|
|
2071
2082
|
span.text + span.text::before {
|
|
@@ -2110,4 +2121,110 @@
|
|
|
2110
2121
|
stroke-linecap: round;
|
|
2111
2122
|
}
|
|
2112
2123
|
}
|
|
2113
|
-
`;
|
|
2124
|
+
`;T([a({reflect:!0})],E.prototype,"name",2);T([a({reflect:!0})],E.prototype,"value",2);T([a({type:String,reflect:!0})],E.prototype,"type",2);T([a({type:String,reflect:!0,attribute:"data-href"})],E.prototype,"dataHref",2);T([a({type:String})],E.prototype,"text",2);T([a({type:Boolean,reflect:!0})],E.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);T([a({type:Boolean,reflect:!0})],E.prototype,"fullwidth",2);E=T([x("o-filter-chip")],E);var Ko=Object.defineProperty,F=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&Ko(t,e,i),i};const Ft=class Ft extends u{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage=""}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2125
|
+
<o-icon-button
|
|
2126
|
+
@click=${this.onClick}
|
|
2127
|
+
icon="chevronRight"
|
|
2128
|
+
size="small"
|
|
2129
|
+
bgstyle="background-contrast"
|
|
2130
|
+
type="span"
|
|
2131
|
+
status="filled"
|
|
2132
|
+
strokewidth="0"
|
|
2133
|
+
></o-icon-button>
|
|
2134
|
+
`:l`
|
|
2135
|
+
<o-icon-button
|
|
2136
|
+
icon="cart"
|
|
2137
|
+
size="small"
|
|
2138
|
+
bgstyle="background-contrast"
|
|
2139
|
+
type="span"
|
|
2140
|
+
status="empty"
|
|
2141
|
+
strokewidth="0"
|
|
2142
|
+
></o-icon-button>
|
|
2143
|
+
`}render(){return l`
|
|
2144
|
+
<div class="tile">
|
|
2145
|
+
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
2146
|
+
<div class="info">
|
|
2147
|
+
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
2148
|
+
${this.type==="cart"&&(this.volume||this.mainPrice||this.perLiter)?l`
|
|
2149
|
+
<div class="details">
|
|
2150
|
+
${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
|
|
2151
|
+
${this.mainPrice?l`<span class="main-price">${this.mainPrice}</span>`:""}
|
|
2152
|
+
${this.perLiter?l`<span class="per-liter">${this.perLiter}</span>`:""}
|
|
2153
|
+
</div>
|
|
2154
|
+
`:""}
|
|
2155
|
+
</div>
|
|
2156
|
+
${this.icons}
|
|
2157
|
+
</div>
|
|
2158
|
+
`}};Ft.styles=b`
|
|
2159
|
+
.tile {
|
|
2160
|
+
display: flex;
|
|
2161
|
+
align-items: center;
|
|
2162
|
+
justify-content: space-between;
|
|
2163
|
+
border-radius: var(--radius-xs);
|
|
2164
|
+
background: var(--colors-blanc-brule-500);
|
|
2165
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
|
2166
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2167
|
+
height: 70px;
|
|
2168
|
+
width: 356px;
|
|
2169
|
+
max-width: 356px;
|
|
2170
|
+
padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
|
|
2171
|
+
}
|
|
2172
|
+
|
|
2173
|
+
.tile img {
|
|
2174
|
+
object-fit: cover;
|
|
2175
|
+
width: 56px;
|
|
2176
|
+
height: auto;
|
|
2177
|
+
}
|
|
2178
|
+
|
|
2179
|
+
.info {
|
|
2180
|
+
flex-grow: 1;
|
|
2181
|
+
margin-left: 10px;
|
|
2182
|
+
}
|
|
2183
|
+
|
|
2184
|
+
.info .title {
|
|
2185
|
+
font-family: var(--font-family-loccitane-serif);
|
|
2186
|
+
font-size: var(--font-size-150);
|
|
2187
|
+
font-weight: var(--font-weight-400);
|
|
2188
|
+
color: var(--colors-noir-des-terres-500);
|
|
2189
|
+
line-height: var(--line-height-160);
|
|
2190
|
+
letter-spacing: var(--letter-spacing-100);
|
|
2191
|
+
|
|
2192
|
+
+.details {
|
|
2193
|
+
padding-top: var(--spacing-s);}
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2196
|
+
.info .details {
|
|
2197
|
+
display: flex;
|
|
2198
|
+
align-items: center;
|
|
2199
|
+
}
|
|
2200
|
+
|
|
2201
|
+
.info .volume-info {
|
|
2202
|
+
font-size: var(--font-size-100);
|
|
2203
|
+
color: var(--colors-noir-des-terres-500);
|
|
2204
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2205
|
+
line-height: var(--line-height-160);
|
|
2206
|
+
|
|
2207
|
+
+ .main-price {
|
|
2208
|
+
&::before {
|
|
2209
|
+
content: "•";
|
|
2210
|
+
padding: 0 var(--spacing-xs) 0 var(--spacing-2-xs);
|
|
2211
|
+
color: var(--colors-noir-des-terres-500);
|
|
2212
|
+
}
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
|
|
2216
|
+
.main-price {
|
|
2217
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2218
|
+
color: var(--colors-noir-des-terres-500);
|
|
2219
|
+
font-size: var(--font-size-100);
|
|
2220
|
+
padding: 0 var(--spacing-xs) 0 0;
|
|
2221
|
+
font-weight: var(--font-weight-400);
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
.per-liter {
|
|
2225
|
+
font-size: var(--font-size-100);
|
|
2226
|
+
color: var(--color-content-description);
|
|
2227
|
+
letter-spacing: var(--letter-spacing-absolute);
|
|
2228
|
+
line-height: var(--line-height-160);
|
|
2229
|
+
}
|
|
2230
|
+
`;let S=Ft;F([a({type:String})],S.prototype,"type");F([a({type:String})],S.prototype,"titleProduct");F([a({type:String})],S.prototype,"volume");F([a({type:String})],S.prototype,"perLiter");F([a({type:String})],S.prototype,"mainPrice");F([a({type:String})],S.prototype,"imageUrl");F([a({type:String})],S.prototype,"altImage");F([a({type:Function})],S.prototype,"onClickTile");customElements.define("mini-tile",S);
|