@florid-kit/components 0.9.11 → 0.9.13
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/side-panel.d.ts +1 -0
- package/index.js +10 -15
- package/index.mjs +48 -45
- package/package.json +1 -1
|
@@ -36,6 +36,7 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
36
36
|
connectedCallback(): void;
|
|
37
37
|
disconnectedCallback(): void;
|
|
38
38
|
private focusDetailReturnBtn;
|
|
39
|
+
private _setPriceTabindex;
|
|
39
40
|
private _onOpenDetail;
|
|
40
41
|
private _detailOriginEl;
|
|
41
42
|
private _detailOriginClass;
|
package/index.js
CHANGED
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const ht=globalThis,_t=ht.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Ee=`<${pe}>`,tt=document,pt=()=>tt.createComment(""),ut=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",
|
|
14
|
-
\f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,J=RegExp(`>|${
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const
|
|
13
|
+
*/const ht=globalThis,_t=ht.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Ee=`<${pe}>`,tt=document,pt=()=>tt.createComment(""),ut=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Pt=`[
|
|
14
|
+
\f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,J=RegExp(`>|${Pt}(?:([^\\s"'>=/]+)(${Pt}*=${Pt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const Pe=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=lt;for(let h=0;h<e;h++){const c=o[h];let m,w,v=-1,R=0;for(;R<c.length&&(s.lastIndex=R,w=s.exec(c),w!==null);)R=s.lastIndex,s===lt?w[1]==="!--"?s=ie:w[1]!==void 0?s=ne:w[2]!==void 0?(ue.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??lt,v=-1):w[1]===void 0?v=-2:(v=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?se:re):s===se||s===re?s=J:s===ie||s===ne?s=lt:(s=J,i=void 0);const Z=s===J&&o[h+1].startsWith("/>")?" ":"";r+=s===lt?c+Ee:v>=0?(n.push(m),c.slice(0,v)+de+c.slice(v)+K+Z):c+K+(v===-2?h:Z)}return[ve(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class vt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const h=t.length-1,c=this.parts,[m,w]=Pe(t,e);if(this.el=vt.createElement(m,n),Q.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(de)){const R=w[s++],Z=i.getAttribute(v).split(K),wt=/([.?@])?(.*)/.exec(R);c.push({type:1,index:r,name:wt[2],strings:Z,ctor:wt[1]==="."?Oe:wt[1]==="?"?ze:wt[1]==="@"?Be:St}),i.removeAttribute(v)}else v.startsWith(K)&&(c.push({type:6,index:r}),i.removeAttribute(v));if(ue.test(i.tagName)){const v=i.textContent.split(K),R=v.length-1;if(R>0){i.textContent=_t?_t.emptyScript:"";for(let Z=0;Z<R;Z++)i.append(v[Z],pt()),Q.nextNode(),c.push({type:2,index:++r});i.append(v[R],pt())}}}else if(i.nodeType===8)if(i.data===pe)c.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(K,v+1))!==-1;)c.push({type:7,index:r}),v+=K.length-1}r++}}static createElement(t,e){const n=tt.createElement("template");return n.innerHTML=t,n}}function nt(o,t,e=o,n){var s,h;if(t===G)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=ut(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=nt(o,i._$AS(o,t.values),i,n)),t}class Ie{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)??tt).importNode(e,!0);Q.currentNode=i;let r=Q.nextNode(),s=0,h=0,c=n[0];for(;c!==void 0;){if(s===c.index){let m;c.type===2?m=new xt(r,r.nextSibling,this,t):c.type===1?m=new c.ctor(r,c.name,c.strings,this,t):c.type===6&&(m=new De(r,this,t)),this._$AV.push(m),c=n[++h]}s!==(c==null?void 0:c.index)&&(r=Q.nextNode(),s++)}return Q.currentNode=tt,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 xt{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=nt(this,t,e),ut(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ae(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&&ut(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.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=vt.createElement(ve(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 Ie(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ae.get(t.strings);return e===void 0&&ae.set(t.strings,e=new vt(t)),e}k(t){Rt(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 xt(this.O(pt()),this.O(pt()),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 St{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=nt(this,t,e,0),s=!ut(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,m;for(t=r[0],c=0;c<r.length-1;c++)m=nt(this,h[n+c],e,c),m===G&&(m=this._$AH[c]),s||(s=!ut(m)||m!==this._$AH[c]),m===d?t=d:t!==d&&(t+=(m??"")+r[c+1]),this._$AH[c]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends St{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ze extends St{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Be extends St{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=nt(this,t,e,0)??d)===G)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 De{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){nt(this,t)}}const It=ht.litHtmlPolyfillSupport;It==null||It(vt,xt),(ht.litHtmlVersions??(ht.litHtmlVersions=[])).push("3.3.0");const He=(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 xt(t.insertBefore(pt(),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
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
display: inline-flex;
|
|
394
394
|
justify-content: center;
|
|
395
395
|
align-items: center;
|
|
396
|
-
outline: none;
|
|
396
|
+
outline: none !important;
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
.wishlist-button {
|
|
@@ -840,11 +840,11 @@
|
|
|
840
840
|
* @license
|
|
841
841
|
* Copyright 2020 Google LLC
|
|
842
842
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
843
|
-
*/const
|
|
843
|
+
*/const Po=o=>o.strings===void 0;/**
|
|
844
844
|
* @license
|
|
845
845
|
* Copyright 2017 Google LLC
|
|
846
846
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
847
|
-
*/const dt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),dt(i,t);return!0},kt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},be=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)dt(n[r],!1),kt(n[r]);else n!=null&&(dt(n,!1),kt(n));else dt(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),be(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(dt(this,t),kt(this))}setValue(t){if(Io(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Do extends Bo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ho extends Do{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Mo extends Ho{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&To(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.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)}setTimeout(async()=>{await this.focusDetailReturnBtn()},800)},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()},this._onDetailSlotChange=o=>{const n=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];n==null||n.setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var n,i,r,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(r=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:r.focus)==null||s.call(r,{preventScroll:!0})}_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(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.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,n,i;if(this.showHeader){const r=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=r==null?void 0:r.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((n=s.focus)==null||n.call(s))}else{const r=this.getFocusableElements()[0];(i=r==null?void 0:r.focus)==null||i.call(r)}}),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`
|
|
847
|
+
*/const dt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),dt(i,t);return!0},kt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},be=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),zo(t)}};function Io(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)dt(n[r],!1),kt(n[r]);else n!=null&&(dt(n,!1),kt(n));else dt(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Io))};class Bo extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),be(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(dt(this,t),kt(this))}setValue(t){if(Po(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Do extends Bo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ho extends Do{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Mo extends Ho{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,g=(o,t,e,n)=>{for(var i=n>1?void 0:n?jo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&To(t,e,i),i};let p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.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)}this._setPriceTabindex(),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()},this._onDetailSlotChange=o=>{const n=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];n==null||n.setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var n,i,r,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(r=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:r.focus)==null||s.call(r,{preventScroll:!0})}_setPriceTabindex(){var n;const o=(n=this.shadowRoot)==null?void 0:n.querySelector('slot[name="detail"]');if(!o)return;const e=o.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll(".m-product-price-standard")));for(const i of e)i.hasAttribute("tabindex")||i.setAttribute("tabindex","0")}_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(p.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...h,...c)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.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,n,i;if(this.showHeader){const r=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=r==null?void 0:r.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((n=s.focus)==null||n.call(s))}else{const r=this.getFocusableElements()[0];(i=r==null?void 0:r.focus)==null||i.call(r)}}),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`
|
|
848
848
|
<div tabindex="-1" class="header">
|
|
849
849
|
${this.showHeaderStartIcon?l`
|
|
850
850
|
<o-icon-button
|
|
@@ -1026,11 +1026,6 @@
|
|
|
1026
1026
|
.return-btn {
|
|
1027
1027
|
margin-right: 8px;
|
|
1028
1028
|
}
|
|
1029
|
-
|
|
1030
|
-
.return-btn.a--tabfocus {
|
|
1031
|
-
border: 2px solid #000;
|
|
1032
|
-
box-sizing: border-box;
|
|
1033
|
-
}
|
|
1034
1029
|
}
|
|
1035
1030
|
|
|
1036
1031
|
.panel:focus-visible,
|
|
@@ -2353,7 +2348,7 @@
|
|
|
2353
2348
|
.fullpointer {
|
|
2354
2349
|
cursor: pointer;
|
|
2355
2350
|
}
|
|
2356
|
-
`;let
|
|
2351
|
+
`;let P=Jt;q([a({type:String})],P.prototype,"type");q([a({type:String})],P.prototype,"titleProduct");q([a({type:String})],P.prototype,"volume");q([a({type:String})],P.prototype,"perLiter");q([a({type:String})],P.prototype,"mainPrice");q([a({type:String})],P.prototype,"imageUrl");q([a({type:String})],P.prototype,"altImage");q([a({type:Boolean})],P.prototype,"fullwidth");q([a({type:Function})],P.prototype,"onClickTile");customElements.define("mini-tile",P);var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Xt=(o,t,e,n)=>{for(var i=n>1?void 0:n?pi(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&&di(t,e,i),i};let mt=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2357
2352
|
<span class="badge">
|
|
2358
2353
|
${this.text?this.text:l`<slot></slot>`}
|
|
2359
2354
|
</span>
|
|
@@ -2596,7 +2591,7 @@
|
|
|
2596
2591
|
svg path {
|
|
2597
2592
|
stroke: var(--color-border-white);
|
|
2598
2593
|
}
|
|
2599
|
-
`;B([a({type:Boolean,reflect:!0})],_.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],_.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);B([a({type:String,reflect:!0})],_.prototype,"size",2);B([a({type:Boolean})],_.prototype,"showLabel",2);B([a({type:String})],_.prototype,"label",2);B([a({type:String})],_.prototype,"name",2);B([a({type:String})],_.prototype,"value",2);B([a({type:String,reflect:!0})],_.prototype,"inputId",2);B([fe("input")],_.prototype,"inputEl",2);_=B([y("o-checkbox")],_);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(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&&yi(t,e,i),i};let xi=0,
|
|
2594
|
+
`;B([a({type:Boolean,reflect:!0})],_.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],_.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);B([a({type:String,reflect:!0})],_.prototype,"size",2);B([a({type:Boolean})],_.prototype,"showLabel",2);B([a({type:String})],_.prototype,"label",2);B([a({type:String})],_.prototype,"name",2);B([a({type:String})],_.prototype,"value",2);B([a({type:String,reflect:!0})],_.prototype,"inputId",2);B([fe("input")],_.prototype,"inputEl",2);_=B([y("o-checkbox")],_);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(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&&yi(t,e,i),i};let xi=0,I=class extends u{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++xi}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2600
2595
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2601
2596
|
|
|
2602
2597
|
<div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
|
|
@@ -2604,7 +2599,7 @@
|
|
|
2604
2599
|
</div>
|
|
2605
2600
|
|
|
2606
2601
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2607
|
-
`}};
|
|
2602
|
+
`}};I.styles=f`
|
|
2608
2603
|
:host {
|
|
2609
2604
|
display: inline-flex;
|
|
2610
2605
|
align-items: center;
|
|
@@ -2686,4 +2681,4 @@
|
|
|
2686
2681
|
width: 0;
|
|
2687
2682
|
height: 0;
|
|
2688
2683
|
}
|
|
2689
|
-
`;j([a({type:Boolean,reflect:!0})],
|
|
2684
|
+
`;j([a({type:Boolean,reflect:!0})],I.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);j([a({type:String,reflect:!0})],I.prototype,"size",2);j([a({type:Boolean})],I.prototype,"showLabel",2);j([a({type:String})],I.prototype,"label",2);j([a({type:String})],I.prototype,"name",2);j([a({type:String})],I.prototype,"value",2);j([a({type:String,reflect:!0})],I.prototype,"inputId",2);j([fe("input")],I.prototype,"inputEl",2);I=j([y("o-radio")],I);
|
package/index.mjs
CHANGED
|
@@ -282,14 +282,14 @@ it.elementStyles = [], it.shadowRootOptions = { mode: "open" }, it[ct("elementPr
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const ht = globalThis, _t = ht.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Ee = `<${pe}>`, tt = document, pt = () => tt.createComment(""), ut = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function",
|
|
286
|
-
\f\r]`, lt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, J = RegExp(`>|${
|
|
285
|
+
const ht = globalThis, _t = ht.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Ee = `<${pe}>`, tt = document, pt = () => tt.createComment(""), ut = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", Pt = `[
|
|
286
|
+
\f\r]`, lt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, J = RegExp(`>|${Pt}(?:([^\\s"'>=/]+)(${Pt}*=${Pt}*(?:[^
|
|
287
287
|
\f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, se = /"/g, ue = /^(?:script|style|textarea|title)$/i, Le = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Le(1), G = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), Q = tt.createTreeWalker(tt, 129);
|
|
288
288
|
function ve(o, t) {
|
|
289
289
|
if (!Rt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return oe !== void 0 ? oe.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
|
-
const
|
|
292
|
+
const Pe = (o, t) => {
|
|
293
293
|
const e = o.length - 1, n = [];
|
|
294
294
|
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = lt;
|
|
295
295
|
for (let h = 0; h < e; h++) {
|
|
@@ -306,7 +306,7 @@ class vt {
|
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, s = 0;
|
|
309
|
-
const h = t.length - 1, c = this.parts, [m, w] =
|
|
309
|
+
const h = t.length - 1, c = this.parts, [m, w] = Pe(t, e);
|
|
310
310
|
if (this.el = vt.createElement(m, n), Q.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const v = this.el.content.firstChild;
|
|
312
312
|
v.replaceWith(...v.childNodes);
|
|
@@ -345,7 +345,7 @@ function nt(o, t, e = o, n) {
|
|
|
345
345
|
const r = ut(t) ? void 0 : t._$litDirective$;
|
|
346
346
|
return (i == null ? void 0 : i.constructor) !== r && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = nt(o, i._$AS(o, t.values), i, n)), t;
|
|
347
347
|
}
|
|
348
|
-
class
|
|
348
|
+
class Ie {
|
|
349
349
|
constructor(t, e) {
|
|
350
350
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
351
351
|
}
|
|
@@ -409,7 +409,7 @@ class xt {
|
|
|
409
409
|
const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = vt.createElement(ve(n.h, n.h[0]), this.options)), n);
|
|
410
410
|
if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const s = new
|
|
412
|
+
const s = new Ie(i, this), h = s.u(this.options);
|
|
413
413
|
s.p(e), this.T(h), this._$AH = s;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
@@ -502,8 +502,8 @@ class De {
|
|
|
502
502
|
nt(this, t);
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
|
-
const
|
|
506
|
-
|
|
505
|
+
const It = ht.litHtmlPolyfillSupport;
|
|
506
|
+
It == null || It(vt, xt), (ht.litHtmlVersions ?? (ht.litHtmlVersions = [])).push("3.3.0");
|
|
507
507
|
const He = (o, t, e) => {
|
|
508
508
|
const n = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
509
|
let i = n._$litPart$;
|
|
@@ -1232,7 +1232,7 @@ rt.styles = f`
|
|
|
1232
1232
|
display: inline-flex;
|
|
1233
1233
|
justify-content: center;
|
|
1234
1234
|
align-items: center;
|
|
1235
|
-
outline: none;
|
|
1235
|
+
outline: none !important;
|
|
1236
1236
|
}
|
|
1237
1237
|
|
|
1238
1238
|
.wishlist-button {
|
|
@@ -1820,7 +1820,7 @@ st = At([
|
|
|
1820
1820
|
* Copyright 2020 Google LLC
|
|
1821
1821
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1822
1822
|
*/
|
|
1823
|
-
const
|
|
1823
|
+
const Po = (o) => o.strings === void 0;
|
|
1824
1824
|
/**
|
|
1825
1825
|
* @license
|
|
1826
1826
|
* Copyright 2017 Google LLC
|
|
@@ -1846,7 +1846,7 @@ const dt = (o, t) => {
|
|
|
1846
1846
|
e.add(o), zo(t);
|
|
1847
1847
|
}
|
|
1848
1848
|
};
|
|
1849
|
-
function
|
|
1849
|
+
function Io(o) {
|
|
1850
1850
|
this._$AN !== void 0 ? (kt(this), this._$AM = o, be(this)) : this._$AM = o;
|
|
1851
1851
|
}
|
|
1852
1852
|
function Oo(o, t = !1, e = 0) {
|
|
@@ -1856,7 +1856,7 @@ function Oo(o, t = !1, e = 0) {
|
|
|
1856
1856
|
else dt(this, o);
|
|
1857
1857
|
}
|
|
1858
1858
|
const zo = (o) => {
|
|
1859
|
-
o.type == Ut.CHILD && (o._$AP ?? (o._$AP = Oo), o._$AQ ?? (o._$AQ =
|
|
1859
|
+
o.type == Ut.CHILD && (o._$AP ?? (o._$AP = Oo), o._$AQ ?? (o._$AQ = Io));
|
|
1860
1860
|
};
|
|
1861
1861
|
class Bo extends qt {
|
|
1862
1862
|
constructor() {
|
|
@@ -1870,7 +1870,7 @@ class Bo extends qt {
|
|
|
1870
1870
|
t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (dt(this, t), kt(this));
|
|
1871
1871
|
}
|
|
1872
1872
|
setValue(t) {
|
|
1873
|
-
if (
|
|
1873
|
+
if (Po(this._$Ct)) this._$Ct._$AI(t, this);
|
|
1874
1874
|
else {
|
|
1875
1875
|
const e = [...this._$Ct._$AH];
|
|
1876
1876
|
e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
|
|
@@ -2016,9 +2016,7 @@ let p = class extends u {
|
|
|
2016
2016
|
const i = (n = this.shadowRoot) == null ? void 0 : n.querySelector(".detail-view");
|
|
2017
2017
|
i && i.setAttribute("fromelement", this._detailOriginClass);
|
|
2018
2018
|
}
|
|
2019
|
-
|
|
2020
|
-
await this.focusDetailReturnBtn();
|
|
2021
|
-
}, 800);
|
|
2019
|
+
this._setPriceTabindex(), await this.focusDetailReturnBtn();
|
|
2022
2020
|
}, this._detailOriginEl = null, this._detailOriginClass = "", this.handleKeyDown = (o) => {
|
|
2023
2021
|
this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
|
|
2024
2022
|
}, this.handleClosePanel = (o) => {
|
|
@@ -2069,6 +2067,16 @@ let p = class extends u {
|
|
|
2069
2067
|
if (!t) return;
|
|
2070
2068
|
t.updateComplete && await t.updateComplete, (s = (r = ((i = t.shadowRoot) == null ? void 0 : i.querySelector("button")) ?? t) == null ? void 0 : r.focus) == null || s.call(r, { preventScroll: !0 });
|
|
2071
2069
|
}
|
|
2070
|
+
_setPriceTabindex() {
|
|
2071
|
+
var n;
|
|
2072
|
+
const o = (n = this.shadowRoot) == null ? void 0 : n.querySelector('slot[name="detail"]');
|
|
2073
|
+
if (!o) return;
|
|
2074
|
+
const e = o.assignedElements({ flatten: !0 }).flatMap(
|
|
2075
|
+
(i) => Array.from(i.querySelectorAll(".m-product-price-standard"))
|
|
2076
|
+
);
|
|
2077
|
+
for (const i of e)
|
|
2078
|
+
i.hasAttribute("tabindex") || i.setAttribute("tabindex", "0");
|
|
2079
|
+
}
|
|
2072
2080
|
_restoreFocusToOrigin() {
|
|
2073
2081
|
var t, e;
|
|
2074
2082
|
const o = this._detailOriginEl;
|
|
@@ -2357,11 +2365,6 @@ p.styles = f`
|
|
|
2357
2365
|
.return-btn {
|
|
2358
2366
|
margin-right: 8px;
|
|
2359
2367
|
}
|
|
2360
|
-
|
|
2361
|
-
.return-btn.a--tabfocus {
|
|
2362
|
-
border: 2px solid #000;
|
|
2363
|
-
box-sizing: border-box;
|
|
2364
|
-
}
|
|
2365
2368
|
}
|
|
2366
2369
|
|
|
2367
2370
|
.panel:focus-visible,
|
|
@@ -4339,35 +4342,35 @@ Jt.styles = f`
|
|
|
4339
4342
|
cursor: pointer;
|
|
4340
4343
|
}
|
|
4341
4344
|
`;
|
|
4342
|
-
let
|
|
4345
|
+
let P = Jt;
|
|
4343
4346
|
q([
|
|
4344
4347
|
a({ type: String })
|
|
4345
|
-
],
|
|
4348
|
+
], P.prototype, "type");
|
|
4346
4349
|
q([
|
|
4347
4350
|
a({ type: String })
|
|
4348
|
-
],
|
|
4351
|
+
], P.prototype, "titleProduct");
|
|
4349
4352
|
q([
|
|
4350
4353
|
a({ type: String })
|
|
4351
|
-
],
|
|
4354
|
+
], P.prototype, "volume");
|
|
4352
4355
|
q([
|
|
4353
4356
|
a({ type: String })
|
|
4354
|
-
],
|
|
4357
|
+
], P.prototype, "perLiter");
|
|
4355
4358
|
q([
|
|
4356
4359
|
a({ type: String })
|
|
4357
|
-
],
|
|
4360
|
+
], P.prototype, "mainPrice");
|
|
4358
4361
|
q([
|
|
4359
4362
|
a({ type: String })
|
|
4360
|
-
],
|
|
4363
|
+
], P.prototype, "imageUrl");
|
|
4361
4364
|
q([
|
|
4362
4365
|
a({ type: String })
|
|
4363
|
-
],
|
|
4366
|
+
], P.prototype, "altImage");
|
|
4364
4367
|
q([
|
|
4365
4368
|
a({ type: Boolean })
|
|
4366
|
-
],
|
|
4369
|
+
], P.prototype, "fullwidth");
|
|
4367
4370
|
q([
|
|
4368
4371
|
a({ type: Function })
|
|
4369
|
-
],
|
|
4370
|
-
customElements.define("mini-tile",
|
|
4372
|
+
], P.prototype, "onClickTile");
|
|
4373
|
+
customElements.define("mini-tile", P);
|
|
4371
4374
|
var di = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, Xt = (o, t, e, n) => {
|
|
4372
4375
|
for (var i = n > 1 ? void 0 : n ? pi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4373
4376
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -4792,7 +4795,7 @@ var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, j = (o, t,
|
|
|
4792
4795
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4793
4796
|
return n && i && yi(t, e, i), i;
|
|
4794
4797
|
};
|
|
4795
|
-
let xi = 0,
|
|
4798
|
+
let xi = 0, I = class extends u {
|
|
4796
4799
|
constructor() {
|
|
4797
4800
|
super(), this.checked = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Radio button", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-radio-${++xi}`);
|
|
4798
4801
|
}
|
|
@@ -4826,7 +4829,7 @@ let xi = 0, P = class extends u {
|
|
|
4826
4829
|
`;
|
|
4827
4830
|
}
|
|
4828
4831
|
};
|
|
4829
|
-
|
|
4832
|
+
I.styles = f`
|
|
4830
4833
|
:host {
|
|
4831
4834
|
display: inline-flex;
|
|
4832
4835
|
align-items: center;
|
|
@@ -4911,31 +4914,31 @@ P.styles = f`
|
|
|
4911
4914
|
`;
|
|
4912
4915
|
j([
|
|
4913
4916
|
a({ type: Boolean, reflect: !0 })
|
|
4914
|
-
],
|
|
4917
|
+
], I.prototype, "checked", 2);
|
|
4915
4918
|
j([
|
|
4916
4919
|
a({ type: Boolean, reflect: !0 })
|
|
4917
|
-
],
|
|
4920
|
+
], I.prototype, "disabled", 2);
|
|
4918
4921
|
j([
|
|
4919
4922
|
a({ type: String, reflect: !0 })
|
|
4920
|
-
],
|
|
4923
|
+
], I.prototype, "size", 2);
|
|
4921
4924
|
j([
|
|
4922
4925
|
a({ type: Boolean })
|
|
4923
|
-
],
|
|
4926
|
+
], I.prototype, "showLabel", 2);
|
|
4924
4927
|
j([
|
|
4925
4928
|
a({ type: String })
|
|
4926
|
-
],
|
|
4929
|
+
], I.prototype, "label", 2);
|
|
4927
4930
|
j([
|
|
4928
4931
|
a({ type: String })
|
|
4929
|
-
],
|
|
4932
|
+
], I.prototype, "name", 2);
|
|
4930
4933
|
j([
|
|
4931
4934
|
a({ type: String })
|
|
4932
|
-
],
|
|
4935
|
+
], I.prototype, "value", 2);
|
|
4933
4936
|
j([
|
|
4934
4937
|
a({ type: String, reflect: !0 })
|
|
4935
|
-
],
|
|
4938
|
+
], I.prototype, "inputId", 2);
|
|
4936
4939
|
j([
|
|
4937
4940
|
fe("input")
|
|
4938
|
-
],
|
|
4939
|
-
|
|
4941
|
+
], I.prototype, "inputEl", 2);
|
|
4942
|
+
I = j([
|
|
4940
4943
|
y("o-radio")
|
|
4941
|
-
],
|
|
4944
|
+
], I);
|