@florid-kit/components 0.8.48 → 0.8.49
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 +1 -0
- package/components/side-panel.d.ts +1 -0
- package/index.js +66 -42
- package/index.mjs +209 -163
- package/package.json +1 -1
package/components/minitile.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
20
20
|
zIndex: number;
|
|
21
21
|
initialized: boolean;
|
|
22
22
|
showDetail: boolean;
|
|
23
|
+
isHidingDetail: boolean;
|
|
23
24
|
private previousFocusedElement;
|
|
24
25
|
private innerFocusedElement;
|
|
25
26
|
static styles: import('lit').CSSResult;
|
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 ft=globalThis,Pt=ft.ShadowRoot&&(ft.ShadyCSS===void 0||ft.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),m=(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=ft.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},
|
|
5
|
+
*/const ft=globalThis,Pt=ft.ShadowRoot&&(ft.ShadyCSS===void 0||ft.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),m=(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=ft.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},qt=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:de,defineProperty:pe,getOwnPropertyDescriptor:ue,getOwnPropertyNames:ve,getOwnPropertySymbols:fe,getPrototypeOf:be}=Object,U=globalThis,
|
|
9
|
+
*/const{is:de,defineProperty:pe,getOwnPropertyDescriptor:ue,getOwnPropertyNames:ve,getOwnPropertySymbols:fe,getPrototypeOf:be}=Object,U=globalThis,Zt=U.trustedTypes,ge=Zt?Zt.emptyScript:"",$t=U.reactiveElementPolyfillSupport,ot=(o,t)=>o,bt={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:bt,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(qt(i))}else t!==void 0&&e.push(qt(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:bt).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:bt;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 it=globalThis,gt=it.trustedTypes,Kt=gt?gt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ie="$lit$",
|
|
13
|
+
*/const it=globalThis,gt=it.trustedTypes,Kt=gt?gt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ie="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,ne="?"+R,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
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,we=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=we(1),F=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Yt=new WeakMap,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Jt=/'/g,Qt=/"/g,re=/^(?:script|style|textarea|title)$/i,we=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=we(1),F=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Yt=new WeakMap,q=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 xe=(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 v,y,p=-1,$=0;for(;$<c.length&&(s.lastIndex=$,y=s.exec(c),y!==null);)$=s.lastIndex,s===et?y[1]==="!--"?s=Gt:y[1]!==void 0?s=Xt:y[2]!==void 0?(re.test(y[2])&&(i=RegExp("</"+y[2],"g")),s=V):y[3]!==void 0&&(s=V):s===V?y[0]===">"?(s=i??et,p=-1):y[1]===void 0?p=-2:(p=s.lastIndex-y[2].length,v=y[1],s=y[3]===void 0?V:y[3]==='"'?Qt:Jt):s===Qt||s===Jt?s=V:s===Gt||s===Xt?s=et:(s=V,i=void 0);const S=s===V&&o[h+1].startsWith("/>")?" ":"";r+=s===et?c+ye:p>=0?(n.push(v),c.slice(0,p)+ie+c.slice(p)+R+S):c+R+(p===-2?h:S)}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,[v,y]=xe(t,e);if(this.el=at.createElement(v,n),q.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(ie)){const $=y[s++],S=i.getAttribute(p).split(R),vt=/([.?@])?(.*)/.exec($);c.push({type:1,index:r,name:vt[2],strings:S,ctor:vt[1]==="."?_e:vt[1]==="?"?Ce:vt[1]==="@"?ke:mt}),i.removeAttribute(p)}else p.startsWith(R)&&(c.push({type:6,index:r}),i.removeAttribute(p));if(re.test(i.tagName)){const p=i.textContent.split(R),$=p.length-1;if($>0){i.textContent=gt?gt.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],rt()),q.nextNode(),c.push({type:2,index:++r});i.append(p[$],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(R,p+1))!==-1;)c.push({type:7,index:r}),p+=R.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===F)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);q.currentNode=i;let r=q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let v;c.type===2?v=new pt(r,r.nextSibling,this,t):c.type===1?v=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(v=new Ae(r,this,t)),this._$AV.push(v),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=q.nextNode(),s++)}return q.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!==F&&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 mt{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!==F,s&&(this._$AH=t);else{const h=t;let c,v;for(t=r[0],c=0;c<r.length-1;c++)v=Q(this,h[n+c],e,c),v===F&&(v=this._$AH[c]),s||(s=!st(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+r[c+1]),this._$AH[c]=v}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class _e extends mt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ce extends mt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ke extends mt{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)===F)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 Z=globalThis;let f=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 F}};var ee;f._$litElement$=!0,f.finalized=!0,(ee=Z.litElementHydrateSupport)==null||ee.call(Z,{LitElement:f});const kt=Z.litElementPolyfillSupport;kt==null||kt({LitElement:f});(Z.litElementVersions??(Z.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -70,14 +70,14 @@
|
|
|
70
70
|
`,je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
71
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"/>
|
|
72
72
|
</svg>
|
|
73
|
-
`,
|
|
73
|
+
`,Re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
74
74
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
75
75
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
76
76
|
</svg>
|
|
77
|
-
`,
|
|
77
|
+
`,Ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
78
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"/>
|
|
79
79
|
</svg>
|
|
80
|
-
`,
|
|
80
|
+
`,Fe=`<?xml version="1.0" encoding="utf-8"?>
|
|
81
81
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
82
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"
|
|
83
83
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -87,7 +87,7 @@
|
|
|
87
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
|
|
88
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"/>
|
|
89
89
|
</svg>
|
|
90
|
-
`,
|
|
90
|
+
`,Ne=`<?xml version="1.0" encoding="utf-8"?>
|
|
91
91
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
92
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"
|
|
93
93
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -99,10 +99,10 @@
|
|
|
99
99
|
`,Ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
100
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"/>
|
|
101
101
|
</svg>
|
|
102
|
-
`,
|
|
102
|
+
`,qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
103
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"/>
|
|
104
104
|
</svg>
|
|
105
|
-
`,
|
|
105
|
+
`,Ze=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
106
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"/>
|
|
107
107
|
</svg>
|
|
108
108
|
`,We=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -130,7 +130,7 @@
|
|
|
130
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"/>
|
|
131
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"/>
|
|
132
132
|
</svg>
|
|
133
|
-
`,G={wishlist:Ie,playerv:Oe,chevronRight:Be,chevronLeft:ze,icoPlus:
|
|
133
|
+
`,G={wishlist:Ie,playerv:Oe,chevronRight:Be,chevronLeft:ze,icoPlus:Fe,icoMinus:Ne,"star-0":De,"star-25":He,"star-50":Me,"star-75":Te,"star-100":je,cross:Re,search:Ue,arrowLeft:Ve,arrowTop:qe,cart:Ze,notifyme:We,triangledown:Ke,triangleup:Ge,checkstroke:Xe,pause:Je,mapDualArrow:Qe,swipeDualArrow:to},eo={strikeDiagonal:Ye};/**
|
|
134
134
|
* @license
|
|
135
135
|
* Copyright 2017 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
* @license
|
|
143
143
|
* Copyright 2017 Google LLC
|
|
144
144
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
145
|
-
*/class St extends Et{}St.directiveName="unsafeSVG",St.resultType=2;const I=Mt(St);var oo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,x=(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(f);let
|
|
145
|
+
*/class St extends Et{}St.directiveName="unsafeSVG",St.resultType=2;const I=Mt(St);var oo=Object.defineProperty,io=Object.getOwnPropertyDescriptor,x=(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(f);let g=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"}">${I(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
146
146
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
147
147
|
${this.startIcon?this.renderIcon("start"):d}
|
|
148
148
|
${o?l`
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
`:l`<slot></slot>`}
|
|
166
166
|
${this.endIcon?this.renderIcon("end"):d}
|
|
167
167
|
</a>
|
|
168
|
-
`}};Pe(
|
|
168
|
+
`}};Pe(g);g.formAssociated=!0;g.styles=m`
|
|
169
169
|
:host {
|
|
170
170
|
--button-border: transparent;
|
|
171
171
|
cursor: pointer;
|
|
@@ -353,7 +353,7 @@
|
|
|
353
353
|
transform: translateX(4px);
|
|
354
354
|
}
|
|
355
355
|
//End icon movment on hover
|
|
356
|
-
`;x([a()],
|
|
356
|
+
`;x([a()],g.prototype,"type",2);x([a({reflect:!0})],g.prototype,"value",2);x([a({type:String,reflect:!0})],g.prototype,"variant",2);x([a({type:String})],g.prototype,"text",2);x([a({type:String})],g.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);x([a({type:String,reflect:!0})],g.prototype,"startIconModel",2);x([a({type:String,reflect:!0})],g.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget",reflect:!0})],g.prototype,"panelTarget",2);x([a({type:String})],g.prototype,"href",2);x([a({type:String})],g.prototype,"target",2);x([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);g=x([w("o-button")],g);var ro=Object.defineProperty,so=Object.getOwnPropertyDescriptor,wt=(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 f{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`
|
|
357
357
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
358
358
|
<span class="sr-only">${this.label}</span>
|
|
359
359
|
${I(o)}
|
|
@@ -815,7 +815,7 @@
|
|
|
815
815
|
* @license
|
|
816
816
|
* Copyright 2017 Google LLC
|
|
817
817
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
818
|
-
*/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},yt=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?(yt(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),yt(n[r]);else n!=null&&(nt(n,!1),yt(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 Tt{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),yt(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 wo 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 xo extends wo{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=Mt(xo);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,
|
|
818
|
+
*/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},yt=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?(yt(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),yt(n[r]);else n!=null&&(nt(n,!1),yt(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 Tt{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),yt(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 wo 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 xo extends wo{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=Mt(xo);var $o=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,b=(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 u=class extends f{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.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this.innerFocusedElement=null,this._onOpenDetail=()=>{this.showDetail=!0,this.showHeaderStartIcon=!0},this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content");if(n){const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,n.removeEventListener("animationend",i)};n.addEventListener("animationend",i)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}trapFocus(o){var i,r,s,h,c,v,y,p,$,S;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((r=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:r.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),n.shadowRoot?(c=(h=(s=n.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(v=n.focus)==null||v.call(n)):!o.shiftKey&&this.innerFocusedElement===n&&(o.preventDefault(),e.shadowRoot?($=(p=(y=e.shadowRoot)==null?void 0:y.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||$.call(p):(S=e.focus)==null||S.call(e))}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}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,n;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,r=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;r&&((e=r.focus)==null||e.call(r))}else{const i=this.getFocusableElements()[0];(n=i==null?void 0:i.focus)==null||n.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o;this.open=!1,this.showDetail=!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(){const o=this.showHeader?l`
|
|
819
819
|
<div class="header">
|
|
820
820
|
${this.showHeaderStartIcon?l`
|
|
821
821
|
<o-icon-button
|
|
@@ -823,6 +823,7 @@
|
|
|
823
823
|
size="small"
|
|
824
824
|
class="return-btn"
|
|
825
825
|
bgstyle="background-light"
|
|
826
|
+
data-role="back"
|
|
826
827
|
@click=${this.handleClosePanel}
|
|
827
828
|
@keydown=${this.handleClosePanel}
|
|
828
829
|
aria-label="${this.closeButtonLabel}"
|
|
@@ -854,7 +855,7 @@
|
|
|
854
855
|
|
|
855
856
|
${o}
|
|
856
857
|
|
|
857
|
-
<div class="content ${this.showDetail?"with-detail":""}">
|
|
858
|
+
<div class="content ${this.isHidingDetail?"slide-out-right":""} ${this.showDetail?"with-detail":""}">
|
|
858
859
|
|
|
859
860
|
${this.showDetail?l`
|
|
860
861
|
<div class="detail-view">
|
|
@@ -1061,13 +1062,26 @@
|
|
|
1061
1062
|
}
|
|
1062
1063
|
}
|
|
1063
1064
|
|
|
1065
|
+
@keyframes slideOutRight {
|
|
1066
|
+
from {
|
|
1067
|
+
transform: translateX(0%);
|
|
1068
|
+
}
|
|
1069
|
+
to {
|
|
1070
|
+
transform: translateX(100%);
|
|
1071
|
+
}
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.slide-out-right {
|
|
1075
|
+
animation: slideOutRight 0.3s ease-in forwards;
|
|
1076
|
+
}
|
|
1077
|
+
|
|
1064
1078
|
.detail-view {
|
|
1065
1079
|
animation: slideInRight 0.3s ease-out both;
|
|
1066
1080
|
}
|
|
1067
1081
|
.detail-content {
|
|
1068
1082
|
padding: var(--spacing-xl);
|
|
1069
1083
|
}
|
|
1070
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";
|
|
1084
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([w("o-side-panel")],u);var Co=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,N=(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 O=class extends f{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1071
1085
|
<o-icon-button
|
|
1072
1086
|
icon="playerv"
|
|
1073
1087
|
size="xsmall"
|
|
@@ -1262,7 +1276,7 @@
|
|
|
1262
1276
|
}
|
|
1263
1277
|
}
|
|
1264
1278
|
|
|
1265
|
-
`;jt([a({type:String,reflect:!0})],lt.prototype,"type",2);jt([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=jt([w("o-tag")],lt);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,
|
|
1279
|
+
`;jt([a({type:String,reflect:!0})],lt.prototype,"type",2);jt([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=jt([w("o-tag")],lt);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Rt=(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 f{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1266
1280
|
<div class="tooltip">
|
|
1267
1281
|
<span class="tooltiptext">${this.text}</span>
|
|
1268
1282
|
<slot></slot>
|
|
@@ -1359,7 +1373,7 @@
|
|
|
1359
1373
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1360
1374
|
}
|
|
1361
1375
|
|
|
1362
|
-
`;
|
|
1376
|
+
`;Rt([a({type:String,reflect:!0})],ct.prototype,"type",2);Rt([a({type:String,reflect:!0})],ct.prototype,"text",2);ct=Rt([w("o-tooltip")],ct);var Po=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,H=(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 L=class extends f{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`
|
|
1363
1377
|
<button
|
|
1364
1378
|
role="combobox"
|
|
1365
1379
|
aria-haspopup="listbox"
|
|
@@ -1407,7 +1421,7 @@
|
|
|
1407
1421
|
</ul>`:null}
|
|
1408
1422
|
|
|
1409
1423
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1410
|
-
`}};
|
|
1424
|
+
`}};L.styles=m`
|
|
1411
1425
|
:host {
|
|
1412
1426
|
display: inline-block;
|
|
1413
1427
|
position: relative;
|
|
@@ -1546,7 +1560,7 @@
|
|
|
1546
1560
|
input[type="hidden"] {
|
|
1547
1561
|
display: none;
|
|
1548
1562
|
}
|
|
1549
|
-
`;H([a({type:Array,reflect:!0})],
|
|
1563
|
+
`;H([a({type:Array,reflect:!0})],L.prototype,"options",2);H([a({type:String,reflect:!0})],L.prototype,"value",2);H([a({type:String,reflect:!0})],L.prototype,"name",2);H([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);H([a({type:String,reflect:!0})],L.prototype,"width",2);H([K()],L.prototype,"open",2);H([K()],L.prototype,"activeIndex",2);H([K()],L.prototype,"menuWidth",2);L=H([w("o-dropdown")],L);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 f{render(){return l` <span class="dots"></span> `}};Lt.styles=m`
|
|
1550
1564
|
:host {
|
|
1551
1565
|
display: flex;
|
|
1552
1566
|
align-items: center;
|
|
@@ -1838,7 +1852,7 @@
|
|
|
1838
1852
|
* @license
|
|
1839
1853
|
* Copyright 2018 Google LLC
|
|
1840
1854
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1841
|
-
*/const le="important",Ho=" !"+le,Mo=Mt(class extends Tt{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 F}});var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,
|
|
1855
|
+
*/const le="important",Ho=" !"+le,Mo=Mt(class extends Tt{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 F}});var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,Ut=(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&&To(t,e,i),i};let ht=class extends f{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`
|
|
1842
1856
|
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${_(this.option.title)}" aria-hidden="true" style=${Mo(t)} />`:""}
|
|
1843
1857
|
<div class="m-reassurance-content">
|
|
1844
1858
|
<h3 class="a-reassurance-text">${_(this.option.title)}</h3>
|
|
@@ -1925,7 +1939,7 @@
|
|
|
1925
1939
|
overflow: hidden;
|
|
1926
1940
|
}
|
|
1927
1941
|
}
|
|
1928
|
-
`;
|
|
1942
|
+
`;Ut([a({type:Object,reflect:!0})],ht.prototype,"option",2);Ut([a({type:Number,reflect:!0})],ht.prototype,"imageSize",2);ht=Ut([w("o-reassurance")],ht);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,M=(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&&Ro(t,e,i),i};const Fo=Dt(f);let A=class extends Fo{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`
|
|
1929
1943
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1930
1944
|
${o?this.text:l`<slot></slot>`}
|
|
1931
1945
|
</a>
|
|
@@ -2023,7 +2037,7 @@
|
|
|
2023
2037
|
display: inline-flex;
|
|
2024
2038
|
align-items: center;
|
|
2025
2039
|
}
|
|
2026
|
-
`;M([a({type:String,reflect:!0})],A.prototype,"link",2);M([a({reflect:!0})],A.prototype,"name",2);M([a({reflect:!0})],A.prototype,"value",2);M([a({type:String})],A.prototype,"text",2);M([a({type:String,reflect:!0})],A.prototype,"size",2);M([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);M([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=M([w("o-chip")],A);var
|
|
2040
|
+
`;M([a({type:String,reflect:!0})],A.prototype,"link",2);M([a({reflect:!0})],A.prototype,"name",2);M([a({reflect:!0})],A.prototype,"value",2);M([a({type:String})],A.prototype,"text",2);M([a({type:String,reflect:!0})],A.prototype,"size",2);M([a({type:Boolean,reflect:!0})],A.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],A.prototype,"fullwidth",2);M([a({type:Boolean,reflect:!0})],A.prototype,"inactive",2);A=M([w("o-chip")],A);var No=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,Ft=(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&&No(t,e,i),i};let dt=class extends f{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof A?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`
|
|
2027
2041
|
<slot></slot>
|
|
2028
2042
|
`}};dt.styles=m`
|
|
2029
2043
|
:host {
|
|
@@ -2032,7 +2046,7 @@
|
|
|
2032
2046
|
flex-wrap: wrap;
|
|
2033
2047
|
gap: var(--spacing-s);
|
|
2034
2048
|
}
|
|
2035
|
-
`;
|
|
2049
|
+
`;Ft([a({reflect:!0})],dt.prototype,"name",2);Ft([a({reflect:!0})],dt.prototype,"value",2);dt=Ft([w("o-chipset")],dt);var qo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Zo(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&&qo(t,e,i),i};const Wo=Dt(f);let P=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">${I(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 I(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2036
2050
|
<a role="button" tabindex="0" class="button" href=${this.dataHref} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2037
2051
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2038
2052
|
${o?l`
|
|
@@ -2052,7 +2066,7 @@
|
|
|
2052
2066
|
</button>
|
|
2053
2067
|
`}
|
|
2054
2068
|
${this.disabled?this.strikeThroughImg():d}
|
|
2055
|
-
`}};
|
|
2069
|
+
`}};P.styles=m`
|
|
2056
2070
|
:host {
|
|
2057
2071
|
cursor: pointer;
|
|
2058
2072
|
display: inline-flex;
|
|
@@ -2177,7 +2191,7 @@
|
|
|
2177
2191
|
stroke-linecap: round;
|
|
2178
2192
|
}
|
|
2179
2193
|
}
|
|
2180
|
-
`;T([a({reflect:!0})],
|
|
2194
|
+
`;T([a({reflect:!0})],P.prototype,"name",2);T([a({reflect:!0})],P.prototype,"value",2);T([a({type:String,reflect:!0})],P.prototype,"type",2);T([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);T([a({type:String})],P.prototype,"text",2);T([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);T([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);T([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=T([w("o-filter-chip")],P);var Ko=Object.defineProperty,j=(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 Nt=class Nt extends f{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2181
2195
|
<o-icon-button
|
|
2182
2196
|
@click=${this.onClick}
|
|
2183
2197
|
icon="chevronRight"
|
|
@@ -2197,7 +2211,7 @@
|
|
|
2197
2211
|
strokewidth="0"
|
|
2198
2212
|
></o-icon-button>
|
|
2199
2213
|
`}render(){return l`
|
|
2200
|
-
<div class="tile">
|
|
2214
|
+
<div class="tile ${this.fullwidth?"fullwidth":""}" @click=${this.onClick}>
|
|
2201
2215
|
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
2202
2216
|
<div class="info">
|
|
2203
2217
|
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
@@ -2209,19 +2223,29 @@
|
|
|
2209
2223
|
</div>
|
|
2210
2224
|
${this.icons}
|
|
2211
2225
|
</div>
|
|
2212
|
-
`}};
|
|
2226
|
+
`}};Nt.styles=m`
|
|
2227
|
+
:host {
|
|
2228
|
+
display: block;
|
|
2229
|
+
max-width: 100%;
|
|
2230
|
+
}
|
|
2231
|
+
|
|
2213
2232
|
.tile {
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2233
|
+
display: flex;
|
|
2234
|
+
align-items: center;
|
|
2235
|
+
justify-content: space-between;
|
|
2236
|
+
border-radius: var(--radius-xs);
|
|
2237
|
+
background: var(--color-container-bg-white);
|
|
2238
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
|
2239
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2240
|
+
height: 70px;
|
|
2241
|
+
width: 356px;
|
|
2242
|
+
max-width: 356px;
|
|
2243
|
+
padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
|
|
2244
|
+
}
|
|
2245
|
+
|
|
2246
|
+
.tile.fullwidth {
|
|
2247
|
+
width: 100%;
|
|
2248
|
+
max-width: 100%;
|
|
2225
2249
|
}
|
|
2226
2250
|
|
|
2227
2251
|
.tile img {
|
|
@@ -2282,4 +2306,4 @@
|
|
|
2282
2306
|
letter-spacing: var(--letter-spacing-absolute);
|
|
2283
2307
|
line-height: var(--line-height-160);
|
|
2284
2308
|
}
|
|
2285
|
-
`;let
|
|
2309
|
+
`;let E=Nt;j([a({type:String})],E.prototype,"type");j([a({type:String})],E.prototype,"titleProduct");j([a({type:String})],E.prototype,"volume");j([a({type:String})],E.prototype,"perLiter");j([a({type:String})],E.prototype,"mainPrice");j([a({type:String})],E.prototype,"imageUrl");j([a({type:String})],E.prototype,"altImage");j([a({type:Boolean})],E.prototype,"fullwidth");j([a({type:Function})],E.prototype,"onClickTile");customElements.define("mini-tile",E);
|