@florid-kit/components 2.5.3 → 2.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/option-tile.d.ts +0 -2
- package/index.js +13 -11
- package/index.mjs +65 -66
- package/package.json +1 -1
|
@@ -10,8 +10,6 @@ export declare class OccitaneOptionTile extends LitElement {
|
|
|
10
10
|
altImage: string;
|
|
11
11
|
/** Product title */
|
|
12
12
|
title: string;
|
|
13
|
-
/** Optional subtitle (e.g. volume, variant) */
|
|
14
|
-
subtitle: string;
|
|
15
13
|
/** Optional expandable description */
|
|
16
14
|
description: string;
|
|
17
15
|
/**
|
package/index.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const O1=globalThis,J1=O1.trustedTypes,A2=J1?J1.createPolicy("lit-html",{createHTML:e=>e}):void 0,K2="$lit$",C1=`lit$${Math.random().toFixed(9).slice(2)}$`,G2="?"+C1,d0=`<${G2}>`,y1=document,P1=()=>y1.createComment(""),I1=e=>e===null||typeof e!="object"&&typeof e!="function",L2=Array.isArray,p0=e=>L2(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",h2=`[
|
|
14
14
|
\f\r]`,S1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,P2=/-->/g,I2=/>/g,b1=RegExp(`>|${h2}(?:([^\\s"'>=/]+)(${h2}*=${h2}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),z2=/'/g,D2=/"/g,W2=/^(?:script|style|textarea|title)$/i,C0=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=C0(1),z=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),T2=new WeakMap,w1=y1.createTreeWalker(y1,129);function Q2(e,t){if(!L2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return A2!==void 0?A2.createHTML(t):t}const u0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",l=S1;for(let c=0;c<i;c++){const d=e[c];let f,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),z2=/'/g,D2=/"/g,W2=/^(?:script|style|textarea|title)$/i,C0=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),a=C0(1),z=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),T2=new WeakMap,w1=y1.createTreeWalker(y1,129);function Q2(e,t){if(!L2(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return A2!==void 0?A2.createHTML(t):t}const u0=(e,t)=>{const i=e.length-1,n=[];let o,s=t===2?"<svg>":t===3?"<math>":"",l=S1;for(let c=0;c<i;c++){const d=e[c];let f,m,v=-1,s1=0;for(;s1<d.length&&(l.lastIndex=s1,m=l.exec(d),m!==null);)s1=l.lastIndex,l===S1?m[1]==="!--"?l=P2:m[1]!==void 0?l=I2:m[2]!==void 0?(W2.test(m[2])&&(o=RegExp("</"+m[2],"g")),l=b1):m[3]!==void 0&&(l=b1):l===b1?m[0]===">"?(l=o??S1,v=-1):m[1]===void 0?v=-2:(v=l.lastIndex-m[2].length,f=m[1],l=m[3]===void 0?b1:m[3]==='"'?D2:z2):l===D2||l===z2?l=b1:l===P2||l===I2?l=S1:(l=b1,o=void 0);const p1=l===b1&&e[c+1].startsWith("/>")?" ":"";s+=l===S1?d+d0:v>=0?(n.push(f),d.slice(0,v)+K2+d.slice(v)+C1+p1):d+C1+(v===-2?c:p1)}return[Q2(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class z1{constructor({strings:t,_$litType$:i},n){let o;this.parts=[];let s=0,l=0;const c=t.length-1,d=this.parts,[f,m]=u0(t,i);if(this.el=z1.createElement(f,n),w1.currentNode=this.el.content,i===2||i===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=w1.nextNode())!==null&&d.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const v of o.getAttributeNames())if(v.endsWith(K2)){const s1=m[l++],p1=o.getAttribute(v).split(C1),Q1=/([.?@])?(.*)/.exec(s1);d.push({type:1,index:s,name:Q1[2],strings:p1,ctor:Q1[1]==="."?f0:Q1[1]==="?"?v0:Q1[1]==="@"?b0:e2}),o.removeAttribute(v)}else v.startsWith(C1)&&(d.push({type:6,index:s}),o.removeAttribute(v));if(W2.test(o.tagName)){const v=o.textContent.split(C1),s1=v.length-1;if(s1>0){o.textContent=J1?J1.emptyScript:"";for(let p1=0;p1<s1;p1++)o.append(v[p1],P1()),w1.nextNode(),d.push({type:2,index:++s});o.append(v[s1],P1())}}}else if(o.nodeType===8)if(o.data===G2)d.push({type:2,index:s});else{let v=-1;for(;(v=o.data.indexOf(C1,v+1))!==-1;)d.push({type:7,index:s}),v+=C1.length-1}s++}}static createElement(t,i){const n=y1.createElement("template");return n.innerHTML=t,n}}function V1(e,t,i=e,n){var l,c;if(t===z)return t;let o=n!==void 0?(l=i._$Co)==null?void 0:l[n]:i._$Cl;const s=I1(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=V1(e,o._$AS(e,t.values),o,n)),t}class g0{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)??y1).importNode(i,!0);w1.currentNode=o;let s=w1.nextNode(),l=0,c=0,d=n[0];for(;d!==void 0;){if(l===d.index){let f;d.type===2?f=new N1(s,s.nextSibling,this,t):d.type===1?f=new d.ctor(s,d.name,d.strings,this,t):d.type===6&&(f=new w0(s,this,t)),this._$AV.push(f),d=n[++c]}l!==(d==null?void 0:d.index)&&(s=w1.nextNode(),l++)}return w1.currentNode=y1,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 N1{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=h,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=V1(this,t,i),I1(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):p0(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!==h&&I1(this._$AH)?this._$AA.nextSibling.data=t:this.T(y1.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=z1.createElement(Q2(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(i);else{const l=new g0(o,this),c=l.u(this.options);l.p(i),this.T(c),this._$AH=l}}_$AC(t){let i=T2.get(t.strings);return i===void 0&&T2.set(t.strings,i=new z1(t)),i}k(t){L2(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 N1(this.O(P1()),this.O(P1()),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 e2{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,n,o,s){this.type=1,this._$AH=h,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=h}_$AI(t,i=this,n,o){const s=this.strings;let l=!1;if(s===void 0)t=V1(this,t,i,0),l=!I1(t)||t!==this._$AH&&t!==z,l&&(this._$AH=t);else{const c=t;let d,f;for(t=s[0],d=0;d<s.length-1;d++)f=V1(this,c[n+d],i,d),f===z&&(f=this._$AH[d]),l||(l=!I1(f)||f!==this._$AH[d]),f===h?t=h:t!==h&&(t+=(f??"")+s[d+1]),this._$AH[d]=f}l&&!o&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class f0 extends e2{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class v0 extends e2{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class b0 extends e2{constructor(t,i,n,o,s){super(t,i,n,o,s),this.type=5}_$AI(t,i=this){if((t=V1(this,t,i,0)??h)===z)return;const n=this._$AH,o=t===h&&n!==h||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==h&&(n===h||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 w0{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){V1(this,t)}}const d2=O1.litHtmlPolyfillSupport;d2==null||d2(z1,N1),(O1.litHtmlVersions??(O1.litHtmlVersions=[])).push("3.3.0");const m0=(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 N1(t.insertBefore(P1(),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
|
|
@@ -1150,7 +1150,7 @@
|
|
|
1150
1150
|
.sr-only {
|
|
1151
1151
|
${x2}
|
|
1152
1152
|
}
|
|
1153
|
-
`;t1([r({type:String,reflect:!0})],D.prototype,"bgstyle",2);t1([r({type:String,reflect:!0})],D.prototype,"size",2);t1([r({type:String,reflect:!0})],D.prototype,"status",2);t1([r({type:String,reflect:!0})],D.prototype,"type",2);t1([r({type:String})],D.prototype,"strokewidth",2);t1([r({type:String})],D.prototype,"icon",2);t1([r({type:Boolean,reflect:!0})],D.prototype,"disabled",2);t1([r({type:Boolean})],D.prototype,"showSrLabel",2);t1([r({type:String})],D.prototype,"srLabel",2);D=t1([u("o-icon-button")],D);var P5=Object.defineProperty,I5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?I5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&P5(t,i,o),o};let g=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,l,c,d;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=(l=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:l.focus)==null||c.call(l,{preventScroll:!0});const n=(d=this.shadowRoot)==null?void 0:d.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 l=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),d=l?this.resolveFocusable(l):null,f=c?this.resolveFocusable(c):null;if(e.shiftKey&&d&&i===d&&f){e.preventDefault(),e.stopPropagation(),f.focus({preventScroll:!0});return}if(!e.shiftKey&&f&&i===f){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??d??f).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const l=t.querySelector(".close-btn"),c=l?this.resolveFocusable(l):null,d=t.querySelector(".js-clear-refinements"),f=d?this.resolveFocusable(d):null,
|
|
1153
|
+
`;t1([r({type:String,reflect:!0})],D.prototype,"bgstyle",2);t1([r({type:String,reflect:!0})],D.prototype,"size",2);t1([r({type:String,reflect:!0})],D.prototype,"status",2);t1([r({type:String,reflect:!0})],D.prototype,"type",2);t1([r({type:String})],D.prototype,"strokewidth",2);t1([r({type:String})],D.prototype,"icon",2);t1([r({type:Boolean,reflect:!0})],D.prototype,"disabled",2);t1([r({type:Boolean})],D.prototype,"showSrLabel",2);t1([r({type:String})],D.prototype,"srLabel",2);D=t1([u("o-icon-button")],D);var P5=Object.defineProperty,I5=Object.getOwnPropertyDescriptor,w=(e,t,i,n)=>{for(var o=n>1?void 0:n?I5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&P5(t,i,o),o};let g=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,l,c,d;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=(l=((s=t.shadowRoot)==null?void 0:s.querySelector("button"))??t)==null?void 0:l.focus)==null||c.call(l,{preventScroll:!0});const n=(d=this.shadowRoot)==null?void 0:d.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 l=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),d=l?this.resolveFocusable(l):null,f=c?this.resolveFocusable(c):null;if(e.shiftKey&&d&&i===d&&f){e.preventDefault(),e.stopPropagation(),f.focus({preventScroll:!0});return}if(!e.shiftKey&&f&&i===f){e.preventDefault(),e.stopPropagation(),(((s=t.querySelector(".detail-scroller"))==null?void 0:s.querySelector(g.focusablesSelector))??d??f).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const l=t.querySelector(".close-btn"),c=l?this.resolveFocusable(l):null,d=t.querySelector(".js-clear-refinements"),f=d?this.resolveFocusable(d):null,m=v=>{e.preventDefault(),e.stopPropagation(),v.focus()};if(c&&f){if(!e.shiftKey&&i===f)return m(c);if(e.shiftKey&&i===c)return m(f)}}const o=this.renderRoot.querySelector(".close-btn");if(!e.shiftKey&&o&&o.contains(i)){e.preventDefault();const l=this.renderRoot.querySelector(".o-whats-inside--content p");l==null||l.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 l;const s=[o.matches(g.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),d=Array.from(((l=o.shadowRoot)==null?void 0:l.querySelectorAll("*"))||[]).filter(t).flatMap(i);s.push(...c,...d)}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`
|
|
1154
1154
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
1155
1155
|
${this.showHeaderStartIcon?a`
|
|
1156
1156
|
<o-icon-button
|
|
@@ -1472,7 +1472,7 @@
|
|
|
1472
1472
|
overflow: auto;
|
|
1473
1473
|
box-sizing: border-box;
|
|
1474
1474
|
}
|
|
1475
|
-
`;g.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';g.focusablesCustomElementsSelector="o-icon-button, o-button";g.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([r({type:Boolean,reflect:!0})],g.prototype,"open",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);w([r({type:String,reflect:!0})],g.prototype,"headerTitle",2);w([r({type:String,reflect:!0})],g.prototype,"headerTitleClassName",2);w([r({type:String,reflect:!0})],g.prototype,"labelDialog",2);w([r({type:String,reflect:!0})],g.prototype,"labelAriaDialogPanel",2);w([r({type:String,reflect:!0})],g.prototype,"addToBagProductCount",2);w([r({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"goBackButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);w([r({type:Object,reflect:!0})],g.prototype,"firstButtonProps",2);w([r({type:Boolean,reflect:!0})],g.prototype,"onFirstButtonClickClose",2);w([r({type:String,reflect:!0})],g.prototype,"secondButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"secondButtonVariant",2);w([r({type:Object,reflect:!0})],g.prototype,"secondButtonProps",2);w([r({type:Boolean,reflect:!0})],g.prototype,"onSecondButtonClickClose",2);w([r({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);w([r({type:Number,reflect:!0})],g.prototype,"zIndex",2);w([r({type:Boolean,reflect:!0})],g.prototype,"initialized",2);w([r({type:Boolean})],g.prototype,"showDetail",2);w([r({type:Boolean})],g.prototype,"isHidingDetail",2);g=w([u("o-side-panel")],g);var z5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,$=(e,t,i,n)=>{for(var o=n>1?void 0:n?D5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&z5(t,i,o),o};const T5=i2(p);let
|
|
1475
|
+
`;g.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';g.focusablesCustomElementsSelector="o-icon-button, o-button";g.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};w([r({type:Boolean,reflect:!0})],g.prototype,"open",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);w([r({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);w([r({type:String,reflect:!0})],g.prototype,"headerTitle",2);w([r({type:String,reflect:!0})],g.prototype,"headerTitleClassName",2);w([r({type:String,reflect:!0})],g.prototype,"labelDialog",2);w([r({type:String,reflect:!0})],g.prototype,"labelAriaDialogPanel",2);w([r({type:String,reflect:!0})],g.prototype,"addToBagProductCount",2);w([r({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"goBackButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);w([r({type:Object,reflect:!0})],g.prototype,"firstButtonProps",2);w([r({type:Boolean,reflect:!0})],g.prototype,"onFirstButtonClickClose",2);w([r({type:String,reflect:!0})],g.prototype,"secondButtonLabel",2);w([r({type:String,reflect:!0})],g.prototype,"secondButtonVariant",2);w([r({type:Object,reflect:!0})],g.prototype,"secondButtonProps",2);w([r({type:Boolean,reflect:!0})],g.prototype,"onSecondButtonClickClose",2);w([r({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);w([r({type:Number,reflect:!0})],g.prototype,"zIndex",2);w([r({type:Boolean,reflect:!0})],g.prototype,"initialized",2);w([r({type:Boolean})],g.prototype,"showDetail",2);w([r({type:Boolean})],g.prototype,"isHidingDetail",2);g=w([u("o-side-panel")],g);var z5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,$=(e,t,i,n)=>{for(var o=n>1?void 0:n?D5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&z5(t,i,o),o};const T5=i2(p);let y=class extends T5{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,this.describedBy=null,this.ariaExpanded=null}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[D1].form}handleClick(e){if(!(e instanceof KeyboardEvent&&!["Enter"," "].includes(e.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof g&&(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 h;const i=G1[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`<span class="${e==="start"?"icon-start":"icon-end"}">${K(i)}</span>`}renderButton(){const e=this.text||this.textsecond;return a`
|
|
1476
1476
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
1477
1477
|
aria-describedby=${this.describedBy||h} aria-expanded=${this.ariaExpanded||h} >
|
|
1478
1478
|
${this.startIcon?this.renderIcon("start"):h}
|
|
@@ -1501,7 +1501,7 @@
|
|
|
1501
1501
|
`:a`<slot></slot>`}
|
|
1502
1502
|
${this.endIcon?this.renderIcon("end"):h}
|
|
1503
1503
|
</a>
|
|
1504
|
-
`}};H0(
|
|
1504
|
+
`}};H0(y);y.formAssociated=!0;y.styles=C`
|
|
1505
1505
|
:host {
|
|
1506
1506
|
--button-border: transparent;
|
|
1507
1507
|
--badge-outer-width: 19px;
|
|
@@ -1711,7 +1711,7 @@
|
|
|
1711
1711
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1712
1712
|
transform: translateX(4px);
|
|
1713
1713
|
}
|
|
1714
|
-
`;$([r()],
|
|
1714
|
+
`;$([r()],y.prototype,"type",2);$([r()],y.prototype,"value",2);$([r({type:String,reflect:!0})],y.prototype,"variant",2);$([r({type:String})],y.prototype,"text",2);$([r({type:String})],y.prototype,"textsecond",2);$([r({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);$([r({type:Boolean,reflect:!0})],y.prototype,"disabled",2);$([r({type:String})],y.prototype,"startIconModel",2);$([r({type:String})],y.prototype,"endIconModel",2);$([r({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);$([r({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);$([r({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);$([r({type:String})],y.prototype,"href",2);$([r({type:String})],y.prototype,"target",2);$([r({type:Boolean,reflect:!0})],y.prototype,"underlined",2);$([r({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);$([r({type:Boolean,reflect:!0})],y.prototype,"hideRoleButton",2);$([r({reflect:!0,attribute:"describedby"})],y.prototype,"describedBy",2);$([r({reflect:!0,attribute:"expanded"})],y.prototype,"ariaExpanded",2);y=$([u("o-button")],y);var j5=Object.defineProperty,R5=Object.getOwnPropertyDescriptor,_1=(e,t,i,n)=>{for(var o=n>1?void 0:n?R5(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&j5(t,i,o),o};let g1=class extends p{constructor(){super(...arguments),this.status="empty",this.icon="occ-wishlist-outlined",this.bgstyle="none-contrast",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.icon=this.status==="filled"?"occ-wishlist-filled":"occ-wishlist-outlined",this.bgstyle=this.status==="filled"?"none-contrast":"none-light",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=G1[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return a`
|
|
1715
1715
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
1716
1716
|
<span class="sr-only">${this.label}</span>
|
|
1717
1717
|
${K(e)}
|
|
@@ -2454,7 +2454,7 @@
|
|
|
2454
2454
|
:host([aria-current="true"]:active) .dots {
|
|
2455
2455
|
background-color: var(--color-container-action-primary-pressed);
|
|
2456
2456
|
}
|
|
2457
|
-
`;f2=o6([u("o-dots")],f2);var n6=Object.defineProperty,s6=Object.getOwnPropertyDescriptor,e1=(e,t,i,n)=>{for(var o=n>1?void 0:n?s6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&n6(t,i,o),o};let T=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._sent=new Set,this._pendingByKey=new Map,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1,this._stopObserveVisibleItems())}}_getKey(e,t,i){return(t==null?void 0:t.productId)??e.value??String(i)}_scheduleFlush(){this._flushTimer||(this._flushTimer=window.setTimeout(()=>{this._flushTimer=void 0,this._flushPending()},80))}_flushPending(){if(!this.open||this._pendingByKey.size===0)return;const e=Array.from(this._pendingByKey.values());this._pendingByKey.clear(),this.dispatchEvent(new CustomEvent("event-tracking",{detail:{products:e},bubbles:!0,composed:!0}))}_emitTrackingEvent(e,t){const i=e==null?void 0:e.dataproduct;if(!i)return;let n;try{n=JSON.parse(i)}catch(o){console.warn("Invalid dataproduct JSON:",i,o);return}this.dispatchEvent(new CustomEvent("event-tracking",{detail:{product:n},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(i=>{if(this.open)for(const n of i){if(!n.isIntersecting)continue;const o=n.target,s=o.dataset.index;if(!s)continue;const l=Number(s),c=this.options[l];if(!c||c.disabled)continue;const d=c.dataproduct??o.dataset.product;if(!d)continue;let f;try{f=JSON.parse(d)}catch(v){console.warn("Invalid dataproduct JSON:",d,v);continue}const
|
|
2457
|
+
`;f2=o6([u("o-dots")],f2);var n6=Object.defineProperty,s6=Object.getOwnPropertyDescriptor,e1=(e,t,i,n)=>{for(var o=n>1?void 0:n?s6(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&n6(t,i,o),o};let T=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._sent=new Set,this._pendingByKey=new Map,this._handleOutsideClick=e=>{this.contains(e.target)||(this.open=!1,this.activeIndex=-1,this._stopObserveVisibleItems())}}_getKey(e,t,i){return(t==null?void 0:t.productId)??e.value??String(i)}_scheduleFlush(){this._flushTimer||(this._flushTimer=window.setTimeout(()=>{this._flushTimer=void 0,this._flushPending()},80))}_flushPending(){if(!this.open||this._pendingByKey.size===0)return;const e=Array.from(this._pendingByKey.values());this._pendingByKey.clear(),this.dispatchEvent(new CustomEvent("event-tracking",{detail:{products:e},bubbles:!0,composed:!0}))}_emitTrackingEvent(e,t){const i=e==null?void 0:e.dataproduct;if(!i)return;let n;try{n=JSON.parse(i)}catch(o){console.warn("Invalid dataproduct JSON:",i,o);return}this.dispatchEvent(new CustomEvent("event-tracking",{detail:{product:n},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}_startObserveVisibleItems(){var t;this._stopObserveVisibleItems();const e=(t=this.renderRoot)==null?void 0:t.querySelector("#dropdown-listbox");e&&(this._io=new IntersectionObserver(i=>{if(this.open)for(const n of i){if(!n.isIntersecting)continue;const o=n.target,s=o.dataset.index;if(!s)continue;const l=Number(s),c=this.options[l];if(!c||c.disabled)continue;const d=c.dataproduct??o.dataset.product;if(!d)continue;let f;try{f=JSON.parse(d)}catch(v){console.warn("Invalid dataproduct JSON:",d,v);continue}const m=this._getKey(c,f,l);this._sent.has(m)||(this._sent.add(m),this._pendingByKey.set(m,f),this._scheduleFlush())}},{root:e,threshold:.75}),e.querySelectorAll("li[role='option']").forEach(i=>{var n;return(n=this._io)==null?void 0:n.observe(i)}))}_stopObserveVisibleItems(){var e;this._flushPending(),this._flushTimer&&(clearTimeout(this._flushTimer),this._flushTimer=void 0),(e=this._io)==null||e.disconnect(),this._io=void 0}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(),this._startObserveVisibleItems()}):this._stopObserveVisibleItems()}}_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=G1["occ-check-outlined"].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(i=>i.value===this.value);return a`
|
|
2458
2458
|
<button
|
|
2459
2459
|
role="combobox"
|
|
2460
2460
|
aria-haspopup="listbox"
|
|
@@ -4819,9 +4819,13 @@
|
|
|
4819
4819
|
font-family: var(--font-family-loccitane-sans);
|
|
4820
4820
|
font-size: var(--font-size-100);
|
|
4821
4821
|
font-weight: var(--font-weight-400);
|
|
4822
|
-
line-height: var(--line-height-
|
|
4822
|
+
line-height: var(--line-height-160);
|
|
4823
4823
|
color: var(--feedback-text-color);
|
|
4824
4824
|
}
|
|
4825
|
+
|
|
4826
|
+
:host([framed]) .text {
|
|
4827
|
+
line-height: var(--line-height-200);
|
|
4828
|
+
}
|
|
4825
4829
|
`;W1([r({type:String,reflect:!0})],L1.prototype,"variant",2);W1([r({type:Boolean,reflect:!0})],L1.prototype,"framed",2);W1([r({type:Boolean,reflect:!0})],L1.prototype,"longtext",2);W1([r({type:String})],L1.prototype,"text",2);L1=W1([u("o-feedback-message")],L1);/**
|
|
4826
4830
|
* @license
|
|
4827
4831
|
* Copyright 2020 Google LLC
|
|
@@ -5180,7 +5184,7 @@
|
|
|
5180
5184
|
color: var(--color-content-disabled);
|
|
5181
5185
|
font-style: italic;
|
|
5182
5186
|
}
|
|
5183
|
-
`;Z([r({type:String})],B.prototype,"label",2);Z([r({type:String})],B.prototype,"value",2);Z([r({type:String})],B.prototype,"placeholder",2);Z([r({type:String,attribute:"helper-text"})],B.prototype,"helperText",2);Z([r({type:String,reflect:!0})],B.prototype,"state",2);Z([r({type:Boolean,reflect:!0})],B.prototype,"disabled",2);Z([r({type:String,reflect:!0})],B.prototype,"theme",2);Z([r({type:Array})],B.prototype,"options",2);Z([r({type:String,attribute:"search-by"})],B.prototype,"searchBy",2);Z([r({type:String,attribute:"no-results-text"})],B.prototype,"noResultsText",2);Z([r({attribute:!1})],B.prototype,"onSelect",2);Z([I()],B.prototype,"open",2);Z([I()],B.prototype,"filteredOptions",2);Z([I()],B.prototype,"activeIndex",2);Z([K1("o-search-input")],B.prototype,"searchInputEl",2);B=Z([u("o-search-input-dropdown")],B);var C8=Object.defineProperty,u8=Object.getOwnPropertyDescriptor,
|
|
5187
|
+
`;Z([r({type:String})],B.prototype,"label",2);Z([r({type:String})],B.prototype,"value",2);Z([r({type:String})],B.prototype,"placeholder",2);Z([r({type:String,attribute:"helper-text"})],B.prototype,"helperText",2);Z([r({type:String,reflect:!0})],B.prototype,"state",2);Z([r({type:Boolean,reflect:!0})],B.prototype,"disabled",2);Z([r({type:String,reflect:!0})],B.prototype,"theme",2);Z([r({type:Array})],B.prototype,"options",2);Z([r({type:String,attribute:"search-by"})],B.prototype,"searchBy",2);Z([r({type:String,attribute:"no-results-text"})],B.prototype,"noResultsText",2);Z([r({attribute:!1})],B.prototype,"onSelect",2);Z([I()],B.prototype,"open",2);Z([I()],B.prototype,"filteredOptions",2);Z([I()],B.prototype,"activeIndex",2);Z([K1("o-search-input")],B.prototype,"searchInputEl",2);B=Z([u("o-search-input-dropdown")],B);var C8=Object.defineProperty,u8=Object.getOwnPropertyDescriptor,L=(e,t,i,n)=>{for(var o=n>1?void 0:n?u8(t,i):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=(n?l(t,i,o):l(o))||o);return n&&o&&C8(t,i,o),o};let b=class extends p{constructor(){super(...arguments),this.sku="",this.imageUrl="",this.altImage="",this.title="",this.description="",this.price="",this.priceValue=0,this.linkLabel="",this.linkHref="",this.linkTarget="_self",this.selected=!1,this.withQuantity=!1,this.quantity=1,this.labelAdd="Add",this.labelRemove="Remove",this.labelFree="FREE",this.labelShowDetails="Show details",this.labelHideDetails="Hide details",this.disabled=!1,this._descriptionExpanded=!1}_handleAdd(){var t;if(this.disabled)return;this.selected=!0,this.withQuantity&&(this.quantity=1);const e={sku:this.sku,quantity:this.quantity};(t=this.onOptionAdd)==null||t.call(this,e),this.dispatchEvent(new CustomEvent("option-add",{bubbles:!0,composed:!0,detail:e}))}_handleRemove(){var t;if(this.disabled)return;this.selected=!1,this.quantity=1;const e={sku:this.sku};(t=this.onOptionRemove)==null||t.call(this,e),this.dispatchEvent(new CustomEvent("option-remove",{bubbles:!0,composed:!0,detail:e}))}_handleIncrement(){var t;this.quantity+=1;const e={sku:this.sku,quantity:this.quantity};(t=this.onOptionQuantityChange)==null||t.call(this,e),this.dispatchEvent(new CustomEvent("option-quantity-change",{bubbles:!0,composed:!0,detail:e}))}_handleDecrement(){var t;if(this.quantity<=1){this._handleRemove();return}this.quantity-=1;const e={sku:this.sku,quantity:this.quantity};(t=this.onOptionQuantityChange)==null||t.call(this,e),this.dispatchEvent(new CustomEvent("option-quantity-change",{bubbles:!0,composed:!0,detail:e}))}_toggleDescription(){this._descriptionExpanded=!this._descriptionExpanded}get _isFree(){return this.priceValue===0}_renderPriceArea(){return this.linkLabel?a`
|
|
5184
5188
|
<o-link href=${this.linkHref||"#"} template="discret" target=${this.linkTarget}>
|
|
5185
5189
|
${this.linkLabel}
|
|
5186
5190
|
</o-link>
|
|
@@ -5226,7 +5230,6 @@
|
|
|
5226
5230
|
|
|
5227
5231
|
<div class="middle">
|
|
5228
5232
|
${this.title?a`<div class="title">${this.title}</div>`:h}
|
|
5229
|
-
${this.subtitle?a`<div class="subtitle">${this.subtitle}</div>`:h}
|
|
5230
5233
|
|
|
5231
5234
|
<div class="price-area">${this._renderPriceArea()}</div>
|
|
5232
5235
|
|
|
@@ -5428,10 +5431,9 @@
|
|
|
5428
5431
|
}
|
|
5429
5432
|
|
|
5430
5433
|
:host([disabled]) .title,
|
|
5431
|
-
:host([disabled]) .subtitle,
|
|
5432
5434
|
:host([disabled]) .price,
|
|
5433
5435
|
:host([disabled]) .description,
|
|
5434
5436
|
:host([disabled]) .quantity-value {
|
|
5435
5437
|
color: var(--color-content-disabled);
|
|
5436
5438
|
}
|
|
5437
|
-
`;
|
|
5439
|
+
`;L([r({type:String})],b.prototype,"sku",2);L([r({type:String})],b.prototype,"imageUrl",2);L([r({type:String})],b.prototype,"altImage",2);L([r({type:String})],b.prototype,"title",2);L([r({type:String})],b.prototype,"description",2);L([r({type:String})],b.prototype,"price",2);L([r({type:Number})],b.prototype,"priceValue",2);L([r({type:String})],b.prototype,"linkLabel",2);L([r({type:String})],b.prototype,"linkHref",2);L([r({type:String})],b.prototype,"linkTarget",2);L([r({type:Boolean,reflect:!0})],b.prototype,"selected",2);L([r({type:Boolean,reflect:!0})],b.prototype,"withQuantity",2);L([r({type:Number})],b.prototype,"quantity",2);L([r({type:String})],b.prototype,"labelAdd",2);L([r({type:String})],b.prototype,"labelRemove",2);L([r({type:String})],b.prototype,"labelFree",2);L([r({type:String})],b.prototype,"labelShowDetails",2);L([r({type:String})],b.prototype,"labelHideDetails",2);L([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2);L([r({attribute:!1})],b.prototype,"onOptionAdd",2);L([r({attribute:!1})],b.prototype,"onOptionRemove",2);L([r({attribute:!1})],b.prototype,"onOptionQuantityChange",2);L([I()],b.prototype,"_descriptionExpanded",2);b=L([u("o-option-tile")],b);
|
package/index.mjs
CHANGED
|
@@ -294,8 +294,8 @@ const u0 = (e, t) => {
|
|
|
294
294
|
let o, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", l = S1;
|
|
295
295
|
for (let c = 0; c < i; c++) {
|
|
296
296
|
const d = e[c];
|
|
297
|
-
let f,
|
|
298
|
-
for (; s1 < d.length && (l.lastIndex = s1,
|
|
297
|
+
let f, m, v = -1, s1 = 0;
|
|
298
|
+
for (; s1 < d.length && (l.lastIndex = s1, m = l.exec(d), m !== null); ) s1 = l.lastIndex, l === S1 ? m[1] === "!--" ? l = P2 : m[1] !== void 0 ? l = I2 : m[2] !== void 0 ? (W2.test(m[2]) && (o = RegExp("</" + m[2], "g")), l = b1) : m[3] !== void 0 && (l = b1) : l === b1 ? m[0] === ">" ? (l = o ?? S1, v = -1) : m[1] === void 0 ? v = -2 : (v = l.lastIndex - m[2].length, f = m[1], l = m[3] === void 0 ? b1 : m[3] === '"' ? D2 : z2) : l === D2 || l === z2 ? l = b1 : l === P2 || l === I2 ? l = S1 : (l = b1, o = void 0);
|
|
299
299
|
const p1 = l === b1 && e[c + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
s += l === S1 ? d + d0 : v >= 0 ? (n.push(f), d.slice(0, v) + K2 + d.slice(v) + C1 + p1) : d + C1 + (v === -2 ? c : p1);
|
|
301
301
|
}
|
|
@@ -306,7 +306,7 @@ class z1 {
|
|
|
306
306
|
let o;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let s = 0, l = 0;
|
|
309
|
-
const c = t.length - 1, d = this.parts, [f,
|
|
309
|
+
const c = t.length - 1, d = this.parts, [f, m] = u0(t, i);
|
|
310
310
|
if (this.el = z1.createElement(f, n), w1.currentNode = this.el.content, i === 2 || i === 3) {
|
|
311
311
|
const v = this.el.content.firstChild;
|
|
312
312
|
v.replaceWith(...v.childNodes);
|
|
@@ -314,7 +314,7 @@ class z1 {
|
|
|
314
314
|
for (; (o = w1.nextNode()) !== null && d.length < c; ) {
|
|
315
315
|
if (o.nodeType === 1) {
|
|
316
316
|
if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(K2)) {
|
|
317
|
-
const s1 =
|
|
317
|
+
const s1 = m[l++], p1 = o.getAttribute(v).split(C1), Q1 = /([.?@])?(.*)/.exec(s1);
|
|
318
318
|
d.push({ type: 1, index: s, name: Q1[2], strings: p1, ctor: Q1[1] === "." ? f0 : Q1[1] === "?" ? v0 : Q1[1] === "@" ? b0 : e2 }), o.removeAttribute(v);
|
|
319
319
|
} else v.startsWith(C1) && (d.push({ type: 6, index: s }), o.removeAttribute(v));
|
|
320
320
|
if (W2.test(o.tagName)) {
|
|
@@ -2283,12 +2283,12 @@ let g = class extends p {
|
|
|
2283
2283
|
}
|
|
2284
2284
|
}
|
|
2285
2285
|
if (document.querySelector("#refineandsortpopin")) {
|
|
2286
|
-
const l = t.querySelector(".close-btn"), c = l ? this.resolveFocusable(l) : null, d = t.querySelector(".js-clear-refinements"), f = d ? this.resolveFocusable(d) : null,
|
|
2286
|
+
const l = t.querySelector(".close-btn"), c = l ? this.resolveFocusable(l) : null, d = t.querySelector(".js-clear-refinements"), f = d ? this.resolveFocusable(d) : null, m = (v) => {
|
|
2287
2287
|
e.preventDefault(), e.stopPropagation(), v.focus();
|
|
2288
2288
|
};
|
|
2289
2289
|
if (c && f) {
|
|
2290
|
-
if (!e.shiftKey && i === f) return
|
|
2291
|
-
if (e.shiftKey && i === c) return
|
|
2290
|
+
if (!e.shiftKey && i === f) return m(c);
|
|
2291
|
+
if (e.shiftKey && i === c) return m(f);
|
|
2292
2292
|
}
|
|
2293
2293
|
}
|
|
2294
2294
|
const o = this.renderRoot.querySelector(".close-btn");
|
|
@@ -2793,7 +2793,7 @@ var z5 = Object.defineProperty, D5 = Object.getOwnPropertyDescriptor, $ = (e, t,
|
|
|
2793
2793
|
return n && o && z5(t, i, o), o;
|
|
2794
2794
|
};
|
|
2795
2795
|
const T5 = i2(p);
|
|
2796
|
-
let
|
|
2796
|
+
let y = class extends T5 {
|
|
2797
2797
|
constructor() {
|
|
2798
2798
|
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, this.describedBy = null, this.ariaExpanded = null;
|
|
2799
2799
|
}
|
|
@@ -2862,9 +2862,9 @@ let L = class extends T5 {
|
|
|
2862
2862
|
`;
|
|
2863
2863
|
}
|
|
2864
2864
|
};
|
|
2865
|
-
H0(
|
|
2866
|
-
|
|
2867
|
-
|
|
2865
|
+
H0(y);
|
|
2866
|
+
y.formAssociated = !0;
|
|
2867
|
+
y.styles = C`
|
|
2868
2868
|
:host {
|
|
2869
2869
|
--button-border: transparent;
|
|
2870
2870
|
--badge-outer-width: 19px;
|
|
@@ -3077,64 +3077,64 @@ L.styles = C`
|
|
|
3077
3077
|
`;
|
|
3078
3078
|
$([
|
|
3079
3079
|
r()
|
|
3080
|
-
],
|
|
3080
|
+
], y.prototype, "type", 2);
|
|
3081
3081
|
$([
|
|
3082
3082
|
r()
|
|
3083
|
-
],
|
|
3083
|
+
], y.prototype, "value", 2);
|
|
3084
3084
|
$([
|
|
3085
3085
|
r({ type: String, reflect: !0 })
|
|
3086
|
-
],
|
|
3086
|
+
], y.prototype, "variant", 2);
|
|
3087
3087
|
$([
|
|
3088
3088
|
r({ type: String })
|
|
3089
|
-
],
|
|
3089
|
+
], y.prototype, "text", 2);
|
|
3090
3090
|
$([
|
|
3091
3091
|
r({ type: String })
|
|
3092
|
-
],
|
|
3092
|
+
], y.prototype, "textsecond", 2);
|
|
3093
3093
|
$([
|
|
3094
3094
|
r({ type: Boolean, reflect: !0 })
|
|
3095
|
-
],
|
|
3095
|
+
], y.prototype, "fullwidth", 2);
|
|
3096
3096
|
$([
|
|
3097
3097
|
r({ type: Boolean, reflect: !0 })
|
|
3098
|
-
],
|
|
3098
|
+
], y.prototype, "disabled", 2);
|
|
3099
3099
|
$([
|
|
3100
3100
|
r({ type: String })
|
|
3101
|
-
],
|
|
3101
|
+
], y.prototype, "startIconModel", 2);
|
|
3102
3102
|
$([
|
|
3103
3103
|
r({ type: String })
|
|
3104
|
-
],
|
|
3104
|
+
], y.prototype, "endIconModel", 2);
|
|
3105
3105
|
$([
|
|
3106
3106
|
r({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
3107
|
-
],
|
|
3107
|
+
], y.prototype, "startIcon", 2);
|
|
3108
3108
|
$([
|
|
3109
3109
|
r({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
3110
|
-
],
|
|
3110
|
+
], y.prototype, "endIcon", 2);
|
|
3111
3111
|
$([
|
|
3112
3112
|
r({ type: String, attribute: "paneltarget" })
|
|
3113
|
-
],
|
|
3113
|
+
], y.prototype, "panelTarget", 2);
|
|
3114
3114
|
$([
|
|
3115
3115
|
r({ type: String })
|
|
3116
|
-
],
|
|
3116
|
+
], y.prototype, "href", 2);
|
|
3117
3117
|
$([
|
|
3118
3118
|
r({ type: String })
|
|
3119
|
-
],
|
|
3119
|
+
], y.prototype, "target", 2);
|
|
3120
3120
|
$([
|
|
3121
3121
|
r({ type: Boolean, reflect: !0 })
|
|
3122
|
-
],
|
|
3122
|
+
], y.prototype, "underlined", 2);
|
|
3123
3123
|
$([
|
|
3124
3124
|
r({ type: Boolean, reflect: !0 })
|
|
3125
|
-
],
|
|
3125
|
+
], y.prototype, "withbadge", 2);
|
|
3126
3126
|
$([
|
|
3127
3127
|
r({ type: Boolean, reflect: !0 })
|
|
3128
|
-
],
|
|
3128
|
+
], y.prototype, "hideRoleButton", 2);
|
|
3129
3129
|
$([
|
|
3130
3130
|
r({ reflect: !0, attribute: "describedby" })
|
|
3131
|
-
],
|
|
3131
|
+
], y.prototype, "describedBy", 2);
|
|
3132
3132
|
$([
|
|
3133
3133
|
r({ reflect: !0, attribute: "expanded" })
|
|
3134
|
-
],
|
|
3135
|
-
|
|
3134
|
+
], y.prototype, "ariaExpanded", 2);
|
|
3135
|
+
y = $([
|
|
3136
3136
|
u("o-button")
|
|
3137
|
-
],
|
|
3137
|
+
], y);
|
|
3138
3138
|
var j5 = Object.defineProperty, R5 = Object.getOwnPropertyDescriptor, _1 = (e, t, i, n) => {
|
|
3139
3139
|
for (var o = n > 1 ? void 0 : n ? R5(t, i) : t, s = e.length - 1, l; s >= 0; s--)
|
|
3140
3140
|
(l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
|
|
@@ -4358,8 +4358,8 @@ let T = class extends p {
|
|
|
4358
4358
|
console.warn("Invalid dataproduct JSON:", d, v);
|
|
4359
4359
|
continue;
|
|
4360
4360
|
}
|
|
4361
|
-
const
|
|
4362
|
-
this._sent.has(
|
|
4361
|
+
const m = this._getKey(c, f, l);
|
|
4362
|
+
this._sent.has(m) || (this._sent.add(m), this._pendingByKey.set(m, f), this._scheduleFlush());
|
|
4363
4363
|
}
|
|
4364
4364
|
},
|
|
4365
4365
|
{
|
|
@@ -7928,9 +7928,13 @@ L1.styles = C`
|
|
|
7928
7928
|
font-family: var(--font-family-loccitane-sans);
|
|
7929
7929
|
font-size: var(--font-size-100);
|
|
7930
7930
|
font-weight: var(--font-weight-400);
|
|
7931
|
-
line-height: var(--line-height-
|
|
7931
|
+
line-height: var(--line-height-160);
|
|
7932
7932
|
color: var(--feedback-text-color);
|
|
7933
7933
|
}
|
|
7934
|
+
|
|
7935
|
+
:host([framed]) .text {
|
|
7936
|
+
line-height: var(--line-height-200);
|
|
7937
|
+
}
|
|
7934
7938
|
`;
|
|
7935
7939
|
W1([
|
|
7936
7940
|
r({ type: String, reflect: !0 })
|
|
@@ -8662,14 +8666,14 @@ Z([
|
|
|
8662
8666
|
B = Z([
|
|
8663
8667
|
u("o-search-input-dropdown")
|
|
8664
8668
|
], B);
|
|
8665
|
-
var C8 = Object.defineProperty, u8 = Object.getOwnPropertyDescriptor,
|
|
8669
|
+
var C8 = Object.defineProperty, u8 = Object.getOwnPropertyDescriptor, L = (e, t, i, n) => {
|
|
8666
8670
|
for (var o = n > 1 ? void 0 : n ? u8(t, i) : t, s = e.length - 1, l; s >= 0; s--)
|
|
8667
8671
|
(l = e[s]) && (o = (n ? l(t, i, o) : l(o)) || o);
|
|
8668
8672
|
return n && o && C8(t, i, o), o;
|
|
8669
8673
|
};
|
|
8670
8674
|
let b = class extends p {
|
|
8671
8675
|
constructor() {
|
|
8672
|
-
super(...arguments), this.sku = "", this.imageUrl = "", this.altImage = "", this.title = "", this.
|
|
8676
|
+
super(...arguments), this.sku = "", this.imageUrl = "", this.altImage = "", this.title = "", this.description = "", this.price = "", this.priceValue = 0, this.linkLabel = "", this.linkHref = "", this.linkTarget = "_self", this.selected = !1, this.withQuantity = !1, this.quantity = 1, this.labelAdd = "Add", this.labelRemove = "Remove", this.labelFree = "FREE", this.labelShowDetails = "Show details", this.labelHideDetails = "Hide details", this.disabled = !1, this._descriptionExpanded = !1;
|
|
8673
8677
|
}
|
|
8674
8678
|
// -------------------------------------------------------------------------
|
|
8675
8679
|
// Handlers
|
|
@@ -8766,7 +8770,6 @@ let b = class extends p {
|
|
|
8766
8770
|
|
|
8767
8771
|
<div class="middle">
|
|
8768
8772
|
${this.title ? a`<div class="title">${this.title}</div>` : h}
|
|
8769
|
-
${this.subtitle ? a`<div class="subtitle">${this.subtitle}</div>` : h}
|
|
8770
8773
|
|
|
8771
8774
|
<div class="price-area">${this._renderPriceArea()}</div>
|
|
8772
8775
|
|
|
@@ -8971,85 +8974,81 @@ b.styles = C`
|
|
|
8971
8974
|
}
|
|
8972
8975
|
|
|
8973
8976
|
:host([disabled]) .title,
|
|
8974
|
-
:host([disabled]) .subtitle,
|
|
8975
8977
|
:host([disabled]) .price,
|
|
8976
8978
|
:host([disabled]) .description,
|
|
8977
8979
|
:host([disabled]) .quantity-value {
|
|
8978
8980
|
color: var(--color-content-disabled);
|
|
8979
8981
|
}
|
|
8980
8982
|
`;
|
|
8981
|
-
|
|
8983
|
+
L([
|
|
8982
8984
|
r({ type: String })
|
|
8983
8985
|
], b.prototype, "sku", 2);
|
|
8984
|
-
|
|
8986
|
+
L([
|
|
8985
8987
|
r({ type: String })
|
|
8986
8988
|
], b.prototype, "imageUrl", 2);
|
|
8987
|
-
|
|
8989
|
+
L([
|
|
8988
8990
|
r({ type: String })
|
|
8989
8991
|
], b.prototype, "altImage", 2);
|
|
8990
|
-
|
|
8992
|
+
L([
|
|
8991
8993
|
r({ type: String })
|
|
8992
8994
|
], b.prototype, "title", 2);
|
|
8993
|
-
|
|
8994
|
-
r({ type: String })
|
|
8995
|
-
], b.prototype, "subtitle", 2);
|
|
8996
|
-
m([
|
|
8995
|
+
L([
|
|
8997
8996
|
r({ type: String })
|
|
8998
8997
|
], b.prototype, "description", 2);
|
|
8999
|
-
|
|
8998
|
+
L([
|
|
9000
8999
|
r({ type: String })
|
|
9001
9000
|
], b.prototype, "price", 2);
|
|
9002
|
-
|
|
9001
|
+
L([
|
|
9003
9002
|
r({ type: Number })
|
|
9004
9003
|
], b.prototype, "priceValue", 2);
|
|
9005
|
-
|
|
9004
|
+
L([
|
|
9006
9005
|
r({ type: String })
|
|
9007
9006
|
], b.prototype, "linkLabel", 2);
|
|
9008
|
-
|
|
9007
|
+
L([
|
|
9009
9008
|
r({ type: String })
|
|
9010
9009
|
], b.prototype, "linkHref", 2);
|
|
9011
|
-
|
|
9010
|
+
L([
|
|
9012
9011
|
r({ type: String })
|
|
9013
9012
|
], b.prototype, "linkTarget", 2);
|
|
9014
|
-
|
|
9013
|
+
L([
|
|
9015
9014
|
r({ type: Boolean, reflect: !0 })
|
|
9016
9015
|
], b.prototype, "selected", 2);
|
|
9017
|
-
|
|
9016
|
+
L([
|
|
9018
9017
|
r({ type: Boolean, reflect: !0 })
|
|
9019
9018
|
], b.prototype, "withQuantity", 2);
|
|
9020
|
-
|
|
9019
|
+
L([
|
|
9021
9020
|
r({ type: Number })
|
|
9022
9021
|
], b.prototype, "quantity", 2);
|
|
9023
|
-
|
|
9022
|
+
L([
|
|
9024
9023
|
r({ type: String })
|
|
9025
9024
|
], b.prototype, "labelAdd", 2);
|
|
9026
|
-
|
|
9025
|
+
L([
|
|
9027
9026
|
r({ type: String })
|
|
9028
9027
|
], b.prototype, "labelRemove", 2);
|
|
9029
|
-
|
|
9028
|
+
L([
|
|
9030
9029
|
r({ type: String })
|
|
9031
9030
|
], b.prototype, "labelFree", 2);
|
|
9032
|
-
|
|
9031
|
+
L([
|
|
9033
9032
|
r({ type: String })
|
|
9034
9033
|
], b.prototype, "labelShowDetails", 2);
|
|
9035
|
-
|
|
9034
|
+
L([
|
|
9036
9035
|
r({ type: String })
|
|
9037
9036
|
], b.prototype, "labelHideDetails", 2);
|
|
9038
|
-
|
|
9037
|
+
L([
|
|
9039
9038
|
r({ type: Boolean, reflect: !0 })
|
|
9040
9039
|
], b.prototype, "disabled", 2);
|
|
9041
|
-
|
|
9040
|
+
L([
|
|
9042
9041
|
r({ attribute: !1 })
|
|
9043
9042
|
], b.prototype, "onOptionAdd", 2);
|
|
9044
|
-
|
|
9043
|
+
L([
|
|
9045
9044
|
r({ attribute: !1 })
|
|
9046
9045
|
], b.prototype, "onOptionRemove", 2);
|
|
9047
|
-
|
|
9046
|
+
L([
|
|
9048
9047
|
r({ attribute: !1 })
|
|
9049
9048
|
], b.prototype, "onOptionQuantityChange", 2);
|
|
9050
|
-
|
|
9049
|
+
L([
|
|
9051
9050
|
I()
|
|
9052
9051
|
], b.prototype, "_descriptionExpanded", 2);
|
|
9053
|
-
b =
|
|
9052
|
+
b = L([
|
|
9054
9053
|
u("o-option-tile")
|
|
9055
9054
|
], b);
|