@florid-kit/components 0.10.45 → 0.10.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +81 -81
- package/index.mjs +298 -302
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:z2,defineProperty:I2,getOwnPropertyDescriptor:D2,getOwnPropertyNames:T2,getOwnPropertySymbols:j2,getPrototypeOf:R2}=Object,t1=globalThis,u2=t1.trustedTypes,U2=u2?u2.emptyScript:"",I1=t1.reactiveElementPolyfillSupport,
|
|
9
|
+
*/const{is:z2,defineProperty:I2,getOwnPropertyDescriptor:D2,getOwnPropertyNames:T2,getOwnPropertySymbols:j2,getPrototypeOf:R2}=Object,t1=globalThis,u2=t1.trustedTypes,U2=u2?u2.emptyScript:"",I1=t1.reactiveElementPolyfillSupport,f1=(e,t)=>e,_1={toAttribute(e,t){switch(t){case Boolean:e=e?U2:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=e!==null;break;case Number:i=e===null?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch{i=null}}return i}},Y1=(e,t)=>!z2(e,t),v2={attribute:!0,type:String,converter:_1,reflect:!1,useDefault:!1,hasChanged:Y1};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),t1.litPropertyMetadata??(t1.litPropertyMetadata=new WeakMap);let d1=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,i=v2){if(i.state&&(i.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((i=Object.create(i)).wrapped=!0),this.elementProperties.set(t,i),!i.noAccessor){const n=Symbol(),o=this.getPropertyDescriptor(t,n,i);o!==void 0&&I2(this.prototype,t,o)}}static getPropertyDescriptor(t,i,n){const{get:o,set:s}=D2(this.prototype,t)??{get(){return this[i]},set(r){this[i]=r}};return{get:o,set(r){const c=o==null?void 0:o.call(this);s==null||s.call(this,r),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??v2}static _$Ei(){if(this.hasOwnProperty(f1("elementProperties")))return;const t=R2(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(f1("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(f1("properties"))){const i=this.properties,n=[...T2(i),...j2(i)];for(const o of n)this.createProperty(o,i[o])}const t=this[Symbol.metadata];if(t!==null){const i=litPropertyMetadata.get(t);if(i!==void 0)for(const[n,o]of i)this.elementProperties.set(n,o)}this._$Eh=new Map;for(const[i,n]of this.elementProperties){const o=this._$Eu(i,n);o!==void 0&&this._$Eh.set(o,i)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const i=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const o of n)i.unshift(g2(o))}else t!==void 0&&i.push(g2(t));return i}static _$Eu(t,i){const n=i.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(i=>this.enableUpdating=i),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(i=>i(this))}addController(t){var i;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)==null||i.call(t))}removeController(t){var i;(i=this._$EO)==null||i.delete(t)}_$E_(){const t=new Map,i=this.constructor.elementProperties;for(const n of i.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 O2(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(i=>{var n;return(n=i.hostConnected)==null?void 0:n.call(i)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(i=>{var n;return(n=i.hostDisconnected)==null?void 0:n.call(i)})}attributeChangedCallback(t,i,n){this._$AK(t,n)}_$ET(t,i){var s;const n=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,n);if(o!==void 0&&n.reflect===!0){const r=(((s=n.converter)==null?void 0:s.toAttribute)!==void 0?n.converter:_1).toAttribute(i,n.type);this._$Em=t,r==null?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,i){var s,r;const n=this.constructor,o=n._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=n.getPropertyOptions(o),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((s=c.converter)==null?void 0:s.fromAttribute)!==void 0?c.converter:_1;this._$Em=o,this[o]=h.fromAttribute(i,c.type)??((r=this._$Ej)==null?void 0:r.get(o))??null,this._$Em=null}}requestUpdate(t,i,n){var o;if(t!==void 0){const s=this.constructor,r=this[t];if(n??(n=s.getPropertyOptions(t)),!((n.hasChanged??Y1)(r,i)||n.useDefault&&n.reflect&&r===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(s._$Eu(t,n))))return;this.C(t,i,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,i,{useDefault:n,reflect:o,wrapped:s},r){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??i??this[t]),s!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(i=void 0),this._$AL.set(t,i)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(i){Promise.reject(i)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[s,r]of this._$Ep)this[s]=r;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[s,r]of o){const{wrapped:c}=r,h=this[s];c!==!0||this._$AL.has(s)||h===void 0||this.C(s,void 0,r,h)}}let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),(n=this._$EO)==null||n.forEach(o=>{var s;return(s=o.hostUpdate)==null?void 0:s.call(o)}),this.update(i)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(i)}willUpdate(t){}_$AE(t){var i;(i=this._$EO)==null||i.forEach(n=>{var o;return(o=n.hostUpdated)==null?void 0:o.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(i=>this._$ET(i,this[i]))),this._$EM()}updated(t){}firstUpdated(t){}};d1.elementStyles=[],d1.shadowRootOptions={mode:"open"},d1[f1("elementProperties")]=new Map,d1[f1("finalized")]=new Map,I1==null||I1({ReactiveElement:d1}),(t1.reactiveElementVersions??(t1.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"),m2=/'/g,L2=/"/g,k2=/^(?:script|style|textarea|title)$/i,K2=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=K2(1),e1=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),y2=new WeakMap,
|
|
13
|
+
*/const w1=globalThis,F1=w1.trustedTypes,f2=F1?F1.createPolicy("lit-html",{createHTML:e=>e}):void 0,E2="$lit$",Q=`lit$${Math.random().toFixed(9).slice(2)}$`,M2="?"+Q,q2=`<${M2}>`,l1=document,m1=()=>l1.createComment(""),L1=e=>e===null||typeof e!="object"&&typeof e!="function",J1=Array.isArray,N2=e=>J1(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",D1=`[
|
|
14
|
+
\f\r]`,v1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w2=/-->/g,b2=/>/g,n1=RegExp(`>|${D1}(?:([^\\s"'>=/]+)(${D1}*=${D1}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),m2=/'/g,L2=/"/g,k2=/^(?:script|style|textarea|title)$/i,K2=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=K2(1),e1=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),y2=new WeakMap,s1=l1.createTreeWalker(l1,129);function Z2(e,t){if(!J1(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return f2!==void 0?f2.createHTML(t):t}const W2=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",r=v1;for(let c=0;c<i;c++){const h=e[c];let u,L,v=-1,q=0;for(;q<h.length&&(r.lastIndex=q,L=r.exec(h),L!==null);)q=r.lastIndex,r===v1?L[1]==="!--"?r=w2:L[1]!==void 0?r=b2:L[2]!==void 0?(k2.test(L[2])&&(o=RegExp("</"+L[2],"g")),r=n1):L[3]!==void 0&&(r=n1):r===n1?L[0]===">"?(r=o??v1,v=-1):L[1]===void 0?v=-2:(v=r.lastIndex-L[2].length,u=L[1],r=L[3]===void 0?n1:L[3]==='"'?L2:m2):r===L2||r===m2?r=n1:r===w2||r===b2?r=v1:(r=n1,o=void 0);const J=r===n1&&e[c+1].startsWith("/>")?" ":"";s+=r===v1?h+q2:v>=0?(n.push(u),h.slice(0,v)+E2+h.slice(v)+Q+J):h+Q+(v===-2?c:J)}return[Z2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class y1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,r=0;const c=t.length-1,h=this.parts,[u,L]=W2(t,i);if(this.el=y1.createElement(u,n),s1.currentNode=this.el.content,i===2||i===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=s1.nextNode())!==null&&h.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const v of o.getAttributeNames())if(v.endsWith(E2)){const q=L[r++],J=o.getAttribute(v).split(Q),k1=/([.?@])?(.*)/.exec(q);h.push({type:1,index:s,name:k1[2],strings:J,ctor:k1[1]==="."?X2:k1[1]==="?"?Y2:k1[1]==="@"?J2:A1}),o.removeAttribute(v)}else v.startsWith(Q)&&(h.push({type:6,index:s}),o.removeAttribute(v));if(k2.test(o.tagName)){const v=o.textContent.split(Q),q=v.length-1;if(q>0){o.textContent=F1?F1.emptyScript:"";for(let J=0;J<q;J++)o.append(v[J],m1()),s1.nextNode(),h.push({type:2,index:++s});o.append(v[q],m1())}}}else if(o.nodeType===8)if(o.data===M2)h.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(Q,v+1))!==-1;)h.push({type:7,index:s}),v+=Q.length-1}s++}}static createElement(t,i){const n=l1.createElement("template");return n.innerHTML=t,n}}function p1(e,t,i=e,n){var r,c;if(t===e1)return t;let o=n!==void 0?(r=i._$Co)==null?void 0:r[n]:i._$Cl;const s=L1(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==s&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),s===void 0?o=void 0:(o=new s(e),o._$AT(e,i,n)),n!==void 0?(i._$Co??(i._$Co=[]))[n]=o:i._$Cl=o),o!==void 0&&(t=p1(e,o._$AS(e,t.values),o,n)),t}class G2{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:n}=this._$AD,o=((t==null?void 0:t.creationScope)??l1).importNode(i,!0);s1.currentNode=o;let s=s1.nextNode(),r=0,c=0,h=n[0];for(;h!==void 0;){if(r===h.index){let u;h.type===2?u=new E1(s,s.nextSibling,this,t):h.type===1?u=new h.ctor(s,h.name,h.strings,this,t):h.type===6&&(u=new Q2(s,this,t)),this._$AV.push(u),h=n[++c]}r!==(h==null?void 0:h.index)&&(s=s1.nextNode(),r++)}return s1.currentNode=l1,o}p(t){let i=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,i),i+=n.strings.length-2):n._$AI(t[i])),i++}}class E1{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,i,n,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=n,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=p1(this,t,i),L1(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==e1&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):N2(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&&L1(this._$AH)?this._$AA.nextSibling.data=t:this.T(l1.createTextNode(t)),this._$AH=t}$(t){var s;const{values:i,_$litType$:n}=t,o=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=y1.createElement(Z2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const r=new G2(o,this),c=r.u(this.options);r.p(i),this.T(c),this._$AH=r}}_$AC(t){let i=y2.get(t.strings);return i===void 0&&y2.set(t.strings,i=new y1(t)),i}k(t){J1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let n,o=0;for(const s of t)o===i.length?i.push(n=new E1(this.O(m1()),this.O(m1()),this,this.options)):n=i[o],n._$AI(s),o++;o<i.length&&(this._$AR(n&&n._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,i);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var i;this._$AM===void 0&&(this._$Cv=t,(i=this._$AP)==null||i.call(this,t))}}class A1{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,i=this,n,o){const s=this.strings;let r=!1;if(s===void 0)t=p1(this,t,i,0),r=!L1(t)||t!==this._$AH&&t!==e1,r&&(this._$AH=t);else{const c=t;let h,u;for(t=s[0],h=0;h<s.length-1;h++)u=p1(this,c[n+h],i,h),u===e1&&(u=this._$AH[h]),r||(r=!L1(u)||u!==this._$AH[h]),u===d?t=d:t!==d&&(t+=(u??"")+s[h+1]),this._$AH[h]=u}r&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class X2 extends A1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Y2 extends A1{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class J2 extends A1{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=p1(this,t,i,0)??d)===e1)return;const n=this._$AH,o=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||o);o&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i;typeof this._$AH=="function"?this._$AH.call(((i=this.options)==null?void 0:i.host)??this.element,t):this._$AH.handleEvent(t)}}class Q2{constructor(t,i,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){p1(this,t)}}const T1=w1.litHtmlPolyfillSupport;T1==null||T1(y1,E1),(w1.litHtmlVersions??(w1.litHtmlVersions=[])).push("3.3.0");const t3=(e,t,i)=>{const n=(i==null?void 0:i.renderBefore)??t;let o=n._$litPart$;if(o===void 0){const s=(i==null?void 0:i.renderBefore)??null;n._$litPart$=o=new E1(t.insertBefore(m1(),s),s,void 0,i??{})}return o._$AI(e),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const r1=globalThis;let p=class extends d1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var i;const t=super.createRenderRoot();return(i=this.renderOptions).renderBefore??(i.renderBefore=t.firstChild),t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=t3(i,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 e1}};var B2;p._$litElement$=!0,p.finalized=!0,(B2=r1.litElementHydrateSupport)==null||B2.call(r1,{LitElement:p});const j1=r1.litElementPolyfillSupport;j1==null||j1({LitElement:p});(r1.litElementVersions??(r1.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function _2(e,t){return(i,n,o)=>{const s=r=>{var c;return((c=r.renderRoot)==null?void 0:c.querySelector(e))??null};return o3(i,n,{get(){return s(this)}})}}const
|
|
39
|
+
*/function _2(e,t){return(i,n,o)=>{const s=r=>{var c;return((c=r.renderRoot)==null?void 0:c.querySelector(e))??null};return o3(i,n,{get(){return s(this)}})}}const i1=g`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`;g`
|
|
@@ -804,7 +804,7 @@
|
|
|
804
804
|
`,H2=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
805
805
|
<path d="M7.91263 14L7.72275 13.9232C1.44662 11.3113 0.926944 7.66242 1.00689 6.21246C1.09684 4.30158 2.27611 2.66917 3.94508 2.16025C5.35421 1.72814 6.78333 2.17945 7.95261 3.39895C9.27179 2.13144 10.8408 1.69933 12.2999 2.21786C13.869 2.7844 14.9483 4.388 14.9983 6.21246C15.0382 7.66242 14.4386 11.3113 8.11251 13.9232L7.92263 14H7.91263ZM4.97445 2.95724C4.7246 2.95724 4.47475 2.99565 4.2349 3.07247C2.98567 3.45657 2.05625 4.7721 1.98629 6.26047C1.92633 7.49918 2.38604 10.6008 7.92263 12.9629C11.8102 11.3017 14.0888 8.7955 14.0189 6.23166C13.9789 4.7913 13.1494 3.53339 11.9601 3.11088C10.7809 2.68838 9.47167 3.13969 8.37235 4.33999L7.93262 4.85852L7.54286 4.3976C6.79332 3.45657 5.88388 2.94764 4.97445 2.94764V2.95724Z" fill="#3F2B2E"/>
|
|
806
806
|
</svg>
|
|
807
|
-
`,_t={wishlist:s3,playerv:r3,chevronRight:l3,chevronLeft:a3,icoPlus:v3,icoMinus:f3,"star-0":c3,"star-25":h3,"star-50":d3,"star-75":p3,"star-100":C3,cross:g3,search:u3,arrowLeft:w3,arrowTop:b3,cart:m3,notifyme:L3,triangledown:y3,triangleup:x3,checkstroke:H3,pause:V3,mapDualArrow:B3,swipeDualArrow:E3,backToBag:_3,checkbox:F3,sliderLeftArrow:S3,sliderRightArrow:A3},i2={"occ-address":{small:P3,medium:O3,large:z3},"occ-back":{small:I3,medium:D3,large:T3},"occ-bag-filled":{small:j3,medium:R3,large:U3},"occ-bag-outlined":{small:q3,medium:N3,large:K3},"occ-bag-strike":{small:W3,medium:G3,large:X3},"occ-bottle":{small:Y3,medium:J3,large:Q3},"occ-briefcase":{small:t6,medium:e6,large:i6},"occ-burger":{small:o6,medium:n6,large:s6},"occ-card":{small:r6,medium:l6,large:a6},"occ-career":{small:c6,medium:h6,large:d6},"occ-check-filled":{small:p6,medium:C6,large:g6},"occ-check-outlined":{small:u6,medium:v6,large:f6},"occ-chevron-bottom":{small:w6,medium:b6,large:m6},"occ-chevron-double":{small:L6,medium:y6,large:x6},"occ-chevron-left":{small:H6,medium:V6,large:B6},"occ-chevron-right":{small:$6,medium:E6,large:M6},"occ-chevron-top":{small:k6,medium:Z6,large:_6},"occ-close-filled":{small:F6,medium:S6,large:A6},"occ-close-outlined":{small:P6,medium:O6,large:z6},"occ-cream":{small:I6,medium:D6,large:T6},"occ-cream-tube":{small:j6,medium:R6,large:U6},"occ-eye-hide":{small:q6,medium:N6,large:K6},"occ-eye-show":{small:W6,medium:G6,large:X6},"occ-geoloc":{small:Y6,medium:J6,large:Q6},"occ-gift":{small:t4,medium:e4,large:i4},"occ-hand-shake":{small:o4,medium:n4,large:s4},"occ-info":{small:r4,medium:l4,large:a4},"occ-location":{small:c4,medium:h4,large:d4},"occ-mail":{small:p4,medium:C4,large:g4},"occ-message":{small:u4,medium:v4,large:f4},"occ-minus":{small:w4,medium:b4,large:m4},"occ-order":{small:L4,medium:y4,large:x4},"occ-order-sent":{small:H4,medium:V4,large:B4},"occ-padlock":{small:$4,medium:E4,large:M4},"occ-pause":{small:k4,medium:Z4,large:_4},"occ-play":{small:F4,medium:S4,large:A4},"occ-plus":{small:P4,medium:O4,large:z4},"occ-product":{small:I4,medium:D4,large:T4},"occ-profil-filled":{small:j4,medium:R4,large:U4},"occ-profil-outlined":{small:q4,medium:N4,large:K4},"occ-refill":{small:W4,medium:G4,large:X4},"occ-refine":{small:Y4,medium:J4,large:Q4},"occ-reward-card":{small:tt,medium:et,large:it},"occ-samples":{small:ot,medium:nt,large:st},"occ-search":{small:rt,medium:lt,large:at},"occ-star-0":{small:ct,medium:ht,large:dt},"occ-star-100":{small:pt,medium:Ct,large:gt},"occ-star-25":{small:ut,medium:vt,large:ft},"occ-star-50":{small:wt,medium:bt,large:mt},"occ-star-75":{small:Lt,medium:yt,large:xt},"occ-store":{small:Ht,medium:Vt,large:Bt},"occ-warning":{small:$t,medium:Et,large:Mt},"occ-wishlist-filled":{small:kt,medium:x2,large:x2},"occ-wishlist-outlined":{small:Zt,medium:H2,large:H2}},Ft=Object.fromEntries(Object.entries(i2).map(([e,t])=>[e,t.medium??t.small??t.large??""])),F2={..._t,...Ft},St={xsmall:8,small:12,medium:16,large:24},At=e=>Object.prototype.hasOwnProperty.call(i2,e),Pt=e=>e==="xsmall"?"small":e,Ot=(e,t,i)=>{const n=i2[e];if(i){const o=Pt(t);return n[o]??n.large??n.medium??n.small??""}return n.large??n.medium??n.small??""},zt=(e,{size:t,bgstyle:i})=>{const n=St[t],o=i==="none-light"||i==="none-contrast";let s=F2[e]??"";return At(e)&&(s=Ot(e,t,o)),{svg:s,pixelSize:n,shouldApplyLogicalSize:o}},
|
|
807
|
+
`,_t={wishlist:s3,playerv:r3,chevronRight:l3,chevronLeft:a3,icoPlus:v3,icoMinus:f3,"star-0":c3,"star-25":h3,"star-50":d3,"star-75":p3,"star-100":C3,cross:g3,search:u3,arrowLeft:w3,arrowTop:b3,cart:m3,notifyme:L3,triangledown:y3,triangleup:x3,checkstroke:H3,pause:V3,mapDualArrow:B3,swipeDualArrow:E3,backToBag:_3,checkbox:F3,sliderLeftArrow:S3,sliderRightArrow:A3},i2={"occ-address":{small:P3,medium:O3,large:z3},"occ-back":{small:I3,medium:D3,large:T3},"occ-bag-filled":{small:j3,medium:R3,large:U3},"occ-bag-outlined":{small:q3,medium:N3,large:K3},"occ-bag-strike":{small:W3,medium:G3,large:X3},"occ-bottle":{small:Y3,medium:J3,large:Q3},"occ-briefcase":{small:t6,medium:e6,large:i6},"occ-burger":{small:o6,medium:n6,large:s6},"occ-card":{small:r6,medium:l6,large:a6},"occ-career":{small:c6,medium:h6,large:d6},"occ-check-filled":{small:p6,medium:C6,large:g6},"occ-check-outlined":{small:u6,medium:v6,large:f6},"occ-chevron-bottom":{small:w6,medium:b6,large:m6},"occ-chevron-double":{small:L6,medium:y6,large:x6},"occ-chevron-left":{small:H6,medium:V6,large:B6},"occ-chevron-right":{small:$6,medium:E6,large:M6},"occ-chevron-top":{small:k6,medium:Z6,large:_6},"occ-close-filled":{small:F6,medium:S6,large:A6},"occ-close-outlined":{small:P6,medium:O6,large:z6},"occ-cream":{small:I6,medium:D6,large:T6},"occ-cream-tube":{small:j6,medium:R6,large:U6},"occ-eye-hide":{small:q6,medium:N6,large:K6},"occ-eye-show":{small:W6,medium:G6,large:X6},"occ-geoloc":{small:Y6,medium:J6,large:Q6},"occ-gift":{small:t4,medium:e4,large:i4},"occ-hand-shake":{small:o4,medium:n4,large:s4},"occ-info":{small:r4,medium:l4,large:a4},"occ-location":{small:c4,medium:h4,large:d4},"occ-mail":{small:p4,medium:C4,large:g4},"occ-message":{small:u4,medium:v4,large:f4},"occ-minus":{small:w4,medium:b4,large:m4},"occ-order":{small:L4,medium:y4,large:x4},"occ-order-sent":{small:H4,medium:V4,large:B4},"occ-padlock":{small:$4,medium:E4,large:M4},"occ-pause":{small:k4,medium:Z4,large:_4},"occ-play":{small:F4,medium:S4,large:A4},"occ-plus":{small:P4,medium:O4,large:z4},"occ-product":{small:I4,medium:D4,large:T4},"occ-profil-filled":{small:j4,medium:R4,large:U4},"occ-profil-outlined":{small:q4,medium:N4,large:K4},"occ-refill":{small:W4,medium:G4,large:X4},"occ-refine":{small:Y4,medium:J4,large:Q4},"occ-reward-card":{small:tt,medium:et,large:it},"occ-samples":{small:ot,medium:nt,large:st},"occ-search":{small:rt,medium:lt,large:at},"occ-star-0":{small:ct,medium:ht,large:dt},"occ-star-100":{small:pt,medium:Ct,large:gt},"occ-star-25":{small:ut,medium:vt,large:ft},"occ-star-50":{small:wt,medium:bt,large:mt},"occ-star-75":{small:Lt,medium:yt,large:xt},"occ-store":{small:Ht,medium:Vt,large:Bt},"occ-warning":{small:$t,medium:Et,large:Mt},"occ-wishlist-filled":{small:kt,medium:x2,large:x2},"occ-wishlist-outlined":{small:Zt,medium:H2,large:H2}},Ft=Object.fromEntries(Object.entries(i2).map(([e,t])=>[e,t.medium??t.small??t.large??""])),F2={..._t,...Ft},St={xsmall:8,small:12,medium:16,large:24},At=e=>Object.prototype.hasOwnProperty.call(i2,e),Pt=e=>e==="xsmall"?"small":e,Ot=(e,t,i)=>{const n=i2[e];if(i){const o=Pt(t);return n[o]??n.large??n.medium??n.small??""}return n.large??n.medium??n.small??""},zt=(e,{size:t,bgstyle:i})=>{const n=St[t],o=i==="none-light"||i==="none-contrast";let s=F2[e]??"";return At(e)&&(s=Ot(e,t,o)),{svg:s,pixelSize:n,shouldApplyLogicalSize:o}},M1=F2,It={strikeDiagonal:$3},Dt={success:M3,error:k3,info:Z3};/**
|
|
808
808
|
* @license
|
|
809
809
|
* Copyright 2017 Google LLC
|
|
810
810
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -816,7 +816,7 @@
|
|
|
816
816
|
* @license
|
|
817
817
|
* Copyright 2017 Google LLC
|
|
818
818
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
819
|
-
*/class q1 extends U1{}q1.directiveName="unsafeSVG",q1.resultType=2;const
|
|
819
|
+
*/class q1 extends U1{}q1.directiveName="unsafeSVG",q1.resultType=2;const O=n2(q1);/**
|
|
820
820
|
* @license
|
|
821
821
|
* Copyright 2020 Google LLC
|
|
822
822
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -824,28 +824,28 @@
|
|
|
824
824
|
* @license
|
|
825
825
|
* Copyright 2017 Google LLC
|
|
826
826
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
827
|
-
*/const
|
|
827
|
+
*/const b1=(e,t)=>{var n;const i=e._$AN;if(i===void 0)return!1;for(const o of i)(n=o._$AO)==null||n.call(o,t,!1),b1(o,t);return!0},S1=e=>{let t,i;do{if((t=e._$AM)===void 0)break;i=t._$AN,i.delete(e),e=t}while((i==null?void 0:i.size)===0)},S2=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(i===void 0)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),Ut(t)}};function jt(e){this._$AN!==void 0?(S1(this),this._$AM=e,S2(this)):this._$AM=e}function Rt(e,t=!1,i=0){const n=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(n))for(let s=i;s<n.length;s++)b1(n[s],!1),S1(n[s]);else n!=null&&(b1(n,!1),S1(n));else b1(this,e)}const Ut=e=>{e.type==o2.CHILD&&(e._$AP??(e._$AP=Rt),e._$AQ??(e._$AQ=jt))};class qt extends s2{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,n){super._$AT(t,i,n),S2(this),this.isConnected=t._$AU}_$AO(t,i=!0){var n,o;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(o=this.disconnected)==null||o.call(this)),i&&(b1(this,t),S1(this))}setValue(t){if(Tt(this._$Ct))this._$Ct._$AI(t,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}class Nt extends qt{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[i]){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(i),this.groom(i),this.prevData={...i}}apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];s!==i[o]&&(n[o]=s)}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&(n[o]=void 0)}}class Kt extends Nt{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const i in t){const n=t[i];n!==this.eventData[i]&&this.applyEvent(i,n)}}applyEvent(t,i){const{prevData:n,element:o}=this;this.eventData[t]=i,n[t]&&o.removeEventListener(t,this,i),o.addEventListener(t,this,i)}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i)(!t||!(o in t)&&n[o]===i[o])&&this.groomEvent(o,i[o])}groomEvent(t,i){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,i)}handleEvent(t){const i=this.eventData[t.type];typeof i=="function"?i.call(this.host,t):i.handleEvent(t)}disconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.removeEventListener(o,this,s)}}reconnected(){const{eventData:t,element:i}=this;for(const n in t){const o=n.slice(1),s=t[n];i.addEventListener(o,this,s)}}}class Wt extends Kt{apply(t){if(!t)return;const{prevData:i,element:n}=this;for(const o in t){const s=t[o];if(s===i[o])continue;const r=o.slice(1);switch(o[0]){case"@":this.eventData[r]=s,this.applyEvent(r,s);break;case".":n[r]=s;break;case"?":s?n.setAttribute(r,""):n.removeAttribute(r);break;default:s!=null?n.setAttribute(o,String(s)):n.removeAttribute(o);break}}}groom(t){const{prevData:i,element:n}=this;if(i)for(const o in i){const s=o.slice(1);if(!t||!(o in t)&&n[s]===i[o])switch(o[0]){case"@":this.groomEvent(s,i[o]);break;case".":n[s]=void 0;break;case"?":n.removeAttribute(s);break;default:n.removeAttribute(o);break}}}}const V2=n2(Wt);/**
|
|
828
828
|
* @license
|
|
829
829
|
* Copyright 2018 Google LLC
|
|
830
830
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
831
|
-
*/const
|
|
831
|
+
*/const M=e=>e??d;var Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,T=(e,t,i,n)=>{for(var o=n>1?void 0:n?Xt(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Gt(t,i,o),o};let k=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(e){super.updated(e),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:e,pixelSize:t,shouldApplyLogicalSize:i}=zt(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,o=i?` width="${t}" height="${t}"`:"",r=(i?e.replace(/\s(width|height)=\"[^\"]*\"/g,""):e).replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${o}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),c=this.showSrLabel?a`<span class="sr-only">${this.srLabel}</span>`:null,h=this.showSrLabel?null:"icon";return a`
|
|
832
832
|
${this.type==="span"?a`
|
|
833
833
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">
|
|
834
|
-
${
|
|
834
|
+
${O(r)}
|
|
835
835
|
</span>
|
|
836
836
|
`:a`
|
|
837
837
|
<button
|
|
838
838
|
type="button"
|
|
839
|
-
aria-label=${
|
|
839
|
+
aria-label=${M(h)}
|
|
840
840
|
aria-describedby=${this.getAttribute("aria-describedby")||d}
|
|
841
841
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
|
|
842
842
|
?disabled="${this.disabled}"
|
|
843
843
|
>
|
|
844
|
-
${
|
|
844
|
+
${O(r)}
|
|
845
845
|
${c}
|
|
846
846
|
</button>
|
|
847
847
|
`}
|
|
848
|
-
`}};
|
|
848
|
+
`}};k.styles=g`
|
|
849
849
|
:host {
|
|
850
850
|
display: inline-flex;
|
|
851
851
|
justify-content: center;
|
|
@@ -1021,13 +1021,13 @@
|
|
|
1021
1021
|
}
|
|
1022
1022
|
|
|
1023
1023
|
.icon-button:focus-visible {
|
|
1024
|
-
${
|
|
1024
|
+
${i1}
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
1027
|
.sr-only {
|
|
1028
1028
|
${Q1}
|
|
1029
1029
|
}
|
|
1030
|
-
`;T([l({type:String,reflect:!0})],
|
|
1030
|
+
`;T([l({type:String,reflect:!0})],k.prototype,"bgstyle",2);T([l({type:String,reflect:!0})],k.prototype,"size",2);T([l({type:String,reflect:!0})],k.prototype,"status",2);T([l({type:String,reflect:!0})],k.prototype,"type",2);T([l({type:String})],k.prototype,"strokewidth",2);T([l({type:String})],k.prototype,"icon",2);T([l({type:Boolean,reflect:!0})],k.prototype,"disabled",2);T([l({type:Boolean})],k.prototype,"showSrLabel",2);T([l({type:String})],k.prototype,"srLabel",2);k=T([f("o-icon-button")],k);var Yt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?Jt(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Yt(t,i,o),o};let C=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.labelAriaDialogPanel="",this.addToBagProductCount="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this.previousFocusedSelector=null,this._onOpenDetail=async e=>{var i,n;const t=((i=e.detail)==null?void 0:i.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const o=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");o&&o.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=e=>{this.open&&(e.key==="Escape"?this.closePanel():e.key==="Tab"&&this.trapFocus(e))},this.handleClosePanel=e=>{if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&i){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),o=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const s=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",s),o()};n.addEventListener("animationend",s)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,i,n;(n=this.getFocusableElements().map(o=>this.resolveFocusable(o)).filter(o=>!!o&&!o.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((i=this.shadowRoot)==null?void 0:i.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(e){var i;const t=e.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((i=e.shadowRoot)==null?void 0:i.querySelector("button, .button"))??e:e}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),this.addEventListener("focusin",e=>{e.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var o,s,r,c,h;await this.updateComplete;const e=this.getDeepActiveElement(document);if(e&&e!==document.body)try{e.blur()}catch{}await new Promise(requestAnimationFrame);const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(r=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:r.focus)==null||c.call(r,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.labelAriaDialogPanel||"panel-title")}_restoreFocusToOrigin(){var t,i;const e=this._detailOriginEl;!e||!document.contains(e)||((i=(t=document.activeElement)==null?void 0:t.blur)==null||i.call(t),requestAnimationFrame(()=>{var o;e.classList.add("a--tabfocus"),(((o=e.shadowRoot)==null?void 0:o.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??e).focus({preventScroll:!0})}))}getDeepActiveElement(e=this.shadowRoot){let t=e.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(e){var s;if(e.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const i=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=r?this.resolveFocusable(r):null,u=c?this.resolveFocusable(c):null;if(e.shiftKey&&h&&i===h&&u){e.preventDefault(),e.stopPropagation(),u.focus({preventScroll:!0});return}if(!e.shiftKey&&u&&i===u){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(C.focusablesSelector))??h??u).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const r=t.querySelector(".close-btn"),c=r?this.resolveFocusable(r):null,h=t.querySelector(".js-clear-refinements"),u=h?this.resolveFocusable(h):null,L=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&u){if(!e.shiftKey&&i===u)return L(c);if(e.shiftKey&&i===c)return L(u)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const e=this.renderRoot.querySelector(".panel");if(!e)return[];function t(o){return!(o.disabled||o.hasAttribute("disabled")||o.hasAttribute("tabindex")&&o.getAttribute("tabindex")==="-1")}function i(o){var r;const s=[o.matches(C.focusablesSelector)?o:[]];if(!["o-icon-button","o-button"].includes(o.tagName.toLowerCase())){const c=Array.from(o instanceof HTMLSlotElement?o.assignedElements({flatten:!0}):[]).filter(t).flatMap(i),h=Array.from(((r=o.shadowRoot)==null?void 0:r.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...h)}return s.flat()}return Array.from(e.querySelectorAll("*")).filter(t).flatMap(i)}openPanel(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const e=this.renderRoot.querySelector(".panel");e&&e.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var i,n;if(this.showHeader){const o=(i=this.shadowRoot)==null?void 0:i.querySelector(".panel .close-btn"),s=this.resolveFocusable(o);(n=s==null?void 0:s.focus)==null||n.call(s,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var i,n,o;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let e=this.previousFocusedElement;e!=null&&e.isConnected||(e=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(e==null?void 0:e.tagName.toLowerCase())==="o-button"?(o=(n=(i=e.shadowRoot)==null?void 0:i.querySelector(".button"))==null?void 0:n.focus)==null||o.call(n):e==null||e.focus();const t=this.renderRoot.querySelector(".panel");t&&t.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:e.target}})))}handleSecondClick(e){e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:e.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const e=this.showHeader?a`
|
|
1031
1031
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
1032
1032
|
${this.showHeaderStartIcon?a`
|
|
1033
1033
|
<o-icon-button
|
|
@@ -1049,7 +1049,7 @@
|
|
|
1049
1049
|
${this.addToBagProductCount?a`<span class="a-quantity">${this.addToBagProductCount}</span>`:null}
|
|
1050
1050
|
</div>
|
|
1051
1051
|
<o-icon-button
|
|
1052
|
-
icon="
|
|
1052
|
+
icon="occ-close-outlined"
|
|
1053
1053
|
size="small"
|
|
1054
1054
|
class="close-btn"
|
|
1055
1055
|
bgstyle="background-light"
|
|
@@ -1256,7 +1256,7 @@
|
|
|
1256
1256
|
|
|
1257
1257
|
.panel:focus-visible,
|
|
1258
1258
|
.close-btn:focus-visible {
|
|
1259
|
-
${
|
|
1259
|
+
${i1}
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
1262
1262
|
[role="document"] {
|
|
@@ -1349,7 +1349,7 @@
|
|
|
1349
1349
|
overflow: auto;
|
|
1350
1350
|
box-sizing: border-box;
|
|
1351
1351
|
}
|
|
1352
|
-
`;C.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';C.focusablesCustomElementsSelector="o-icon-button, o-button";C.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([l({type:Boolean,reflect:!0})],C.prototype,"open",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeader",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showFooter",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeaderStartIcon",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitle",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitleClassName",2);w([l({type:String,reflect:!0})],C.prototype,"labelDialog",2);w([l({type:String,reflect:!0})],C.prototype,"labelAriaDialogPanel",2);w([l({type:String,reflect:!0})],C.prototype,"addToBagProductCount",2);w([l({type:String,reflect:!0})],C.prototype,"closeButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"goBackButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"firstButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onFirstButtonClickClose",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"secondButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onSecondButtonClickClose",2);w([l({type:Boolean,reflect:!0})],C.prototype,"disablePortal",2);w([l({type:Number,reflect:!0})],C.prototype,"zIndex",2);w([l({type:Boolean,reflect:!0})],C.prototype,"initialized",2);w([l({type:Boolean})],C.prototype,"showDetail",2);w([l({type:Boolean})],C.prototype,"isHidingDetail",2);C=w([f("o-side-panel")],C);var Qt=Object.defineProperty,t5=Object.getOwnPropertyDescriptor,H=(e,t,i,n)=>{for(var o=n>1?void 0:n?t5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Qt(t,i,o),o};const e5=e2(p);let b=class extends e5{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,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[t2].form}handleClick(e){if(!(e instanceof KeyboardEvent&&!["Enter"," "].includes(e.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof C&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(e.preventDefault(),t.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(e){const t=e==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const i=
|
|
1352
|
+
`;C.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';C.focusablesCustomElementsSelector="o-icon-button, o-button";C.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([l({type:Boolean,reflect:!0})],C.prototype,"open",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeader",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showFooter",2);w([l({type:Boolean,reflect:!0})],C.prototype,"showHeaderStartIcon",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitle",2);w([l({type:String,reflect:!0})],C.prototype,"headerTitleClassName",2);w([l({type:String,reflect:!0})],C.prototype,"labelDialog",2);w([l({type:String,reflect:!0})],C.prototype,"labelAriaDialogPanel",2);w([l({type:String,reflect:!0})],C.prototype,"addToBagProductCount",2);w([l({type:String,reflect:!0})],C.prototype,"closeButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"goBackButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"firstButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"firstButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onFirstButtonClickClose",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonLabel",2);w([l({type:String,reflect:!0})],C.prototype,"secondButtonVariant",2);w([l({type:Object,reflect:!0})],C.prototype,"secondButtonProps",2);w([l({type:Boolean,reflect:!0})],C.prototype,"onSecondButtonClickClose",2);w([l({type:Boolean,reflect:!0})],C.prototype,"disablePortal",2);w([l({type:Number,reflect:!0})],C.prototype,"zIndex",2);w([l({type:Boolean,reflect:!0})],C.prototype,"initialized",2);w([l({type:Boolean})],C.prototype,"showDetail",2);w([l({type:Boolean})],C.prototype,"isHidingDetail",2);C=w([f("o-side-panel")],C);var Qt=Object.defineProperty,t5=Object.getOwnPropertyDescriptor,H=(e,t,i,n)=>{for(var o=n>1?void 0:n?t5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&Qt(t,i,o),o};const e5=e2(p);let b=class extends e5{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,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[t2].form}handleClick(e){if(!(e instanceof KeyboardEvent&&!["Enter"," "].includes(e.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof C&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(e.preventDefault(),t.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(e){const t=e==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const i=M1[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`<span class="${e==="start"?"icon-start":"icon-end"}">${O(i)}</span>`}renderButton(){const e=this.text||this.textsecond;return a`
|
|
1353
1353
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
1354
1354
|
aria-describedby=${this.getAttribute("aria-describedby")||d} >
|
|
1355
1355
|
${this.startIcon?this.renderIcon("start"):d}
|
|
@@ -1494,7 +1494,7 @@
|
|
|
1494
1494
|
}
|
|
1495
1495
|
|
|
1496
1496
|
.button:focus-visible {
|
|
1497
|
-
${
|
|
1497
|
+
${i1};
|
|
1498
1498
|
}
|
|
1499
1499
|
|
|
1500
1500
|
span.text + span.text::before {
|
|
@@ -1584,12 +1584,12 @@
|
|
|
1584
1584
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1585
1585
|
transform: translateX(4px);
|
|
1586
1586
|
}
|
|
1587
|
-
`;H([l()],b.prototype,"type",2);H([l()],b.prototype,"value",2);H([l({type:String,reflect:!0})],b.prototype,"variant",2);H([l({type:String})],b.prototype,"text",2);H([l({type:String})],b.prototype,"textsecond",2);H([l({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);H([l({type:Boolean,reflect:!0})],b.prototype,"disabled",2);H([l({type:String})],b.prototype,"startIconModel",2);H([l({type:String})],b.prototype,"endIconModel",2);H([l({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);H([l({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);H([l({type:String,attribute:"paneltarget"})],b.prototype,"panelTarget",2);H([l({type:String})],b.prototype,"href",2);H([l({type:String})],b.prototype,"target",2);H([l({type:Boolean,reflect:!0})],b.prototype,"underlined",2);H([l({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);H([l({type:Boolean,reflect:!0})],b.prototype,"hideRoleButton",2);b=H([f("o-button")],b);var i5=Object.defineProperty,o5=Object.getOwnPropertyDescriptor,P1=(e,t,i,n)=>{for(var o=n>1?void 0:n?o5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i5(t,i,o),o};let
|
|
1587
|
+
`;H([l()],b.prototype,"type",2);H([l()],b.prototype,"value",2);H([l({type:String,reflect:!0})],b.prototype,"variant",2);H([l({type:String})],b.prototype,"text",2);H([l({type:String})],b.prototype,"textsecond",2);H([l({type:Boolean,reflect:!0})],b.prototype,"fullwidth",2);H([l({type:Boolean,reflect:!0})],b.prototype,"disabled",2);H([l({type:String})],b.prototype,"startIconModel",2);H([l({type:String})],b.prototype,"endIconModel",2);H([l({type:Boolean,reflect:!0,attribute:"starticon"})],b.prototype,"startIcon",2);H([l({type:Boolean,reflect:!0,attribute:"endicon"})],b.prototype,"endIcon",2);H([l({type:String,attribute:"paneltarget"})],b.prototype,"panelTarget",2);H([l({type:String})],b.prototype,"href",2);H([l({type:String})],b.prototype,"target",2);H([l({type:Boolean,reflect:!0})],b.prototype,"underlined",2);H([l({type:Boolean,reflect:!0})],b.prototype,"withbadge",2);H([l({type:Boolean,reflect:!0})],b.prototype,"hideRoleButton",2);b=H([f("o-button")],b);var i5=Object.defineProperty,o5=Object.getOwnPropertyDescriptor,P1=(e,t,i,n)=>{for(var o=n>1?void 0:n?o5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&i5(t,i,o),o};let C1=class extends p{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("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.toggleStatus())}render(){const e=M1.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`
|
|
1588
1588
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
1589
1589
|
<span class="sr-only">${this.label}</span>
|
|
1590
|
-
${
|
|
1590
|
+
${O(e)}
|
|
1591
1591
|
</button>
|
|
1592
|
-
`}setStatus(e){this.status=e,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(e){this.ariaDescribedBy=e,this.requestUpdate()}setLabel(e){this.label=e,this.requestUpdate()}};
|
|
1592
|
+
`}setStatus(e){this.status=e,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(e){this.ariaDescribedBy=e,this.requestUpdate()}setLabel(e){this.label=e,this.requestUpdate()}};C1.styles=g`
|
|
1593
1593
|
:host {
|
|
1594
1594
|
display: inline-flex;
|
|
1595
1595
|
justify-content: center;
|
|
@@ -1619,7 +1619,7 @@
|
|
|
1619
1619
|
}
|
|
1620
1620
|
|
|
1621
1621
|
.wishlist-button:focus-visible {
|
|
1622
|
-
${
|
|
1622
|
+
${i1};
|
|
1623
1623
|
}
|
|
1624
1624
|
|
|
1625
1625
|
.wishlist-button:hover svg path {
|
|
@@ -1643,7 +1643,7 @@
|
|
|
1643
1643
|
.sr-only {
|
|
1644
1644
|
${Q1}
|
|
1645
1645
|
}
|
|
1646
|
-
`;P1([l({type:String,reflect:!0})],
|
|
1646
|
+
`;P1([l({type:String,reflect:!0})],C1.prototype,"status",2);P1([l({type:String,reflect:!0})],C1.prototype,"ariaDescribedBy",2);P1([l({type:String,reflect:!0})],C1.prototype,"label",2);C1=P1([f("o-wishlist-button")],C1);var n5=Object.defineProperty,s5=Object.getOwnPropertyDescriptor,a1=(e,t,i,n)=>{for(var o=n>1?void 0:n?s5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&n5(t,i,o),o};let N=class extends p{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){const e=!!this.href,t=a`
|
|
1647
1647
|
${this.endIcon&&this.reverseEndIcon?a`
|
|
1648
1648
|
<o-icon-button
|
|
1649
1649
|
icon="occ-chevron-left"
|
|
@@ -1667,7 +1667,7 @@
|
|
|
1667
1667
|
<a
|
|
1668
1668
|
class="link-wrapper"
|
|
1669
1669
|
href="${this.href}"
|
|
1670
|
-
target="${
|
|
1670
|
+
target="${M(this.target||void 0)}"
|
|
1671
1671
|
@click="${this._handleClick}"
|
|
1672
1672
|
>
|
|
1673
1673
|
${t}
|
|
@@ -1758,14 +1758,14 @@
|
|
|
1758
1758
|
transform: translateX(-4px);
|
|
1759
1759
|
}
|
|
1760
1760
|
}
|
|
1761
|
-
`;
|
|
1761
|
+
`;a1([l({type:String})],N.prototype,"href",2);a1([l({type:String})],N.prototype,"target",2);a1([l({type:String,reflect:!0})],N.prototype,"template",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"inverse",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"endIcon",2);a1([l({type:Boolean,reflect:!0})],N.prototype,"reverseEndIcon",2);N=a1([f("o-link")],N);var r5=Object.defineProperty,l5=Object.getOwnPropertyDescriptor,O1=(e,t,i,n)=>{for(var o=n>1?void 0:n?l5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&r5(t,i,o),o};let g1=class extends p{constructor(){super(...arguments),this.rating=0}getStarKeys(){const e=[];for(let t=0;t<5;t++){const i=this.rating-t;let n;i>=1?n=100:i<=0?n=0:n=Math.round(i*100/25)*25,e.push(`star-${n}`)}return e}render(){const e=this.getStarKeys();return a`
|
|
1762
1762
|
<div class="rating">
|
|
1763
1763
|
<div class="stars">
|
|
1764
|
-
${e.map(t=>a`<span class="star">${
|
|
1764
|
+
${e.map(t=>a`<span class="star">${O(M1[t]??"")}</span>`)}
|
|
1765
1765
|
</div>
|
|
1766
1766
|
${this.reviewCount!=null&&this.href!=null?a`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1767
1767
|
</div>
|
|
1768
|
-
`}};
|
|
1768
|
+
`}};g1.styles=g`
|
|
1769
1769
|
svg {
|
|
1770
1770
|
width: 12px;
|
|
1771
1771
|
height: 12px;
|
|
@@ -1798,7 +1798,7 @@
|
|
|
1798
1798
|
text-decoration: underline;
|
|
1799
1799
|
cursor: pointer;
|
|
1800
1800
|
}
|
|
1801
|
-
`;O1([l({type:Number})],
|
|
1801
|
+
`;O1([l({type:Number})],g1.prototype,"rating",2);O1([l({type:String})],g1.prototype,"reviewCount",2);O1([l({type:String})],g1.prototype,"href",2);g1=O1([f("o-rating")],g1);var a5=Object.defineProperty,c5=Object.getOwnPropertyDescriptor,o1=(e,t,i,n)=>{for(var o=n>1?void 0:n?c5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&a5(t,i,o),o};let D=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=a`
|
|
1802
1802
|
<o-icon-button
|
|
1803
1803
|
icon="playerv"
|
|
1804
1804
|
size="xsmall"
|
|
@@ -1931,9 +1931,9 @@
|
|
|
1931
1931
|
height: 0;
|
|
1932
1932
|
width: 0;
|
|
1933
1933
|
}
|
|
1934
|
-
`;
|
|
1934
|
+
`;o1([l({type:Array})],D.prototype,"thumbnails",2);o1([l({type:Number})],D.prototype,"activeIndex",2);o1([l({type:Array})],D.prototype,"disabledIndexes",2);o1([l({type:String})],D.prototype,"maxWidth",2);o1([l({type:String})],D.prototype,"altressource",2);o1([l({type:Object})],D.prototype,"swiperInstance",2);o1([G()],D.prototype,"focusedIndex",2);D=o1([f("thumbnail-navigation")],D);var h5=Object.defineProperty,d5=Object.getOwnPropertyDescriptor,r2=(e,t,i,n)=>{for(var o=n>1?void 0:n?d5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&h5(t,i,o),o};let x1=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return a`
|
|
1935
1935
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1936
|
-
`}};
|
|
1936
|
+
`}};x1.styles=g`
|
|
1937
1937
|
.tag {
|
|
1938
1938
|
display: inline-block;
|
|
1939
1939
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1989,12 +1989,12 @@
|
|
|
1989
1989
|
text-overflow: ellipsis;
|
|
1990
1990
|
}
|
|
1991
1991
|
|
|
1992
|
-
`;r2([l({type:String,reflect:!0})],
|
|
1992
|
+
`;r2([l({type:String,reflect:!0})],x1.prototype,"type",2);r2([l({type:String,reflect:!0})],x1.prototype,"bgstyle",2);x1=r2([f("o-tag")],x1);var p5=Object.defineProperty,C5=Object.getOwnPropertyDescriptor,l2=(e,t,i,n)=>{for(var o=n>1?void 0:n?C5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&p5(t,i,o),o};let H1=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return a`
|
|
1993
1993
|
<div class="tooltip">
|
|
1994
1994
|
<span class="tooltiptext">${this.text}</span>
|
|
1995
1995
|
<slot></slot>
|
|
1996
1996
|
</div>
|
|
1997
|
-
`}};
|
|
1997
|
+
`}};H1.styles=g`
|
|
1998
1998
|
.tooltip {
|
|
1999
1999
|
position: relative;
|
|
2000
2000
|
display: inline-block;
|
|
@@ -2086,7 +2086,7 @@
|
|
|
2086
2086
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
2087
2087
|
}
|
|
2088
2088
|
|
|
2089
|
-
`;l2([l({type:String,reflect:!0})],
|
|
2089
|
+
`;l2([l({type:String,reflect:!0})],H1.prototype,"type",2);l2([l({type:String,reflect:!0})],H1.prototype,"text",2);H1=l2([f("o-tooltip")],H1);var g5=Object.defineProperty,u5=Object.getOwnPropertyDescriptor,X=(e,t,i,n)=>{for(var o=n>1?void 0:n?u5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&g5(t,i,o),o};let z=class extends p{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=e=>{this.contains(e.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 e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(e){this.options.length>0&&(this.options.some(i=>i.value===this.value)||(this.value=this.options[0].value))}render(){const e=M1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
|
|
2090
2090
|
<button
|
|
2091
2091
|
role="combobox"
|
|
2092
2092
|
aria-haspopup="listbox"
|
|
@@ -2126,10 +2126,10 @@
|
|
|
2126
2126
|
${i.url?a`
|
|
2127
2127
|
<a href="${i.url}">
|
|
2128
2128
|
<span>${i.label}</span>
|
|
2129
|
-
${i.value===this.value?a`<span class="check">${
|
|
2129
|
+
${i.value===this.value?a`<span class="check">${O(e)}</span>`:null}
|
|
2130
2130
|
</a>`:a`
|
|
2131
2131
|
<span>${i.label}</span>
|
|
2132
|
-
${i.value===this.value?a`<span class="check">${
|
|
2132
|
+
${i.value===this.value?a`<span class="check">${O(e)}</span>`:null}`}
|
|
2133
2133
|
</li>`)}
|
|
2134
2134
|
</ul>`:null}
|
|
2135
2135
|
|
|
@@ -2314,7 +2314,7 @@
|
|
|
2314
2314
|
:host([aria-current="true"]:active) .dots {
|
|
2315
2315
|
background-color: var(--color-container-action-primary-pressed);
|
|
2316
2316
|
}
|
|
2317
|
-
`;N1=f5([f("o-dots")],N1);var w5=Object.defineProperty,b5=Object.getOwnPropertyDescriptor,j=(e,t,i,n)=>{for(var o=n>1?void 0:n?b5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&w5(t,i,o),o};let
|
|
2317
|
+
`;N1=f5([f("o-dots")],N1);var w5=Object.defineProperty,b5=Object.getOwnPropertyDescriptor,j=(e,t,i,n)=>{for(var o=n>1?void 0:n?b5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&w5(t,i,o),o};let Z=class extends p{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=e=>{this.contains(e.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 e;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=(e=this.renderRoot)==null?void 0:e.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const e=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);e==null||e.focus()}selectOption(e){this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:e.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(e){if(this.disabled){e.preventDefault();return}if(!this.open){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":e.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":e.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":e.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":e.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 e=M1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
|
|
2318
2318
|
<button
|
|
2319
2319
|
role="combobox"
|
|
2320
2320
|
aria-haspopup="listbox"
|
|
@@ -2328,7 +2328,7 @@
|
|
|
2328
2328
|
?disabled=${this.disabled}
|
|
2329
2329
|
class="btn-dropdown"
|
|
2330
2330
|
>
|
|
2331
|
-
<img alt="${
|
|
2331
|
+
<img alt="${M(t==null?void 0:t.label)}" src="${M(t==null?void 0:t.imgurl)}" />
|
|
2332
2332
|
<span id="dropdown-label" class="label">
|
|
2333
2333
|
${t?t.label:"Select an option"}
|
|
2334
2334
|
</span>
|
|
@@ -2362,13 +2362,13 @@
|
|
|
2362
2362
|
class="${n===this.activeIndex?"active":""} ${i.disabled?"disabled":""}"
|
|
2363
2363
|
@click=${()=>this.selectOption(i)}
|
|
2364
2364
|
>
|
|
2365
|
-
<a href="${
|
|
2366
|
-
<img alt="${
|
|
2365
|
+
<a href="${M(i.url)}">
|
|
2366
|
+
<img alt="${M(i.label)}" src="${M(i.imgurl)}" />
|
|
2367
2367
|
<span class="label">${i.label}</span>
|
|
2368
2368
|
<div class="right">
|
|
2369
|
-
<span class="additional-text">${
|
|
2369
|
+
<span class="additional-text">${M(i.additionaltext)}</span>
|
|
2370
2370
|
${i.value===this.value&&!i.additionaltext?a`
|
|
2371
|
-
<span class="check">${
|
|
2371
|
+
<span class="check">${O(e)}</span>`:null}
|
|
2372
2372
|
</div>
|
|
2373
2373
|
</a>
|
|
2374
2374
|
</li>
|
|
@@ -2376,7 +2376,7 @@
|
|
|
2376
2376
|
</ul>`:null}
|
|
2377
2377
|
|
|
2378
2378
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
2379
|
-
`}};
|
|
2379
|
+
`}};Z.styles=g`
|
|
2380
2380
|
:host {
|
|
2381
2381
|
display: inline-block;
|
|
2382
2382
|
position: relative;
|
|
@@ -2552,17 +2552,17 @@
|
|
|
2552
2552
|
input[type="hidden"] {
|
|
2553
2553
|
display: none;
|
|
2554
2554
|
}
|
|
2555
|
-
`;j([l({type:Array,reflect:!0})],
|
|
2555
|
+
`;j([l({type:Array,reflect:!0})],Z.prototype,"options",2);j([l({type:String,reflect:!0})],Z.prototype,"value",2);j([l({type:String,reflect:!0})],Z.prototype,"name",2);j([l({type:String,reflect:!0})],Z.prototype,"additionaltext",2);j([l({type:Boolean,reflect:!0})],Z.prototype,"disabled",2);j([l({type:String,reflect:!0})],Z.prototype,"width",2);j([G()],Z.prototype,"open",2);j([G()],Z.prototype,"activeIndex",2);j([G()],Z.prototype,"menuWidth",2);Z=j([f("o-dropdown-variant")],Z);/**
|
|
2556
2556
|
* @license
|
|
2557
2557
|
* Copyright 2018 Google LLC
|
|
2558
2558
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2559
|
-
*/const A2="important",m5=" !"+A2,L5=n2(class extends s2{constructor(e){var t;if(super(e),e.type!==o2.ATTRIBUTE||e.name!=="style"||((t=e.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(e){return Object.keys(e).reduce((t,i)=>{const n=e[i];return n==null?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:i}=e.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("-")?i.removeProperty(n):i[n]=null);for(const n in t){const o=t[n];if(o!=null){this.ft.add(n);const s=typeof o=="string"&&o.endsWith(m5);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?A2:""):i[n]=o}}return e1}});var y5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,a2=(e,t,i,n)=>{for(var o=n>1?void 0:n?x5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&y5(t,i,o),o};let
|
|
2560
|
-
${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${
|
|
2559
|
+
*/const A2="important",m5=" !"+A2,L5=n2(class extends s2{constructor(e){var t;if(super(e),e.type!==o2.ATTRIBUTE||e.name!=="style"||((t=e.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(e){return Object.keys(e).reduce((t,i)=>{const n=e[i];return n==null?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(e,[t]){const{style:i}=e.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("-")?i.removeProperty(n):i[n]=null);for(const n in t){const o=t[n];if(o!=null){this.ft.add(n);const s=typeof o=="string"&&o.endsWith(m5);n.includes("-")||s?i.setProperty(n,s?o.slice(0,-11):o,s?A2:""):i[n]=o}}return e1}});var y5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,a2=(e,t,i,n)=>{for(var o=n>1?void 0:n?x5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&y5(t,i,o),o};let V1=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const e=r=>{const c=document.createElement("textarea");return c.innerHTML=r,c.value},t=this.option&&this.option.clickable,i={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?e(this.option.title):"",o=this.option&&this.option.description?e(this.option.description):"",s=a`
|
|
2560
|
+
${this.option.imgurl?a`<img src="${this.option.imgurl}" alt="${M(n)}" aria-hidden="true" style=${L5(i)} />`:""}
|
|
2561
2561
|
<div class="m-reassurance-content">
|
|
2562
|
-
<h3 class="a-reassurance-text">${
|
|
2563
|
-
<p class="a-reassurance-description">${
|
|
2562
|
+
<h3 class="a-reassurance-text">${M(n)}</h3>
|
|
2563
|
+
<p class="a-reassurance-description">${M(o)}</p>
|
|
2564
2564
|
</div>
|
|
2565
|
-
`;return t?a`<a href="${
|
|
2565
|
+
`;return t?a`<a href="${M(this.option.url)}" class="reassurance-item clickable">${s}</a>`:a`<div class="reassurance-item">${s}</div>`}};V1.styles=g`
|
|
2566
2566
|
:host {
|
|
2567
2567
|
display: inline-block;
|
|
2568
2568
|
position: relative;
|
|
@@ -2643,7 +2643,7 @@
|
|
|
2643
2643
|
-webkit-box-orient: vertical;
|
|
2644
2644
|
overflow: hidden;
|
|
2645
2645
|
}
|
|
2646
|
-
`;a2([l({type:Object,reflect:!0})],
|
|
2646
|
+
`;a2([l({type:Object,reflect:!0})],V1.prototype,"option",2);a2([l({type:Number,reflect:!0})],V1.prototype,"imageSize",2);V1=a2([f("o-reassurance")],V1);var H5=Object.defineProperty,V5=Object.getOwnPropertyDescriptor,Y=(e,t,i,n)=>{for(var o=n>1?void 0:n?V5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&H5(t,i,o),o};const B5=e2(p);let _=class extends B5{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(e){this.selected||(this.selected=!0);const t={selected:this.selected},i=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),i.defaultPrevented&&e.preventDefault(),this.selected=t.selected}render(){const e=this.text;return this.link?a`
|
|
2647
2647
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
|
|
2648
2648
|
aria-current="${this.selected?"true":d}">
|
|
2649
2649
|
${e?this.text:a`<slot></slot>`}
|
|
@@ -2653,7 +2653,7 @@
|
|
|
2653
2653
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2654
2654
|
${e?this.text:a`<slot></slot>`}
|
|
2655
2655
|
</button>
|
|
2656
|
-
`}};
|
|
2656
|
+
`}};_.styles=g`
|
|
2657
2657
|
:host {
|
|
2658
2658
|
cursor: pointer;
|
|
2659
2659
|
display: inline-flex;
|
|
@@ -2734,7 +2734,7 @@
|
|
|
2734
2734
|
|
|
2735
2735
|
.o-chip:focus-visible,
|
|
2736
2736
|
.button:focus-visible {
|
|
2737
|
-
${
|
|
2737
|
+
${i1};
|
|
2738
2738
|
}
|
|
2739
2739
|
|
|
2740
2740
|
span.text + span.text::before {
|
|
@@ -2746,16 +2746,16 @@
|
|
|
2746
2746
|
display: inline-flex;
|
|
2747
2747
|
align-items: center;
|
|
2748
2748
|
}
|
|
2749
|
-
`;Y([l({type:String,reflect:!0})],
|
|
2749
|
+
`;Y([l({type:String,reflect:!0})],_.prototype,"link",2);Y([l({reflect:!0})],_.prototype,"name",2);Y([l({reflect:!0})],_.prototype,"value",2);Y([l({type:String})],_.prototype,"text",2);Y([l({type:String,reflect:!0})],_.prototype,"size",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"selected",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"fullwidth",2);Y([l({type:Boolean,reflect:!0})],_.prototype,"inactive",2);_=Y([f("o-chip")],_);var $5=Object.defineProperty,E5=Object.getOwnPropertyDescriptor,c2=(e,t,i,n)=>{for(var o=n>1?void 0:n?E5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&$5(t,i,o),o};let B1=class extends p{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(e){const t=e.target instanceof _?e.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(i=>{i!==t&&(i.selected=!1)}))}render(){return a`
|
|
2750
2750
|
<slot></slot>
|
|
2751
|
-
`}}
|
|
2751
|
+
`}};B1.styles=g`
|
|
2752
2752
|
:host {
|
|
2753
2753
|
display: flex;
|
|
2754
2754
|
flex-direction: row;
|
|
2755
2755
|
flex-wrap: wrap;
|
|
2756
2756
|
gap: var(--spacing-s);
|
|
2757
2757
|
}
|
|
2758
|
-
`;c2([l({reflect:!0})]
|
|
2758
|
+
`;c2([l({reflect:!0})],B1.prototype,"name",2);c2([l({reflect:!0})],B1.prototype,"value",2);B1=c2([f("o-chipset")],B1);var M5=Object.defineProperty,k5=Object.getOwnPropertyDescriptor,R=(e,t,i,n)=>{for(var o=n>1?void 0:n?k5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&M5(t,i,o),o};const Z5=e2(p);let F=class extends Z5{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(e){if(e instanceof KeyboardEvent&&e.key!=="Enter"&&e.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},i=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),i.defaultPrevented&&e.preventDefault(),this.selected=t.selected}crossIcon(){return a`<o-icon-button size="xsmall" icon="occ-close-outlined" bgstyle="none-light"></o-icon-button>`}strikeThroughImg(){const e=It[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return O(e)}render(){const e=this.text;return a`${this.type==="link"?a`
|
|
2759
2759
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2760
2760
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2761
2761
|
${e?a`
|
|
@@ -2775,7 +2775,7 @@
|
|
|
2775
2775
|
</button>
|
|
2776
2776
|
`}
|
|
2777
2777
|
${this.disabled?this.strikeThroughImg():d}
|
|
2778
|
-
`}};
|
|
2778
|
+
`}};F.styles=g`
|
|
2779
2779
|
:host {
|
|
2780
2780
|
cursor: pointer;
|
|
2781
2781
|
display: inline-flex;
|
|
@@ -2857,7 +2857,7 @@
|
|
|
2857
2857
|
}
|
|
2858
2858
|
|
|
2859
2859
|
.button:focus-visible {
|
|
2860
|
-
${
|
|
2860
|
+
${i1};
|
|
2861
2861
|
}
|
|
2862
2862
|
|
|
2863
2863
|
span.text + span.text::before {
|
|
@@ -2897,7 +2897,7 @@
|
|
|
2897
2897
|
stroke-width: 4px;
|
|
2898
2898
|
stroke-linecap: round;
|
|
2899
2899
|
}
|
|
2900
|
-
`;R([l({reflect:!0})],
|
|
2900
|
+
`;R([l({reflect:!0})],F.prototype,"name",2);R([l({reflect:!0})],F.prototype,"value",2);R([l({type:String,reflect:!0})],F.prototype,"type",2);R([l({type:String,reflect:!0})],F.prototype,"href",2);R([l({type:String,reflect:!0,attribute:"data-href"})],F.prototype,"dataHref",2);R([l({type:String})],F.prototype,"text",2);R([l({type:Boolean,reflect:!0})],F.prototype,"selected",2);R([l({type:Boolean,reflect:!0})],F.prototype,"disabled",2);R([l({type:Boolean,reflect:!0})],F.prototype,"fullwidth",2);F=R([f("o-filter-chip")],F);var _5=Object.defineProperty,A=(e,t,i,n)=>{for(var o=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(t,i,o)||o);return o&&_5(t,i,o),o};const d2=class d2 extends p{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,this.tagText="",this.outOfStock=!1}onClick(t){var n,o,s;const i=t.target;(n=i==null?void 0:i.classList)!=null&&n.contains("add-to-bag")||(o=i==null?void 0:i.classList)!=null&&o.contains("js-availability-notify-details-cart")||((s=this.onClickTile)==null||s.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?a`
|
|
2901
2901
|
<o-icon-button
|
|
2902
2902
|
@click=${this.onClickIcons}
|
|
2903
2903
|
icon="occ-chevron-right"
|
|
@@ -3053,11 +3053,11 @@
|
|
|
3053
3053
|
.fullpointer {
|
|
3054
3054
|
cursor: pointer;
|
|
3055
3055
|
}
|
|
3056
|
-
`;let B=d2;
|
|
3056
|
+
`;let B=d2;A([l({type:String})],B.prototype,"type");A([l({type:String})],B.prototype,"titleProduct");A([l({type:String})],B.prototype,"volume");A([l({type:String})],B.prototype,"perLiter");A([l({type:String})],B.prototype,"mainPrice");A([l({type:String})],B.prototype,"imageUrl");A([l({type:String})],B.prototype,"altImage");A([l({type:Boolean})],B.prototype,"fullwidth");A([l({type:String})],B.prototype,"tagText");A([l({type:Boolean})],B.prototype,"outOfStock");A([l({attribute:!1})],B.prototype,"onClickTile");A([l({attribute:!1})],B.prototype,"onClickIcon");customElements.define("mini-tile",B);var F5=Object.defineProperty,S5=Object.getOwnPropertyDescriptor,z1=(e,t,i,n)=>{for(var o=n>1?void 0:n?S5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&F5(t,i,o),o};let u1=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return a`
|
|
3057
3057
|
<span class="badge">
|
|
3058
3058
|
${this.text?a`${this.text} <span class="sr-only">${this.srlabel}</span>`:a`<slot></slot>`}
|
|
3059
3059
|
</span>
|
|
3060
|
-
`}};
|
|
3060
|
+
`}};u1.styles=g`
|
|
3061
3061
|
:host([variant]) {
|
|
3062
3062
|
--badge-width: 19px;
|
|
3063
3063
|
display: inline-block;
|
|
@@ -3094,10 +3094,10 @@
|
|
|
3094
3094
|
.sr-only {
|
|
3095
3095
|
${Q1}
|
|
3096
3096
|
}
|
|
3097
|
-
`;z1([l({type:String,reflect:!0})],
|
|
3097
|
+
`;z1([l({type:String,reflect:!0})],u1.prototype,"variant",2);z1([l({type:Number})],u1.prototype,"text",2);z1([l({type:String})],u1.prototype,"srlabel",2);u1=z1([f("o-badge")],u1);var A5=Object.defineProperty,P5=Object.getOwnPropertyDescriptor,P=(e,t,i,n)=>{for(var o=n>1?void 0:n?P5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&A5(t,i,o),o};let $=class extends p{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),e=="verticaloffset"&&this.style.setProperty("--vertical-offset",i+"px"),e=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",i+"px"),e=="animationduration"&&this.style.setProperty("--animation-duration",i+"ms")}selfCloseAfterDelay(){var e=this;setTimeout(function(){e.animated=!0,e.selfClose()},this.lifeduration)}selfClose(){var e=this;setTimeout(function(){e.remove()},this.animationduration+200)}connectedCallback(){var e=this;super.connectedCallback(),setTimeout(()=>{e.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,o;var e=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),i=(o=this.renderRoot)==null?void 0:o.querySelector(".o-toast-text");if(i!=null){const s=window.getComputedStyle(i),r=parseInt(s.getPropertyValue("line-height").replace("px","")),c=parseInt(s.getPropertyValue("height").replace("px",""));!isNaN(r)&&!isNaN(c)&&c>r&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){e.remove()})}render(){const t=Dt[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return a`
|
|
3098
3098
|
<div class="o-toast">
|
|
3099
3099
|
<div class="o-toast-icon">
|
|
3100
|
-
${
|
|
3100
|
+
${O(t)}
|
|
3101
3101
|
</div>
|
|
3102
3102
|
<div class="o-toast-text">
|
|
3103
3103
|
${this.text}
|
|
@@ -3105,12 +3105,12 @@
|
|
|
3105
3105
|
<div class="o-toast-close">
|
|
3106
3106
|
<o-icon-button
|
|
3107
3107
|
size="xsmall"
|
|
3108
|
-
icon="
|
|
3108
|
+
icon="occ-close-outlined"
|
|
3109
3109
|
>
|
|
3110
3110
|
</o-icon-button>
|
|
3111
3111
|
</div>
|
|
3112
3112
|
</div>
|
|
3113
|
-
`}}
|
|
3113
|
+
`}};$.styles=g`
|
|
3114
3114
|
:host {
|
|
3115
3115
|
--vertical-offset: 24px;
|
|
3116
3116
|
--horizontal-offset: 24px;
|
|
@@ -3187,7 +3187,7 @@
|
|
|
3187
3187
|
.o-toast-icon {
|
|
3188
3188
|
height: 16px;
|
|
3189
3189
|
}
|
|
3190
|
-
`;
|
|
3190
|
+
`;P([l({type:String,reflect:!0})],$.prototype,"icon",2);P([l({type:String,reflect:!0})],$.prototype,"text",2);P([l({type:String,reflect:!0})],$.prototype,"verticalanchor",2);P([l({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);P([l({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);P([l({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);P([l({type:Number,reflect:!0})],$.prototype,"animationduration",2);P([l({type:String,reflect:!0})],$.prototype,"animationaxis",2);P([l({type:Boolean,reflect:!0})],$.prototype,"animated",2);P([l({type:Number,reflect:!0})],$.prototype,"lifeduration",2);P([l({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=P([f("o-toast")],$);var O5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,I=(e,t,i,n)=>{for(var o=n>1?void 0:n?z5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&O5(t,i,o),o};let I5=0,E=class extends p{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++I5}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(e){this.syncInput()}handleKeyDown(e){this.disabled||(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.toggle())}render(){const e=a`<o-icon-button size="${this.size==="L"?"small":"xsmall"}" icon="occ-check-outlined" bgstyle="none-light"></o-icon-button>`,t=a`<o-icon-button size="${this.size==="L"?"small":"xsmall"}" icon="occ-minus" bgstyle="none-light"></o-icon-button>`;return a`
|
|
3191
3191
|
<input
|
|
3192
3192
|
type="checkbox"
|
|
3193
3193
|
id=${this.inputId}
|
|
@@ -3203,7 +3203,7 @@
|
|
|
3203
3203
|
</div>
|
|
3204
3204
|
|
|
3205
3205
|
${this.showLabel?a`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
3206
|
-
`}};
|
|
3206
|
+
`}};E.styles=g`
|
|
3207
3207
|
:host {
|
|
3208
3208
|
display: inline-flex;
|
|
3209
3209
|
align-items: center;
|
|
@@ -3251,7 +3251,7 @@
|
|
|
3251
3251
|
border-color: var(--color-border-primary);
|
|
3252
3252
|
|
|
3253
3253
|
svg {
|
|
3254
|
-
width:
|
|
3254
|
+
width: 100%;
|
|
3255
3255
|
height: 100%;
|
|
3256
3256
|
}
|
|
3257
3257
|
}
|
|
@@ -3305,7 +3305,7 @@
|
|
|
3305
3305
|
svg path {
|
|
3306
3306
|
stroke: var(--color-border-light);
|
|
3307
3307
|
}
|
|
3308
|
-
`;I([l({type:Boolean,reflect:!0})],
|
|
3308
|
+
`;I([l({type:Boolean,reflect:!0})],E.prototype,"checked",2);I([l({type:Boolean,reflect:!0})],E.prototype,"indeterminate",2);I([l({type:Boolean,reflect:!0})],E.prototype,"disabled",2);I([l({type:String,reflect:!0})],E.prototype,"size",2);I([l({type:Boolean})],E.prototype,"showLabel",2);I([l({type:String})],E.prototype,"label",2);I([l({type:String})],E.prototype,"name",2);I([l({type:String})],E.prototype,"value",2);I([l({type:String,reflect:!0})],E.prototype,"inputId",2);I([_2("input")],E.prototype,"inputEl",2);E=I([f("o-checkbox")],E);var D5=Object.defineProperty,T5=Object.getOwnPropertyDescriptor,U=(e,t,i,n)=>{for(var o=n>1?void 0:n?T5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&D5(t,i,o),o};let j5=0,S=class extends p{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++j5}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(e){if(e.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(e){this.disabled||(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.handleClick())}render(){return a`
|
|
3309
3309
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
3310
3310
|
|
|
3311
3311
|
<div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
|
|
@@ -3313,7 +3313,7 @@
|
|
|
3313
3313
|
</div>
|
|
3314
3314
|
|
|
3315
3315
|
${this.showLabel?a`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
3316
|
-
`}};
|
|
3316
|
+
`}};S.styles=g`
|
|
3317
3317
|
:host {
|
|
3318
3318
|
display: inline-flex;
|
|
3319
3319
|
align-items: center;
|
|
@@ -3402,7 +3402,7 @@
|
|
|
3402
3402
|
width: 0;
|
|
3403
3403
|
height: 0;
|
|
3404
3404
|
}
|
|
3405
|
-
`;U([l({type:Boolean,reflect:!0})],
|
|
3405
|
+
`;U([l({type:Boolean,reflect:!0})],S.prototype,"checked",2);U([l({type:Boolean,reflect:!0})],S.prototype,"disabled",2);U([l({type:String,reflect:!0})],S.prototype,"size",2);U([l({type:Boolean})],S.prototype,"showLabel",2);U([l({type:String})],S.prototype,"label",2);U([l({type:String})],S.prototype,"name",2);U([l({type:String})],S.prototype,"value",2);U([l({type:String,reflect:!0})],S.prototype,"inputId",2);U([_2("input")],S.prototype,"inputEl",2);S=U([f("o-radio")],S);var R5=Object.getOwnPropertyDescriptor,U5=(e,t,i,n)=>{for(var o=n>1?void 0:n?R5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let K1=class extends p{render(){return a`
|
|
3406
3406
|
<nav aria-label="Breadcrumbs">
|
|
3407
3407
|
<ul>
|
|
3408
3408
|
<slot></slot>
|
|
@@ -3419,7 +3419,7 @@
|
|
|
3419
3419
|
margin: var(--spacing-4-xs);
|
|
3420
3420
|
padding: var(--spacing-4-xs);
|
|
3421
3421
|
}
|
|
3422
|
-
`;K1=U5([f("o-breadcrumbs")],K1);var q5=Object.defineProperty,N5=Object.getOwnPropertyDescriptor,h2=(e,t,i,n)=>{for(var o=n>1?void 0:n?N5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&q5(t,i,o),o};let
|
|
3422
|
+
`;K1=U5([f("o-breadcrumbs")],K1);var q5=Object.defineProperty,N5=Object.getOwnPropertyDescriptor,h2=(e,t,i,n)=>{for(var o=n>1?void 0:n?N5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&q5(t,i,o),o};let $1=class extends p{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(e){(!this.href||this.href==="#")&&e.preventDefault()}render(){return this.active?a`<p aria-current="page"><slot></slot></p>`:a`
|
|
3423
3423
|
<li>
|
|
3424
3424
|
<a
|
|
3425
3425
|
href="${this.href}"
|
|
@@ -3429,7 +3429,7 @@
|
|
|
3429
3429
|
<slot></slot>
|
|
3430
3430
|
</a>
|
|
3431
3431
|
</li>
|
|
3432
|
-
`}}
|
|
3432
|
+
`}};$1.styles=g`
|
|
3433
3433
|
:host(:not([active]))::after {
|
|
3434
3434
|
content: "/";
|
|
3435
3435
|
margin: 0 0.5rem;
|
|
@@ -3464,13 +3464,13 @@
|
|
|
3464
3464
|
}
|
|
3465
3465
|
|
|
3466
3466
|
a:focus-visible {
|
|
3467
|
-
${
|
|
3467
|
+
${i1};
|
|
3468
3468
|
}
|
|
3469
3469
|
|
|
3470
3470
|
:host(.a--tabfocus) {
|
|
3471
3471
|
outline: none !important;
|
|
3472
3472
|
}
|
|
3473
|
-
`;h2([l({type:String})]
|
|
3473
|
+
`;h2([l({type:String})],$1.prototype,"href",2);h2([l({type:Boolean,reflect:!0})],$1.prototype,"active",2);$1=h2([f("o-breadcrumb")],$1);var K5=Object.defineProperty,W5=Object.getOwnPropertyDescriptor,c1=(e,t,i,n)=>{for(var o=n>1?void 0:n?W5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&K5(t,i,o),o};let K=class extends p{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1,this.showHover=!1}render(){return a`<div class="card">
|
|
3474
3474
|
<svg aria-hidden="true">
|
|
3475
3475
|
<defs>
|
|
3476
3476
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -3565,7 +3565,7 @@
|
|
|
3565
3565
|
:host([dimmed]) .overlay {
|
|
3566
3566
|
opacity: var(--overlay-opacity, 1);
|
|
3567
3567
|
}
|
|
3568
|
-
`;
|
|
3568
|
+
`;c1([l({type:String})],K.prototype,"imageUrl",2);c1([l({type:String})],K.prototype,"imageAlt",2);c1([l({type:String})],K.prototype,"hoverUrl",2);c1([l({type:String})],K.prototype,"hoverAlt",2);c1([l({type:Boolean,reflect:!0})],K.prototype,"dimmed",2);c1([l({type:Boolean,reflect:!0,attribute:"showhover"})],K.prototype,"showHover",2);K=c1([f("o-arch-image")],K);const G5=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
3569
3569
|
<svg
|
|
3570
3570
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
3571
3571
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -3648,7 +3648,7 @@
|
|
|
3648
3648
|
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var X5=Object.defineProperty,Y5=Object.getOwnPropertyDescriptor,V=(e,t,i,n)=>{for(var o=n>1?void 0:n?Y5(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&X5(t,i,o),o};const p2=class p2 extends p{constructor(){super(...arguments),this.ispagedesigner=!1,this._classPopin="",this.open=!1,this.background="",this.backgroundUrl="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.lockScroll=!0,this.variant="fullscreen",this.maxWidth="640px",this.showBackButton=!1,this.contrast=!1,this.iconSize="large",this.hideHeaderOnScroll=!1,this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._headerHidden=!1,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const i=t.composedPath()[0];(n=i==null?void 0:i.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")},this._onScroll=t=>{if(!this.hideHeaderOnScroll||!this.open)return;const o=t.target.scrollTop>50;o!==this._headerHidden&&(this._headerHidden=o,this.requestUpdate())}}get classPopin(){return this.ispagedesigner?"pagedesigner-popin "+this._classPopin:this._classPopin}set classPopin(t){this._classPopin=t}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),this._onScroll=this._onScroll.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),this._removeScrollListener(),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let i="";this.background&&this.background.trim()?i=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(i=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",i)}if(t.has("open")){if(this.lockScroll){const i=document==null?void 0:document.body;i&&(i.style.overflow=this.open&&!this.ispagedesigner?"hidden":"")}this.open?this.updateComplete.then(()=>{var n;(n=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||n.focus(),this._setupScrollListener(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):(this._removeScrollListener(),this._headerHidden=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}(t.has("hideHeaderOnScroll")||t.has("open"))&&(this.open?this._setupScrollListener():this._removeScrollListener())}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_setupScrollListener(){this.hideHeaderOnScroll&&(this._removeScrollListener(),this.updateComplete.then(()=>{const t=this.renderRoot.querySelector('main[part="body"]');t&&t.addEventListener("scroll",this._onScroll,{passive:!0})}))}_removeScrollListener(){const t=this.renderRoot.querySelector('main[part="body"]');t&&t.removeEventListener("scroll",this._onScroll)}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_resolvedIconSize(){return["xsmall","small","medium","large"].includes(this.iconSize)?this.iconSize:"large"}_requestClose(t){const i=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(i),i.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?a`
|
|
3649
3649
|
<o-icon-button
|
|
3650
3650
|
data-close-btn
|
|
3651
|
-
icon="
|
|
3651
|
+
icon="occ-close-outlined"
|
|
3652
3652
|
size="${this._resolvedIconSize()}"
|
|
3653
3653
|
bgstyle="none-${this.contrast?"contrast":"light"}"
|
|
3654
3654
|
status="empty"
|
|
@@ -3688,7 +3688,7 @@
|
|
|
3688
3688
|
<header part="header" class="${i}">
|
|
3689
3689
|
${this.showBackButton?this._renderBackButton():null}
|
|
3690
3690
|
<div class="brand">
|
|
3691
|
-
<span slot="logo${this.contrast?"-contrast":""}">${
|
|
3691
|
+
<span slot="logo${this.contrast?"-contrast":""}">${O(G5)}</span>
|
|
3692
3692
|
</div>
|
|
3693
3693
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
3694
3694
|
</header>
|
|
@@ -4045,7 +4045,7 @@
|
|
|
4045
4045
|
.fullpointer {
|
|
4046
4046
|
cursor: pointer;
|
|
4047
4047
|
}
|
|
4048
|
-
`;x([l({type:String})],m.prototype,"type",2);x([l({type:String})],m.prototype,"titleProduct",2);x([l({type:String})],m.prototype,"descriptionProduct",2);x([l({type:String})],m.prototype,"volume",2);x([l({type:String})],m.prototype,"perLiter",2);x([l({type:String})],m.prototype,"mainPrice",2);x([l({type:String})],m.prototype,"salesPercentage",2);x([l({type:String})],m.prototype,"oldPrice",2);x([l({type:String})],m.prototype,"imageUrl",2);x([l({type:Boolean})],m.prototype,"outOfStock",2);x([l({type:String})],m.prototype,"outOfStockText",2);x([l({type:String})],m.prototype,"altImage",2);x([l({type:Boolean})],m.prototype,"fullwidth",2);x([l({type:Boolean})],m.prototype,"current",2);x([l({type:Boolean})],m.prototype,"hideIcon",2);x([l({type:String})],m.prototype,"tagText",2);x([l({attribute:!1})],m.prototype,"onClickTile",2);x([l({attribute:!1})],m.prototype,"onClickIcon",2);m=x([f("o-medium-tile")],m);var t8=Object.defineProperty,e8=Object.getOwnPropertyDescriptor,
|
|
4048
|
+
`;x([l({type:String})],m.prototype,"type",2);x([l({type:String})],m.prototype,"titleProduct",2);x([l({type:String})],m.prototype,"descriptionProduct",2);x([l({type:String})],m.prototype,"volume",2);x([l({type:String})],m.prototype,"perLiter",2);x([l({type:String})],m.prototype,"mainPrice",2);x([l({type:String})],m.prototype,"salesPercentage",2);x([l({type:String})],m.prototype,"oldPrice",2);x([l({type:String})],m.prototype,"imageUrl",2);x([l({type:Boolean})],m.prototype,"outOfStock",2);x([l({type:String})],m.prototype,"outOfStockText",2);x([l({type:String})],m.prototype,"altImage",2);x([l({type:Boolean})],m.prototype,"fullwidth",2);x([l({type:Boolean})],m.prototype,"current",2);x([l({type:Boolean})],m.prototype,"hideIcon",2);x([l({type:String})],m.prototype,"tagText",2);x([l({attribute:!1})],m.prototype,"onClickTile",2);x([l({attribute:!1})],m.prototype,"onClickIcon",2);m=x([f("o-medium-tile")],m);var t8=Object.defineProperty,e8=Object.getOwnPropertyDescriptor,h1=(e,t,i,n)=>{for(var o=n>1?void 0:n?e8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=(n?r(t,i,o):r(o))||o);return n&&o&&t8(t,i,o),o};let W=class extends p{constructor(){super(...arguments),this.text="",this.class="",this.data="",this.link="",this.selected=!1,this.inactive=!1}handleClick(e){e.preventDefault(),this.selected||(this.selected=!0);const t={tab:this,link:this.link,data:this.data,selected:this.selected};this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:t}))}render(){return a`
|
|
4049
4049
|
<a href="${this.link}" class="o-tab" role="tab"
|
|
4050
4050
|
@click=${this.handleClick} data-url="${this.data?this.data:d}"
|
|
4051
4051
|
tabindex="${this.inactive?"-1":d}" aria-selected="${this.selected?"true":d}">
|
|
@@ -4125,9 +4125,9 @@
|
|
|
4125
4125
|
}
|
|
4126
4126
|
|
|
4127
4127
|
.o-tab:focus-visible {
|
|
4128
|
-
${
|
|
4128
|
+
${i1};
|
|
4129
4129
|
}
|
|
4130
|
-
`;
|
|
4130
|
+
`;h1([l({type:String})],W.prototype,"text",2);h1([l({type:String})],W.prototype,"class",2);h1([l({type:String})],W.prototype,"data",2);h1([l({type:String,reflect:!0})],W.prototype,"link",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"selected",2);h1([l({type:Boolean,reflect:!0})],W.prototype,"inactive",2);W=h1([f("o-tab")],W);var i8=Object.getOwnPropertyDescriptor,o8=(e,t,i,n)=>{for(var o=n>1?void 0:n?i8(t,i):t,s=e.length-1,r;s>=0;s--)(r=e[s])&&(o=r(o)||o);return o};let W1=class extends p{constructor(){super(),this.addEventListener("selected",this.onTabSelected)}onTabSelected(e){var i;const t=(i=e.detail)==null?void 0:i.tab;t&&this.querySelectorAll("o-tab").forEach(n=>{n.selected=n===t})}firstUpdated(){const e=this.querySelectorAll("o-tab");!Array.from(e).some(t=>t.selected)&&e.length>0&&(e[0].selected=!0)}render(){return a`
|
|
4131
4131
|
<div role="tablist">
|
|
4132
4132
|
<slot></slot>
|
|
4133
4133
|
</div>
|