@florid-kit/components 0.10.0 → 0.10.1
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 +39 -26
- package/index.mjs +63 -50
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const gt=globalThis,Bt=gt.trustedTypes,pe=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,we="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,$e="?"+Y,He=`<${$e}>`,st=document,yt=()=>st.createComment(""),mt=o=>o===null||typeof o!="object"&&typeof o!="function",Wt=Array.isArray,Me=o=>Wt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ht=`[
|
|
14
14
|
\f\r]`,ft=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ue=/-->/g,fe=/>/g,it=RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,Fe=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Fe(1),Q=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),be=new WeakMap,nt=st.createTreeWalker(st,129);function _e(o,t){if(!Wt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return pe!==void 0?pe.createHTML(t):t}const je=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=ft;for(let c=0;c<e;c++){const h=o[c];let x,k,v=-1,q=0;for(;q<h.length&&(s.lastIndex=q,k=s.exec(h),k!==null);)q=s.lastIndex,s===ft?k[1]==="!--"?s=ue:k[1]!==void 0?s=fe:k[2]!==void 0?(ke.test(k[2])&&(i=RegExp("</"+k[2],"g")),s=it):k[3]!==void 0&&(s=it):s===it?k[0]===">"?(s=i??ft,v=-1):k[1]===void 0?v=-2:(v=s.lastIndex-k[2].length,x=k[1],s=k[3]===void 0?it:k[3]==='"'?ge:ve):s===ge||s===ve?s=it:s===ue||s===fe?s=ft:(s=it,i=void 0);const X=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===ft?h+He:v>=0?(n.push(x),h.slice(0,v)+we+h.slice(v)+Y+X):h+Y+(v===-2?c:X)}return[_e(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class xt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[x,k]=je(t,e);if(this.el=xt.createElement(x,n),nt.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(we)){const q=k[s++],X=i.getAttribute(v).split(Y),At=/([.?@])?(.*)/.exec(q);h.push({type:1,index:r,name:At[2],strings:X,ctor:At[1]==="."?Ue:At[1]==="?"?Ne:At[1]==="@"?Ve:Ot}),i.removeAttribute(v)}else v.startsWith(Y)&&(h.push({type:6,index:r}),i.removeAttribute(v));if(ke.test(i.tagName)){const v=i.textContent.split(Y),q=v.length-1;if(q>0){i.textContent=Bt?Bt.emptyScript:"";for(let X=0;X<q;X++)i.append(v[X],yt()),nt.nextNode(),h.push({type:2,index:++r});i.append(v[q],yt())}}}else if(i.nodeType===8)if(i.data===$e)h.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(Y,v+1))!==-1;)h.push({type:7,index:r}),v+=Y.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function ht(o,t,e=o,n){var s,c;if(t===Q)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=mt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=ht(o,i._$AS(o,t.values),i,n)),t}class Re{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let x;h.type===2?x=new Et(r,r.nextSibling,this,t):h.type===1?x=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(x=new qe(r,this,t)),this._$AV.push(x),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class Et{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ht(this,t,e),mt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==Q&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Me(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&mt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=xt.createElement(_e(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Re(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=be.get(t.strings);return e===void 0&&be.set(t.strings,e=new xt(t)),e}k(t){Wt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(yt()),this.O(yt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=ht(this,t,e,0),s=!mt(t)||t!==this._$AH&&t!==Q,s&&(this._$AH=t);else{const c=t;let h,x;for(t=r[0],h=0;h<r.length-1;h++)x=ht(this,c[n+h],e,h),x===Q&&(x=this._$AH[h]),s||(s=!mt(x)||x!==this._$AH[h]),x===d?t=d:t!==d&&(t+=(x??"")+r[h+1]),this._$AH[h]=x}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ue extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ne extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ve extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=ht(this,t,e,0)??d)===Q)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class qe{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){ht(this,t)}}const Mt=gt.litHtmlPolyfillSupport;Mt==null||Mt(xt,Et),(gt.litHtmlVersions??(gt.litHtmlVersions=[])).push("3.3.0");const Ze=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(yt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const rt=globalThis;let p=class extends ct{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ze(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return Q}};var me;p._$litElement$=!0,p.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:p});const
|
|
19
|
+
*/const rt=globalThis;let p=class extends ct{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ze(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return Q}};var me;p._$litElement$=!0,p.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:p});const Ft=rt.litElementPolyfillSupport;Ft==null||Ft({LitElement:p});(rt.litElementVersions??(rt.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2023 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
50
|
-
*/const Gt=Symbol("internals"),
|
|
50
|
+
*/const Gt=Symbol("internals"),jt=Symbol("privateInternals");function Xt(o){var t;class e extends o{get[(t=Gt,t)](){return this[jt]||(this[jt]=this.attachInternals()),this[jt]}}return e}/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2018 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/const P=o=>o??d;var
|
|
179
|
+
*/const P=o=>o??d;var Fo=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fo(t,e,i),i};let B=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=Z[this.icon]??"",t=`icon-${this.icon}`,e=o.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"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
180
180
|
${this.type==="span"?l`
|
|
181
181
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
182
182
|
${C(e)}
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
.sr-only {
|
|
404
404
|
display: none;
|
|
405
405
|
}
|
|
406
|
-
`;
|
|
406
|
+
`;j([a({type:String,reflect:!0})],B.prototype,"bgstyle",2);j([a({type:String,reflect:!0})],B.prototype,"size",2);j([a({type:String,reflect:!0})],B.prototype,"status",2);j([a({type:String,reflect:!0})],B.prototype,"type",2);j([a({type:String})],B.prototype,"strokewidth",2);j([a({type:String})],B.prototype,"icon",2);j([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);j([a({type:Boolean})],B.prototype,"showSrLabel",2);j([a({type:String})],B.prototype,"srLabel",2);B=j([g("o-icon-button")],B);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ro(t,e,i),i};let u=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.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._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.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 i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,e,n;(n=this.getFocusableElements().map(i=>this.resolveFocusable(i)).filter(i=>!!i&&!i.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((e=this.shadowRoot)==null?void 0:e.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(o){var e;const t=o.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((e=o.shadowRoot)==null?void 0:e.querySelector("button, .button"))??o:o}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",o=>{o.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 i,r,s,c,h;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(s=((r=t.shadowRoot)==null?void 0:r.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.headerTitle)}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...c,...h)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e;if(this.showHeader){const n=(t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"),i=this.resolveFocusable(n);(e=i==null?void 0:i.focus)==null||e.call(i,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
407
407
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
408
408
|
${this.showHeaderStartIcon?l`
|
|
409
409
|
<o-icon-button
|
|
@@ -1144,7 +1144,7 @@
|
|
|
1144
1144
|
text-decoration: underline;
|
|
1145
1145
|
cursor: pointer;
|
|
1146
1146
|
}
|
|
1147
|
-
`;Dt([a({type:Number})],pt.prototype,"rating",2);Dt([a({type:String})],pt.prototype,"reviewCount",2);Dt([a({type:String})],pt.prototype,"href",2);pt=Dt([g("o-rating")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let
|
|
1147
|
+
`;Dt([a({type:Number})],pt.prototype,"rating",2);Dt([a({type:String})],pt.prototype,"reviewCount",2);Dt([a({type:String})],pt.prototype,"href",2);pt=Dt([g("o-rating")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let F=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1148
1148
|
<o-icon-button
|
|
1149
1149
|
icon="playerv"
|
|
1150
1150
|
size="xsmall"
|
|
@@ -1173,7 +1173,7 @@
|
|
|
1173
1173
|
</li>
|
|
1174
1174
|
`})}
|
|
1175
1175
|
</ul>
|
|
1176
|
-
`}};
|
|
1176
|
+
`}};F.styles=f`
|
|
1177
1177
|
:host {
|
|
1178
1178
|
display: flex;
|
|
1179
1179
|
gap: 5px;
|
|
@@ -1278,7 +1278,7 @@
|
|
|
1278
1278
|
height: 0;
|
|
1279
1279
|
width: 0;
|
|
1280
1280
|
}
|
|
1281
|
-
`;ot([a({type:Array})],
|
|
1281
|
+
`;ot([a({type:Array})],F.prototype,"thumbnails",2);ot([a({type:Number})],F.prototype,"activeIndex",2);ot([a({type:Array})],F.prototype,"disabledIndexes",2);ot([a({type:String})],F.prototype,"maxWidth",2);ot([a({type:String})],F.prototype,"altressource",2);ot([a({type:Object})],F.prototype,"swiperInstance",2);ot([et()],F.prototype,"focusedIndex",2);F=ot([g("thumbnail-navigation")],F);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,te=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let wt=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1282
1282
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1283
1283
|
`}};wt.styles=f`
|
|
1284
1284
|
.tag {
|
|
@@ -2869,7 +2869,7 @@
|
|
|
2869
2869
|
:host([dimmed]) .overlay {
|
|
2870
2870
|
opacity: var(--overlay-opacity, 1);
|
|
2871
2871
|
}
|
|
2872
|
-
`;ut([a({type:String})],tt.prototype,"imageUrl",2);ut([a({type:String})],tt.prototype,"imageAlt",2);ut([a({type:String})],tt.prototype,"hoverUrl",2);ut([a({type:String})],tt.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],tt.prototype,"dimmed",2);tt=ut([g("o-arch-image")],tt);const
|
|
2872
|
+
`;ut([a({type:String})],tt.prototype,"imageUrl",2);ut([a({type:String})],tt.prototype,"imageAlt",2);ut([a({type:String})],tt.prototype,"hoverUrl",2);ut([a({type:String})],tt.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],tt.prototype,"dimmed",2);tt=ut([g("o-arch-image")],tt);const Fi=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2873
2873
|
<svg
|
|
2874
2874
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2875
2875
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -2949,7 +2949,7 @@
|
|
|
2949
2949
|
d="m 1237.15,72.3984 c -3.61,1.5625 -7.64,0.6211 -10.76,-1.5898 -3.47,-2.4688 -6.01,-6.207 -8.42,-9.6484 l -2.61,-3.7305 c -3.58,-5.1094 -9.55,-13.6992 -12.29,-16.1094 -5.74,-5.1289 -9.34,-6.6094 -53,-6.6094 -33.15,0 -37.81,0.9883 -43.8,4.1602 -5.52,2.7891 -7.77,10.7773 -7.77,13.6484 0,3.3594 -0.2,14.711 -0.45,28.7422 -0.39,22.6093 -0.93,52.2383 -0.93,66.5083 v 2.082 c 61.53,-0.032 57.15,-0.524 65,-2.762 2.14,-0.75 4.31,-3.918 6.04,-9.07 0,0 1.62,-4.02 1.63,-4.032 1.32,-3.277 2.66,-6.867 5.45,-9.207 3.1,-2.609 8.34,-2.961 11.82,-0.832 2.53,1.551 4.41,4.86 5.34,7.641 1.18,3.469 1.06,7.031 0.47,10.601 -0.42,2.528 -1.65,14.649 -0.88,22.661 0.36,3.359 0.91,7.339 1.4,11.039 0.81,5.937 1.45,11.25 1.45,13.039 0,10.769 -6.83,13.64 -10.87,13.64 -7.45,0 -10.98,-7.148 -12.29,-9.8 -5.17,-10.34 -7.99,-12.258 -8.92,-12.77 -1.75,-1.09 -4.81,-1.93 -26.44,-1.93 h -39.2 v 107.52 c 0,4.422 0.17,7.101 0.34,8.738 15.96,0.774 76.93,0.524 87.71,-1.476 3.62,-0.602 9.08,-1.5 17.68,-21.911 1.36,-3.211 3.03,-6.711 5.7,-9.043 3,-2.609 7.9,-3.558 11.48,-1.648 3.15,1.672 4.77,5.262 5.42,8.621 0.48,2.52 0.57,5.379 0.02,7.899 -1.68,7.71 -2.32,17.339 -2.74,23.718 l -0.42,5.41 c -1.6,9.993 -5.84,15.063 -12.6,15.063 -1.95,0 -3.97,-0.121 -6.59,-0.27 -4.29,-0.261 -10.36,-0.652 -21.14,-0.652 -8.99,0 -29.44,-0.219 -50.5,-0.437 -22.25,-0.231 -45.19,-0.493 -55.89,-0.493 -7.8,0 -14.28,0.411 -20.23,0.77 -5.38,0.32 -10.33,0.621 -15.39,0.621 -8.85,0 -15.02,-4.461 -15.02,-10.859 0,-3.692 1.73,-10.231 13.17,-12.532 11.25,-2.488 15.05,-3.339 15.05,-28.168 0,-97.863 -0.47,-142.242 -2.32,-215.7808 -0.34,-15.5196 -5.21,-19.0821 -18.87,-21.3594 C 1027,30.8984 1016.62,29 1016.62,19.6719 c 0,-1.9727 0.81,-11.80081 16.89,-11.80081 1.95,0 6.58,0.3086 12.45,0.71875 9.5,0.67969 22.45,1.60156 31.94,1.60156 17.71,0 38.65,-0.41015 60.92,-0.83984 25.46,-0.49218 52.62,-1.01172 78.73,-1.01172 4,0 9.62,1.69926 13.67,9.76956 2.26,4.4687 4.54,12.8906 7.15,22.6094 1.18,4.4218 2.39,8.9531 3.55,12.8203 0.89,2.9804 1.73,5.9726 1.57,9.1211 -0.2,3.9804 -2.49,7.9804 -6.34,9.7382" /><path
|
|
2950
2950
|
id="path52"
|
|
2951
2951
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2952
|
-
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
|
|
2952
|
+
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 ji=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,L=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ji(t,e,i),i};const ae=class ae 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._labelId=`title-${Math.random().toString(36).slice(2)}`,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const e=t.composedPath()[0];(n=e==null?void 0:e.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")}}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),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let e="";this.background&&this.background.trim()?e=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(e=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",e)}if(t.has("open")&&this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open?"hidden":""),this.open?this.updateComplete.then(()=>{var i;(i=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||i.focus(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_requestClose(t){const e=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?l`
|
|
2953
2953
|
<o-icon-button
|
|
2954
2954
|
data-close-btn
|
|
2955
2955
|
icon="cross"
|
|
@@ -2992,7 +2992,7 @@
|
|
|
2992
2992
|
<header part="header">
|
|
2993
2993
|
${this.showBackButton?this._renderBackButton():null}
|
|
2994
2994
|
<div class="brand">
|
|
2995
|
-
<span slot="logo${this.contrast?"-contrast":""}">${C(
|
|
2995
|
+
<span slot="logo${this.contrast?"-contrast":""}">${C(Fi)}</span>
|
|
2996
2996
|
</div>
|
|
2997
2997
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
2998
2998
|
</header>
|
|
@@ -3135,7 +3135,7 @@
|
|
|
3135
3135
|
${this.descriptionProduct?l`<div class="description">${this.descriptionProduct}</div>`:""}
|
|
3136
3136
|
${this.salesPercentage&&this.oldPrice?l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>`:""}
|
|
3137
3137
|
<div class="details">
|
|
3138
|
-
<div>
|
|
3138
|
+
<div class="price-info">
|
|
3139
3139
|
${this.mainPrice?l`<span class="main-price">${this.mainPrice}</span>`:""}
|
|
3140
3140
|
${this.perLiter?l`<span class="per-liter">${this.perLiter}</span>`:""}
|
|
3141
3141
|
</div>
|
|
@@ -3205,12 +3205,13 @@
|
|
|
3205
3205
|
}
|
|
3206
3206
|
|
|
3207
3207
|
.info .title {
|
|
3208
|
+
|
|
3209
|
+
color: var(--color-content-body, #3F2B2E);
|
|
3208
3210
|
font-family: var(--font-family-loccitane-serif);
|
|
3209
|
-
font-size: var(--font-size-
|
|
3210
|
-
font-weight: var(--font-weight-400);
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
letter-spacing: var(--letter-spacing-100);
|
|
3211
|
+
font-size: var(--font-size-200, 16px);
|
|
3212
|
+
font-weight: var(--font-weight-400, 400);
|
|
3213
|
+
line-height: var(--line-height-200, 20px);
|
|
3214
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3214
3215
|
text-align: left;
|
|
3215
3216
|
}
|
|
3216
3217
|
|
|
@@ -3275,18 +3276,30 @@
|
|
|
3275
3276
|
}
|
|
3276
3277
|
|
|
3277
3278
|
.main-price {
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3279
|
+
color: var(--color-content-body, #3F2B2E);
|
|
3280
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3281
|
+
font-size: var(--font-size-150, 14px);
|
|
3282
|
+
font-style: normal;
|
|
3283
|
+
font-weight: var(--font-weight-400, 400);
|
|
3284
|
+
line-height: var(--line-height-200, 20px); /* 142.857% */
|
|
3285
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3283
3286
|
}
|
|
3284
3287
|
|
|
3285
3288
|
.per-liter {
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3289
|
+
color: var(--color-content-description, #7E7173);
|
|
3290
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3291
|
+
font-size: var(--font-size-100, 12px);
|
|
3292
|
+
font-style: normal;
|
|
3293
|
+
font-weight: var(--font-weight-400, 400);
|
|
3294
|
+
line-height: var(--line-height-160, 16px);
|
|
3295
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
3296
|
+
}
|
|
3297
|
+
|
|
3298
|
+
.price-info {
|
|
3299
|
+
display: flex;
|
|
3300
|
+
column-gap: var(--spacing-xs);
|
|
3301
|
+
align-items: center;
|
|
3302
|
+
height: 32px;
|
|
3290
3303
|
}
|
|
3291
3304
|
|
|
3292
3305
|
.fullpointer {
|
package/index.mjs
CHANGED
|
@@ -284,12 +284,12 @@ ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[vt("elementPr
|
|
|
284
284
|
*/
|
|
285
285
|
const gt = globalThis, Bt = gt.trustedTypes, pe = Bt ? Bt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, we = "$lit$", Y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + Y, He = `<${$e}>`, st = document, yt = () => st.createComment(""), mt = (o) => o === null || typeof o != "object" && typeof o != "function", Wt = Array.isArray, Me = (o) => Wt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Ht = `[
|
|
286
286
|
\f\r]`, ft = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, fe = />/g, it = RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i,
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i, Fe = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Fe(1), Q = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), be = /* @__PURE__ */ new WeakMap(), nt = st.createTreeWalker(st, 129);
|
|
288
288
|
function _e(o, t) {
|
|
289
289
|
if (!Wt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return pe !== void 0 ? pe.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
|
-
const
|
|
292
|
+
const je = (o, t) => {
|
|
293
293
|
const e = o.length - 1, n = [];
|
|
294
294
|
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ft;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
@@ -306,7 +306,7 @@ class xt {
|
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, s = 0;
|
|
309
|
-
const c = t.length - 1, h = this.parts, [x, k] =
|
|
309
|
+
const c = t.length - 1, h = this.parts, [x, k] = je(t, e);
|
|
310
310
|
if (this.el = xt.createElement(x, n), nt.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const v = this.el.content.firstChild;
|
|
312
312
|
v.replaceWith(...v.childNodes);
|
|
@@ -546,8 +546,8 @@ let p = class extends ct {
|
|
|
546
546
|
};
|
|
547
547
|
var me;
|
|
548
548
|
p._$litElement$ = !0, p.finalized = !0, (me = rt.litElementHydrateSupport) == null || me.call(rt, { LitElement: p });
|
|
549
|
-
const
|
|
550
|
-
|
|
549
|
+
const Ft = rt.litElementPolyfillSupport;
|
|
550
|
+
Ft == null || Ft({ LitElement: p });
|
|
551
551
|
(rt.litElementVersions ?? (rt.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
@@ -635,12 +635,12 @@ f`
|
|
|
635
635
|
* Copyright 2023 Google LLC
|
|
636
636
|
* SPDX-License-Identifier: Apache-2.0
|
|
637
637
|
*/
|
|
638
|
-
const Gt = Symbol("internals"),
|
|
638
|
+
const Gt = Symbol("internals"), jt = Symbol("privateInternals");
|
|
639
639
|
function Xt(o) {
|
|
640
640
|
var t;
|
|
641
641
|
class e extends o {
|
|
642
642
|
get [(t = Gt, t)]() {
|
|
643
|
-
return this[
|
|
643
|
+
return this[jt] || (this[jt] = this.attachInternals()), this[jt];
|
|
644
644
|
}
|
|
645
645
|
}
|
|
646
646
|
return e;
|
|
@@ -1057,10 +1057,10 @@ const ye = Jt(Mo);
|
|
|
1057
1057
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1058
1058
|
*/
|
|
1059
1059
|
const P = (o) => o ?? d;
|
|
1060
|
-
var
|
|
1061
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
1060
|
+
var Fo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
|
|
1061
|
+
for (var i = n > 1 ? void 0 : n ? jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1062
1062
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1063
|
-
return n && i &&
|
|
1063
|
+
return n && i && Fo(t, e, i), i;
|
|
1064
1064
|
};
|
|
1065
1065
|
let B = class extends p {
|
|
1066
1066
|
constructor() {
|
|
@@ -1302,34 +1302,34 @@ B.styles = f`
|
|
|
1302
1302
|
display: none;
|
|
1303
1303
|
}
|
|
1304
1304
|
`;
|
|
1305
|
-
|
|
1305
|
+
j([
|
|
1306
1306
|
a({ type: String, reflect: !0 })
|
|
1307
1307
|
], B.prototype, "bgstyle", 2);
|
|
1308
|
-
|
|
1308
|
+
j([
|
|
1309
1309
|
a({ type: String, reflect: !0 })
|
|
1310
1310
|
], B.prototype, "size", 2);
|
|
1311
|
-
|
|
1311
|
+
j([
|
|
1312
1312
|
a({ type: String, reflect: !0 })
|
|
1313
1313
|
], B.prototype, "status", 2);
|
|
1314
|
-
|
|
1314
|
+
j([
|
|
1315
1315
|
a({ type: String, reflect: !0 })
|
|
1316
1316
|
], B.prototype, "type", 2);
|
|
1317
|
-
|
|
1317
|
+
j([
|
|
1318
1318
|
a({ type: String })
|
|
1319
1319
|
], B.prototype, "strokewidth", 2);
|
|
1320
|
-
|
|
1320
|
+
j([
|
|
1321
1321
|
a({ type: String })
|
|
1322
1322
|
], B.prototype, "icon", 2);
|
|
1323
|
-
|
|
1323
|
+
j([
|
|
1324
1324
|
a({ type: Boolean, reflect: !0 })
|
|
1325
1325
|
], B.prototype, "disabled", 2);
|
|
1326
|
-
|
|
1326
|
+
j([
|
|
1327
1327
|
a({ type: Boolean })
|
|
1328
1328
|
], B.prototype, "showSrLabel", 2);
|
|
1329
|
-
|
|
1329
|
+
j([
|
|
1330
1330
|
a({ type: String })
|
|
1331
1331
|
], B.prototype, "srLabel", 2);
|
|
1332
|
-
B =
|
|
1332
|
+
B = j([
|
|
1333
1333
|
g("o-icon-button")
|
|
1334
1334
|
], B);
|
|
1335
1335
|
var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
|
|
@@ -2569,7 +2569,7 @@ var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t
|
|
|
2569
2569
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2570
2570
|
return n && i && Jo(t, e, i), i;
|
|
2571
2571
|
};
|
|
2572
|
-
let
|
|
2572
|
+
let F = class extends p {
|
|
2573
2573
|
constructor() {
|
|
2574
2574
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
|
|
2575
2575
|
<o-icon-button
|
|
@@ -2660,7 +2660,7 @@ let j = class extends p {
|
|
|
2660
2660
|
`;
|
|
2661
2661
|
}
|
|
2662
2662
|
};
|
|
2663
|
-
|
|
2663
|
+
F.styles = f`
|
|
2664
2664
|
:host {
|
|
2665
2665
|
display: flex;
|
|
2666
2666
|
gap: 5px;
|
|
@@ -2768,28 +2768,28 @@ j.styles = f`
|
|
|
2768
2768
|
`;
|
|
2769
2769
|
ot([
|
|
2770
2770
|
a({ type: Array })
|
|
2771
|
-
],
|
|
2771
|
+
], F.prototype, "thumbnails", 2);
|
|
2772
2772
|
ot([
|
|
2773
2773
|
a({ type: Number })
|
|
2774
|
-
],
|
|
2774
|
+
], F.prototype, "activeIndex", 2);
|
|
2775
2775
|
ot([
|
|
2776
2776
|
a({ type: Array })
|
|
2777
|
-
],
|
|
2777
|
+
], F.prototype, "disabledIndexes", 2);
|
|
2778
2778
|
ot([
|
|
2779
2779
|
a({ type: String })
|
|
2780
|
-
],
|
|
2780
|
+
], F.prototype, "maxWidth", 2);
|
|
2781
2781
|
ot([
|
|
2782
2782
|
a({ type: String })
|
|
2783
|
-
],
|
|
2783
|
+
], F.prototype, "altressource", 2);
|
|
2784
2784
|
ot([
|
|
2785
2785
|
a({ type: Object })
|
|
2786
|
-
],
|
|
2786
|
+
], F.prototype, "swiperInstance", 2);
|
|
2787
2787
|
ot([
|
|
2788
2788
|
et()
|
|
2789
|
-
],
|
|
2790
|
-
|
|
2789
|
+
], F.prototype, "focusedIndex", 2);
|
|
2790
|
+
F = ot([
|
|
2791
2791
|
g("thumbnail-navigation")
|
|
2792
|
-
],
|
|
2792
|
+
], F);
|
|
2793
2793
|
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
|
|
2794
2794
|
for (var i = n > 1 ? void 0 : n ? ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2795
2795
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -5223,7 +5223,7 @@ ut([
|
|
|
5223
5223
|
tt = ut([
|
|
5224
5224
|
g("o-arch-image")
|
|
5225
5225
|
], tt);
|
|
5226
|
-
const
|
|
5226
|
+
const Fi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
5227
5227
|
<svg
|
|
5228
5228
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
5229
5229
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -5304,10 +5304,10 @@ const ji = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
|
5304
5304
|
id="path52"
|
|
5305
5305
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
5306
5306
|
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>`;
|
|
5307
|
-
var
|
|
5307
|
+
var ji = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, L = (o, t, e, n) => {
|
|
5308
5308
|
for (var i = n > 1 ? void 0 : n ? Ri(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5309
5309
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5310
|
-
return n && i &&
|
|
5310
|
+
return n && i && ji(t, e, i), i;
|
|
5311
5311
|
};
|
|
5312
5312
|
const ae = class ae extends p {
|
|
5313
5313
|
constructor() {
|
|
@@ -5407,7 +5407,7 @@ const ae = class ae extends p {
|
|
|
5407
5407
|
<header part="header">
|
|
5408
5408
|
${this.showBackButton ? this._renderBackButton() : null}
|
|
5409
5409
|
<div class="brand">
|
|
5410
|
-
<span slot="logo${this.contrast ? "-contrast" : ""}">${C(
|
|
5410
|
+
<span slot="logo${this.contrast ? "-contrast" : ""}">${C(Fi)}</span>
|
|
5411
5411
|
</div>
|
|
5412
5412
|
<div part="close${this.contrast ? "-contrast" : ""}">${this._renderCloseButton()}</div>
|
|
5413
5413
|
</header>
|
|
@@ -5614,7 +5614,7 @@ let m = class extends p {
|
|
|
5614
5614
|
${this.descriptionProduct ? l`<div class="description">${this.descriptionProduct}</div>` : ""}
|
|
5615
5615
|
${this.salesPercentage && this.oldPrice ? l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>` : ""}
|
|
5616
5616
|
<div class="details">
|
|
5617
|
-
<div>
|
|
5617
|
+
<div class="price-info">
|
|
5618
5618
|
${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
|
|
5619
5619
|
${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
|
|
5620
5620
|
</div>
|
|
@@ -5687,12 +5687,13 @@ m.styles = f`
|
|
|
5687
5687
|
}
|
|
5688
5688
|
|
|
5689
5689
|
.info .title {
|
|
5690
|
+
|
|
5691
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5690
5692
|
font-family: var(--font-family-loccitane-serif);
|
|
5691
|
-
font-size: var(--font-size-
|
|
5692
|
-
font-weight: var(--font-weight-400);
|
|
5693
|
-
|
|
5694
|
-
|
|
5695
|
-
letter-spacing: var(--letter-spacing-100);
|
|
5693
|
+
font-size: var(--font-size-200, 16px);
|
|
5694
|
+
font-weight: var(--font-weight-400, 400);
|
|
5695
|
+
line-height: var(--line-height-200, 20px);
|
|
5696
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5696
5697
|
text-align: left;
|
|
5697
5698
|
}
|
|
5698
5699
|
|
|
@@ -5757,18 +5758,30 @@ m.styles = f`
|
|
|
5757
5758
|
}
|
|
5758
5759
|
|
|
5759
5760
|
.main-price {
|
|
5760
|
-
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5764
|
-
|
|
5761
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5762
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5763
|
+
font-size: var(--font-size-150, 14px);
|
|
5764
|
+
font-style: normal;
|
|
5765
|
+
font-weight: var(--font-weight-400, 400);
|
|
5766
|
+
line-height: var(--line-height-200, 20px); /* 142.857% */
|
|
5767
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5765
5768
|
}
|
|
5766
5769
|
|
|
5767
5770
|
.per-liter {
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5771
|
+
color: var(--color-content-description, #7E7173);
|
|
5772
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5773
|
+
font-size: var(--font-size-100, 12px);
|
|
5774
|
+
font-style: normal;
|
|
5775
|
+
font-weight: var(--font-weight-400, 400);
|
|
5776
|
+
line-height: var(--line-height-160, 16px);
|
|
5777
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
5778
|
+
}
|
|
5779
|
+
|
|
5780
|
+
.price-info {
|
|
5781
|
+
display: flex;
|
|
5782
|
+
column-gap: var(--spacing-xs);
|
|
5783
|
+
align-items: center;
|
|
5784
|
+
height: 32px;
|
|
5772
5785
|
}
|
|
5773
5786
|
|
|
5774
5787
|
.fullpointer {
|