@florid-kit/components 0.8.4 → 0.8.6
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 +17 -12
- package/index.mjs +42 -37
- package/package.json +1 -1
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 J=globalThis,lt=J.trustedTypes,Pt=lt?lt.createPolicy("lit-html",{createHTML:o=>o}):void 0,Ut="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,
|
|
13
|
+
*/const J=globalThis,lt=J.trustedTypes,Pt=lt?lt.createPolicy("lit-html",{createHTML:o=>o}):void 0,Ut="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Ft="?"+B,ie=`<${Ft}>`,F=document,Y=()=>F.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",_t=Array.isArray,ne=o=>_t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",ut=`[
|
|
14
14
|
\f\r]`,G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Bt=/-->/g,zt=/>/g,T=RegExp(`>|${ut}(?:([^\\s"'>=/]+)(${ut}*=${ut}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Dt=/'/g,Ht=/"/g,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Dt=/'/g,Ht=/"/g,Nt=/^(?:script|style|textarea|title)$/i,re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=re(1),D=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Mt=new WeakMap,j=F.createTreeWalker(F,129);function Rt(o,t){if(!_t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Pt!==void 0?Pt.createHTML(t):t}const se=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=G;for(let h=0;h<e;h++){const c=o[h];let v,f,p=-1,L=0;for(;L<c.length&&(r.lastIndex=L,f=r.exec(c),f!==null);)L=r.lastIndex,r===G?f[1]==="!--"?r=Bt:f[1]!==void 0?r=zt:f[2]!==void 0?(Nt.test(f[2])&&(i=RegExp("</"+f[2],"g")),r=T):f[3]!==void 0&&(r=T):r===T?f[0]===">"?(r=i??G,p=-1):f[1]===void 0?p=-2:(p=r.lastIndex-f[2].length,v=f[1],r=f[3]===void 0?T:f[3]==='"'?Ht:Dt):r===Ht||r===Dt?r=T:r===Bt||r===zt?r=G:(r=T,i=void 0);const P=r===T&&o[h+1].startsWith("/>")?" ":"";s+=r===G?c+ie:p>=0?(n.push(v),c.slice(0,p)+Ut+c.slice(p)+B+P):c+B+(p===-2?h:P)}return[Rt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,c=this.parts,[v,f]=se(t,e);if(this.el=tt.createElement(v,n),j.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=j.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ut)){const L=f[r++],P=i.getAttribute(p).split(B),rt=/([.?@])?(.*)/.exec(L);c.push({type:1,index:s,name:rt[2],strings:P,ctor:rt[1]==="."?le:rt[1]==="?"?ce:rt[1]==="@"?he:ct}),i.removeAttribute(p)}else p.startsWith(B)&&(c.push({type:6,index:s}),i.removeAttribute(p));if(Nt.test(i.tagName)){const p=i.textContent.split(B),L=p.length-1;if(L>0){i.textContent=lt?lt.emptyScript:"";for(let P=0;P<L;P++)i.append(p[P],Y()),j.nextNode(),c.push({type:2,index:++s});i.append(p[L],Y())}}}else if(i.nodeType===8)if(i.data===Ft)c.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(B,p+1))!==-1;)c.push({type:7,index:s}),p+=B.length-1}s++}}static createElement(t,e){const n=F.createElement("template");return n.innerHTML=t,n}}function Z(o,t,e=o,n){var r,h;if(t===D)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=Z(o,i._$AS(o,t.values),i,n)),t}class ae{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)??F).importNode(e,!0);j.currentNode=i;let s=j.nextNode(),r=0,h=0,c=n[0];for(;c!==void 0;){if(r===c.index){let v;c.type===2?v=new nt(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new de(s,this,t)),this._$AV.push(v),c=n[++h]}r!==(c==null?void 0:c.index)&&(s=j.nextNode(),r++)}return j.currentNode=F,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 nt{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=Z(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==D&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ne(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&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Rt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ae(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Mt.get(t.strings);return e===void 0&&Mt.set(t.strings,e=new tt(t)),e}k(t){_t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new nt(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),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 ct{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=Z(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==D,r&&(this._$AH=t);else{const h=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=Z(this,h[n+c],e,c),v===D&&(v=this._$AH[c]),r||(r=!Q(v)||v!==this._$AH[c]),v===d?t=d:t!==d&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class le extends ct{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ce extends ct{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class he extends ct{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=Z(this,t,e,0)??d)===D)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&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){Z(this,t)}}const vt=J.litHtmlPolyfillSupport;vt==null||vt(tt,nt),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const pe=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new nt(t.insertBefore(Y(),s),s,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
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function N(o){return a({...o,state:!0,attribute:!1})}const ge=m`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
* @license
|
|
138
138
|
* Copyright 2017 Google LLC
|
|
139
139
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
140
|
-
*/class yt extends ft{}yt.directiveName="unsafeSVG",yt.resultType=2;const H=Zt(yt);var Ue=Object.defineProperty,
|
|
140
|
+
*/class yt extends ft{}yt.directiveName="unsafeSVG",yt.resultType=2;const H=Zt(yt);var Ue=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};const Ne=be(b);let u=class extends Ne{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Ct].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=K[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${H(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
141
141
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
142
142
|
${this.startIcon?this.renderIcon("start"):d}
|
|
143
143
|
${o?l`
|
|
@@ -306,7 +306,8 @@
|
|
|
306
306
|
width: var(--button-endicon-svg-width, 8px);
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
:host([underlined]) [href] span:not([class*="icon-"])
|
|
309
|
+
:host([underlined]) [href] span:not([class*="icon-"]),
|
|
310
|
+
:host([underlined][paneltarget]) .text {
|
|
310
311
|
border-bottom: var(--border-M, 1px) solid var(--color-border-primary);
|
|
311
312
|
}
|
|
312
313
|
|
|
@@ -321,7 +322,7 @@
|
|
|
321
322
|
transform: translateX(4px);
|
|
322
323
|
}
|
|
323
324
|
//End icon movment on hover
|
|
324
|
-
`;w([a()],u.prototype,"type",2);w([a({reflect:!0})],u.prototype,"value",2);w([a({type:String,reflect:!0})],u.prototype,"variant",2);w([a({type:String})],u.prototype,"text",2);w([a({type:String})],u.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);w([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);w([a({type:String})],u.prototype,"href",2);w([a({type:String})],u.prototype,"target",2);u=w([x("o-button")],u);var
|
|
325
|
+
`;w([a()],u.prototype,"type",2);w([a({reflect:!0})],u.prototype,"value",2);w([a({type:String,reflect:!0})],u.prototype,"variant",2);w([a({type:String})],u.prototype,"text",2);w([a({type:String})],u.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);w([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);w([a({type:String})],u.prototype,"href",2);w([a({type:String})],u.prototype,"target",2);u=w([x("o-button")],u);var Re=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ve(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Re(t,e,i),i};let q=class extends b{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=K.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
325
326
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
326
327
|
<span class="sr-only">${this.label}</span>
|
|
327
328
|
${H(o)}
|
|
@@ -541,6 +542,10 @@
|
|
|
541
542
|
fill: none;
|
|
542
543
|
}
|
|
543
544
|
|
|
545
|
+
:host([status="filled"]) .icon-button.none-light.icon-wishlist svg path {
|
|
546
|
+
fill: var(--color-content-action-primary);
|
|
547
|
+
}
|
|
548
|
+
|
|
544
549
|
.icon-button.background-light {
|
|
545
550
|
background-color: var(--color-alpha-light-strong);
|
|
546
551
|
|
|
@@ -612,7 +617,7 @@
|
|
|
612
617
|
.sr-only {
|
|
613
618
|
display: none;
|
|
614
619
|
}
|
|
615
|
-
`;S([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);S([a({type:String,reflect:!0})],_.prototype,"size",2);S([a({type:String,reflect:!0})],_.prototype,"status",2);S([a({type:String,reflect:!0})],_.prototype,"type",2);S([a({type:String})],_.prototype,"strokewidth",2);S([a({type:String})],_.prototype,"icon",2);S([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);S([a({type:Boolean})],_.prototype,"showSrLabel",2);S([a({type:String})],_.prototype,"srLabel",2);_=S([x("o-icon-button")],_);var We=Object.defineProperty,Ke=Object.getOwnPropertyDescriptor,
|
|
620
|
+
`;S([a({type:String,reflect:!0})],_.prototype,"bgstyle",2);S([a({type:String,reflect:!0})],_.prototype,"size",2);S([a({type:String,reflect:!0})],_.prototype,"status",2);S([a({type:String,reflect:!0})],_.prototype,"type",2);S([a({type:String})],_.prototype,"strokewidth",2);S([a({type:String})],_.prototype,"icon",2);S([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);S([a({type:Boolean})],_.prototype,"showSrLabel",2);S([a({type:String})],_.prototype,"srLabel",2);_=S([x("o-icon-button")],_);var We=Object.defineProperty,Ke=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ke(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&We(t,e,i),i};let I=class extends b{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
616
621
|
<a
|
|
617
622
|
href="${o}"
|
|
618
623
|
target="${$(this.target||void 0)}"
|
|
@@ -725,7 +730,7 @@
|
|
|
725
730
|
height: 1px;
|
|
726
731
|
}
|
|
727
732
|
/* End of underline effect */
|
|
728
|
-
`;
|
|
733
|
+
`;R([a({type:String})],I.prototype,"href",2);R([a({type:String})],I.prototype,"target",2);R([a({type:String,reflect:!0})],I.prototype,"template",2);R([a({type:Boolean,reflect:!0})],I.prototype,"inverse",2);R([a({type:Boolean,reflect:!0})],I.prototype,"endIcon",2);R([a({type:Boolean,reflect:!0})],I.prototype,"reverseEndIcon",2);I=R([x("o-link")],I);var Ge=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Xe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ge(t,e,i),i};let W=class extends b{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
729
734
|
<div class="rating">
|
|
730
735
|
<div class="stars">
|
|
731
736
|
${o.map(t=>l`<span class="star">${H(K[t]??"")}</span>`)}
|
|
@@ -780,7 +785,7 @@
|
|
|
780
785
|
${this.showHeaderStartIcon?l`
|
|
781
786
|
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
782
787
|
`:null}
|
|
783
|
-
<
|
|
788
|
+
<h2 id="panel-title" class="panel-title">${this.headerTitle}</h2>
|
|
784
789
|
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
785
790
|
</div>
|
|
786
791
|
`:null}
|
|
@@ -1087,7 +1092,7 @@
|
|
|
1087
1092
|
height: 0;
|
|
1088
1093
|
width: 0;
|
|
1089
1094
|
}
|
|
1090
|
-
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:String})],A.prototype,"altressource",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([
|
|
1095
|
+
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:String})],A.prototype,"altressource",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([N()],A.prototype,"focusedIndex",2);A=M([x("thumbnail-navigation")],A);var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&eo(t,e,i),i};let et=class extends b{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1091
1096
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1092
1097
|
`}};et.styles=m`
|
|
1093
1098
|
.tag {
|
|
@@ -1428,7 +1433,7 @@
|
|
|
1428
1433
|
input[type="hidden"] {
|
|
1429
1434
|
display: none;
|
|
1430
1435
|
}
|
|
1431
|
-
`;O([a({type:Array,reflect:!0})],k.prototype,"options",2);O([a({type:String,reflect:!0})],k.prototype,"value",2);O([a({type:String,reflect:!0})],k.prototype,"name",2);O([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);O([a({type:String,reflect:!0})],k.prototype,"width",2);O([
|
|
1436
|
+
`;O([a({type:Array,reflect:!0})],k.prototype,"options",2);O([a({type:String,reflect:!0})],k.prototype,"value",2);O([a({type:String,reflect:!0})],k.prototype,"name",2);O([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);O([a({type:String,reflect:!0})],k.prototype,"width",2);O([N()],k.prototype,"open",2);O([N()],k.prototype,"activeIndex",2);O([N()],k.prototype,"menuWidth",2);k=O([x("o-dropdown")],k);var ao=Object.getOwnPropertyDescriptor,lo=(o,t,e,n)=>{for(var i=n>1?void 0:n?ao(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let mt=class extends b{render(){return l` <span class="dots"></span> `}};mt.styles=m`
|
|
1432
1437
|
:host {
|
|
1433
1438
|
display: flex;
|
|
1434
1439
|
align-items: center;
|
|
@@ -1716,7 +1721,7 @@
|
|
|
1716
1721
|
input[type="hidden"] {
|
|
1717
1722
|
display: none;
|
|
1718
1723
|
}
|
|
1719
|
-
`;E([a({type:Array,reflect:!0})],C.prototype,"options",2);E([a({type:String,reflect:!0})],C.prototype,"value",2);E([a({type:String,reflect:!0})],C.prototype,"name",2);E([a({type:String,reflect:!0})],C.prototype,"additionaltext",2);E([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);E([a({type:String,reflect:!0})],C.prototype,"width",2);E([
|
|
1724
|
+
`;E([a({type:Array,reflect:!0})],C.prototype,"options",2);E([a({type:String,reflect:!0})],C.prototype,"value",2);E([a({type:String,reflect:!0})],C.prototype,"name",2);E([a({type:String,reflect:!0})],C.prototype,"additionaltext",2);E([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2);E([a({type:String,reflect:!0})],C.prototype,"width",2);E([N()],C.prototype,"open",2);E([N()],C.prototype,"activeIndex",2);E([N()],C.prototype,"menuWidth",2);C=E([x("o-dropdown-variant")],C);/**
|
|
1720
1725
|
* @license
|
|
1721
1726
|
* Copyright 2018 Google LLC
|
|
1722
1727
|
* SPDX-License-Identifier: BSD-3-Clause
|
package/index.mjs
CHANGED
|
@@ -282,10 +282,10 @@ V.elementStyles = [], V.shadowRootOptions = { mode: "open" }, V[X("elementProper
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const J = globalThis, lt = J.trustedTypes, Pt = lt ? lt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Ut = "$lit$", B = `lit$${Math.random().toFixed(9).slice(2)}$`,
|
|
285
|
+
const J = globalThis, lt = J.trustedTypes, Pt = lt ? lt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Ut = "$lit$", B = `lit$${Math.random().toFixed(9).slice(2)}$`, Ft = "?" + B, ie = `<${Ft}>`, F = document, Y = () => F.createComment(""), Q = (o) => o === null || typeof o != "object" && typeof o != "function", _t = Array.isArray, ne = (o) => _t(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", ut = `[
|
|
286
286
|
\f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Bt = /-->/g, zt = />/g, T = RegExp(`>|${ut}(?:([^\\s"'>=/]+)(${ut}*=${ut}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Ht = /"/g,
|
|
288
|
-
function
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Ht = /"/g, Nt = /^(?:script|style|textarea|title)$/i, re = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = re(1), D = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Mt = /* @__PURE__ */ new WeakMap(), j = F.createTreeWalker(F, 129);
|
|
288
|
+
function Rt(o, t) {
|
|
289
289
|
if (!_t(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return Pt !== void 0 ? Pt.createHTML(t) : t;
|
|
291
291
|
}
|
|
@@ -295,11 +295,11 @@ const se = (o, t) => {
|
|
|
295
295
|
for (let h = 0; h < e; h++) {
|
|
296
296
|
const c = o[h];
|
|
297
297
|
let v, f, p = -1, L = 0;
|
|
298
|
-
for (; L < c.length && (r.lastIndex = L, f = r.exec(c), f !== null); ) L = r.lastIndex, r === G ? f[1] === "!--" ? r = Bt : f[1] !== void 0 ? r = zt : f[2] !== void 0 ? (
|
|
298
|
+
for (; L < c.length && (r.lastIndex = L, f = r.exec(c), f !== null); ) L = r.lastIndex, r === G ? f[1] === "!--" ? r = Bt : f[1] !== void 0 ? r = zt : f[2] !== void 0 ? (Nt.test(f[2]) && (i = RegExp("</" + f[2], "g")), r = T) : f[3] !== void 0 && (r = T) : r === T ? f[0] === ">" ? (r = i ?? G, p = -1) : f[1] === void 0 ? p = -2 : (p = r.lastIndex - f[2].length, v = f[1], r = f[3] === void 0 ? T : f[3] === '"' ? Ht : Dt) : r === Ht || r === Dt ? r = T : r === Bt || r === zt ? r = G : (r = T, i = void 0);
|
|
299
299
|
const P = r === T && o[h + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
s += r === G ? c + ie : p >= 0 ? (n.push(v), c.slice(0, p) + Ut + c.slice(p) + B + P) : c + B + (p === -2 ? h : P);
|
|
301
301
|
}
|
|
302
|
-
return [
|
|
302
|
+
return [Rt(o, s + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
|
|
303
303
|
};
|
|
304
304
|
class tt {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, n) {
|
|
@@ -317,7 +317,7 @@ class tt {
|
|
|
317
317
|
const L = f[r++], P = i.getAttribute(p).split(B), rt = /([.?@])?(.*)/.exec(L);
|
|
318
318
|
c.push({ type: 1, index: s, name: rt[2], strings: P, ctor: rt[1] === "." ? le : rt[1] === "?" ? ce : rt[1] === "@" ? he : ct }), i.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(B) && (c.push({ type: 6, index: s }), i.removeAttribute(p));
|
|
320
|
-
if (
|
|
320
|
+
if (Nt.test(i.tagName)) {
|
|
321
321
|
const p = i.textContent.split(B), L = p.length - 1;
|
|
322
322
|
if (L > 0) {
|
|
323
323
|
i.textContent = lt ? lt.emptyScript : "";
|
|
@@ -325,7 +325,7 @@ class tt {
|
|
|
325
325
|
i.append(p[L], Y());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (i.nodeType === 8) if (i.data ===
|
|
328
|
+
} else if (i.nodeType === 8) if (i.data === Ft) c.push({ type: 2, index: s });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
331
|
for (; (p = i.data.indexOf(B, p + 1)) !== -1; ) c.push({ type: 7, index: s }), p += B.length - 1;
|
|
@@ -334,7 +334,7 @@ class tt {
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const n =
|
|
337
|
+
const n = F.createElement("template");
|
|
338
338
|
return n.innerHTML = t, n;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
@@ -356,7 +356,7 @@ class ae {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ??
|
|
359
|
+
const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? F).importNode(e, !0);
|
|
360
360
|
j.currentNode = i;
|
|
361
361
|
let s = j.nextNode(), r = 0, h = 0, c = n[0];
|
|
362
362
|
for (; c !== void 0; ) {
|
|
@@ -366,7 +366,7 @@ class ae {
|
|
|
366
366
|
}
|
|
367
367
|
r !== (c == null ? void 0 : c.index) && (s = j.nextNode(), r++);
|
|
368
368
|
}
|
|
369
|
-
return j.currentNode =
|
|
369
|
+
return j.currentNode = F, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -402,11 +402,11 @@ class nt {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(
|
|
405
|
+
this._$AH !== d && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(F.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var s;
|
|
409
|
-
const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = tt.createElement(
|
|
409
|
+
const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = tt.createElement(Rt(n.h, n.h[0]), this.options)), n);
|
|
410
410
|
if (((s = this._$AH) == null ? void 0 : s._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
412
|
const r = new ae(i, this), h = r.u(this.options);
|
|
@@ -596,7 +596,7 @@ function a(o) {
|
|
|
596
596
|
* Copyright 2017 Google LLC
|
|
597
597
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
598
598
|
*/
|
|
599
|
-
function
|
|
599
|
+
function N(o) {
|
|
600
600
|
return a({ ...o, state: !0, attribute: !1 });
|
|
601
601
|
}
|
|
602
602
|
const ge = m`
|
|
@@ -812,15 +812,15 @@ class yt extends ft {
|
|
|
812
812
|
}
|
|
813
813
|
yt.directiveName = "unsafeSVG", yt.resultType = 2;
|
|
814
814
|
const H = Zt(yt);
|
|
815
|
-
var Ue = Object.defineProperty,
|
|
816
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
815
|
+
var Ue = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
|
|
816
|
+
for (var i = n > 1 ? void 0 : n ? Fe(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
817
817
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
818
818
|
return n && i && Ue(t, e, i), i;
|
|
819
819
|
};
|
|
820
|
-
const
|
|
821
|
-
let u = class extends
|
|
820
|
+
const Ne = be(b);
|
|
821
|
+
let u = class extends Ne {
|
|
822
822
|
constructor() {
|
|
823
|
-
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "
|
|
823
|
+
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
|
|
824
824
|
}
|
|
825
825
|
get name() {
|
|
826
826
|
return this.getAttribute("name") ?? "";
|
|
@@ -1029,7 +1029,8 @@ u.styles = m`
|
|
|
1029
1029
|
width: var(--button-endicon-svg-width, 8px);
|
|
1030
1030
|
}
|
|
1031
1031
|
|
|
1032
|
-
:host([underlined]) [href] span:not([class*="icon-"])
|
|
1032
|
+
:host([underlined]) [href] span:not([class*="icon-"]),
|
|
1033
|
+
:host([underlined][paneltarget]) .text {
|
|
1033
1034
|
border-bottom: var(--border-M, 1px) solid var(--color-border-primary);
|
|
1034
1035
|
}
|
|
1035
1036
|
|
|
@@ -1090,10 +1091,10 @@ w([
|
|
|
1090
1091
|
u = w([
|
|
1091
1092
|
x("o-button")
|
|
1092
1093
|
], u);
|
|
1093
|
-
var
|
|
1094
|
+
var Re = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ht = (o, t, e, n) => {
|
|
1094
1095
|
for (var i = n > 1 ? void 0 : n ? Ve(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
1095
1096
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
1096
|
-
return n && i &&
|
|
1097
|
+
return n && i && Re(t, e, i), i;
|
|
1097
1098
|
};
|
|
1098
1099
|
let q = class extends b {
|
|
1099
1100
|
constructor() {
|
|
@@ -1386,6 +1387,10 @@ _.styles = m`
|
|
|
1386
1387
|
fill: none;
|
|
1387
1388
|
}
|
|
1388
1389
|
|
|
1390
|
+
:host([status="filled"]) .icon-button.none-light.icon-wishlist svg path {
|
|
1391
|
+
fill: var(--color-content-action-primary);
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1389
1394
|
.icon-button.background-light {
|
|
1390
1395
|
background-color: var(--color-alpha-light-strong);
|
|
1391
1396
|
|
|
@@ -1488,7 +1493,7 @@ S([
|
|
|
1488
1493
|
_ = S([
|
|
1489
1494
|
x("o-icon-button")
|
|
1490
1495
|
], _);
|
|
1491
|
-
var We = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor,
|
|
1496
|
+
var We = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
|
|
1492
1497
|
for (var i = n > 1 ? void 0 : n ? Ke(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
1493
1498
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
1494
1499
|
return n && i && We(t, e, i), i;
|
|
@@ -1619,25 +1624,25 @@ I.styles = m`
|
|
|
1619
1624
|
}
|
|
1620
1625
|
/* End of underline effect */
|
|
1621
1626
|
`;
|
|
1622
|
-
|
|
1627
|
+
R([
|
|
1623
1628
|
a({ type: String })
|
|
1624
1629
|
], I.prototype, "href", 2);
|
|
1625
|
-
|
|
1630
|
+
R([
|
|
1626
1631
|
a({ type: String })
|
|
1627
1632
|
], I.prototype, "target", 2);
|
|
1628
|
-
|
|
1633
|
+
R([
|
|
1629
1634
|
a({ type: String, reflect: !0 })
|
|
1630
1635
|
], I.prototype, "template", 2);
|
|
1631
|
-
|
|
1636
|
+
R([
|
|
1632
1637
|
a({ type: Boolean, reflect: !0 })
|
|
1633
1638
|
], I.prototype, "inverse", 2);
|
|
1634
|
-
|
|
1639
|
+
R([
|
|
1635
1640
|
a({ type: Boolean, reflect: !0 })
|
|
1636
1641
|
], I.prototype, "endIcon", 2);
|
|
1637
|
-
|
|
1642
|
+
R([
|
|
1638
1643
|
a({ type: Boolean, reflect: !0 })
|
|
1639
1644
|
], I.prototype, "reverseEndIcon", 2);
|
|
1640
|
-
I =
|
|
1645
|
+
I = R([
|
|
1641
1646
|
x("o-link")
|
|
1642
1647
|
], I);
|
|
1643
1648
|
var Ge = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, dt = (o, t, e, n) => {
|
|
@@ -1788,7 +1793,7 @@ let g = class extends b {
|
|
|
1788
1793
|
${this.showHeaderStartIcon ? l`
|
|
1789
1794
|
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1790
1795
|
` : null}
|
|
1791
|
-
<
|
|
1796
|
+
<h2 id="panel-title" class="panel-title">${this.headerTitle}</h2>
|
|
1792
1797
|
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1793
1798
|
</div>
|
|
1794
1799
|
` : null}
|
|
@@ -2218,7 +2223,7 @@ M([
|
|
|
2218
2223
|
a({ type: Object })
|
|
2219
2224
|
], A.prototype, "swiperInstance", 2);
|
|
2220
2225
|
M([
|
|
2221
|
-
|
|
2226
|
+
N()
|
|
2222
2227
|
], A.prototype, "focusedIndex", 2);
|
|
2223
2228
|
A = M([
|
|
2224
2229
|
x("thumbnail-navigation")
|
|
@@ -2707,13 +2712,13 @@ O([
|
|
|
2707
2712
|
a({ type: String, reflect: !0 })
|
|
2708
2713
|
], k.prototype, "width", 2);
|
|
2709
2714
|
O([
|
|
2710
|
-
|
|
2715
|
+
N()
|
|
2711
2716
|
], k.prototype, "open", 2);
|
|
2712
2717
|
O([
|
|
2713
|
-
|
|
2718
|
+
N()
|
|
2714
2719
|
], k.prototype, "activeIndex", 2);
|
|
2715
2720
|
O([
|
|
2716
|
-
|
|
2721
|
+
N()
|
|
2717
2722
|
], k.prototype, "menuWidth", 2);
|
|
2718
2723
|
k = O([
|
|
2719
2724
|
x("o-dropdown")
|
|
@@ -3120,13 +3125,13 @@ E([
|
|
|
3120
3125
|
a({ type: String, reflect: !0 })
|
|
3121
3126
|
], C.prototype, "width", 2);
|
|
3122
3127
|
E([
|
|
3123
|
-
|
|
3128
|
+
N()
|
|
3124
3129
|
], C.prototype, "open", 2);
|
|
3125
3130
|
E([
|
|
3126
|
-
|
|
3131
|
+
N()
|
|
3127
3132
|
], C.prototype, "activeIndex", 2);
|
|
3128
3133
|
E([
|
|
3129
|
-
|
|
3134
|
+
N()
|
|
3130
3135
|
], C.prototype, "menuWidth", 2);
|
|
3131
3136
|
C = E([
|
|
3132
3137
|
x("o-dropdown-variant")
|