@florid-kit/components 0.8.4 → 0.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +13 -12
- package/index.mjs +38 -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)}
|
|
@@ -612,7 +613,7 @@
|
|
|
612
613
|
.sr-only {
|
|
613
614
|
display: none;
|
|
614
615
|
}
|
|
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,
|
|
616
|
+
`;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
617
|
<a
|
|
617
618
|
href="${o}"
|
|
618
619
|
target="${$(this.target||void 0)}"
|
|
@@ -725,7 +726,7 @@
|
|
|
725
726
|
height: 1px;
|
|
726
727
|
}
|
|
727
728
|
/* End of underline effect */
|
|
728
|
-
`;
|
|
729
|
+
`;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
730
|
<div class="rating">
|
|
730
731
|
<div class="stars">
|
|
731
732
|
${o.map(t=>l`<span class="star">${H(K[t]??"")}</span>`)}
|
|
@@ -780,7 +781,7 @@
|
|
|
780
781
|
${this.showHeaderStartIcon?l`
|
|
781
782
|
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
782
783
|
`:null}
|
|
783
|
-
<
|
|
784
|
+
<h2 id="panel-title" class="panel-title">${this.headerTitle}</h2>
|
|
784
785
|
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
785
786
|
</div>
|
|
786
787
|
`:null}
|
|
@@ -1087,7 +1088,7 @@
|
|
|
1087
1088
|
height: 0;
|
|
1088
1089
|
width: 0;
|
|
1089
1090
|
}
|
|
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([
|
|
1091
|
+
`;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
1092
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1092
1093
|
`}};et.styles=m`
|
|
1093
1094
|
.tag {
|
|
@@ -1428,7 +1429,7 @@
|
|
|
1428
1429
|
input[type="hidden"] {
|
|
1429
1430
|
display: none;
|
|
1430
1431
|
}
|
|
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([
|
|
1432
|
+
`;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
1433
|
:host {
|
|
1433
1434
|
display: flex;
|
|
1434
1435
|
align-items: center;
|
|
@@ -1716,7 +1717,7 @@
|
|
|
1716
1717
|
input[type="hidden"] {
|
|
1717
1718
|
display: none;
|
|
1718
1719
|
}
|
|
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([
|
|
1720
|
+
`;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
1721
|
* @license
|
|
1721
1722
|
* Copyright 2018 Google LLC
|
|
1722
1723
|
* 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() {
|
|
@@ -1488,7 +1489,7 @@ S([
|
|
|
1488
1489
|
_ = S([
|
|
1489
1490
|
x("o-icon-button")
|
|
1490
1491
|
], _);
|
|
1491
|
-
var We = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor,
|
|
1492
|
+
var We = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
|
|
1492
1493
|
for (var i = n > 1 ? void 0 : n ? Ke(t, e) : t, s = o.length - 1, r; s >= 0; s--)
|
|
1493
1494
|
(r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
|
|
1494
1495
|
return n && i && We(t, e, i), i;
|
|
@@ -1619,25 +1620,25 @@ I.styles = m`
|
|
|
1619
1620
|
}
|
|
1620
1621
|
/* End of underline effect */
|
|
1621
1622
|
`;
|
|
1622
|
-
|
|
1623
|
+
R([
|
|
1623
1624
|
a({ type: String })
|
|
1624
1625
|
], I.prototype, "href", 2);
|
|
1625
|
-
|
|
1626
|
+
R([
|
|
1626
1627
|
a({ type: String })
|
|
1627
1628
|
], I.prototype, "target", 2);
|
|
1628
|
-
|
|
1629
|
+
R([
|
|
1629
1630
|
a({ type: String, reflect: !0 })
|
|
1630
1631
|
], I.prototype, "template", 2);
|
|
1631
|
-
|
|
1632
|
+
R([
|
|
1632
1633
|
a({ type: Boolean, reflect: !0 })
|
|
1633
1634
|
], I.prototype, "inverse", 2);
|
|
1634
|
-
|
|
1635
|
+
R([
|
|
1635
1636
|
a({ type: Boolean, reflect: !0 })
|
|
1636
1637
|
], I.prototype, "endIcon", 2);
|
|
1637
|
-
|
|
1638
|
+
R([
|
|
1638
1639
|
a({ type: Boolean, reflect: !0 })
|
|
1639
1640
|
], I.prototype, "reverseEndIcon", 2);
|
|
1640
|
-
I =
|
|
1641
|
+
I = R([
|
|
1641
1642
|
x("o-link")
|
|
1642
1643
|
], I);
|
|
1643
1644
|
var Ge = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, dt = (o, t, e, n) => {
|
|
@@ -1788,7 +1789,7 @@ let g = class extends b {
|
|
|
1788
1789
|
${this.showHeaderStartIcon ? l`
|
|
1789
1790
|
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1790
1791
|
` : null}
|
|
1791
|
-
<
|
|
1792
|
+
<h2 id="panel-title" class="panel-title">${this.headerTitle}</h2>
|
|
1792
1793
|
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1793
1794
|
</div>
|
|
1794
1795
|
` : null}
|
|
@@ -2218,7 +2219,7 @@ M([
|
|
|
2218
2219
|
a({ type: Object })
|
|
2219
2220
|
], A.prototype, "swiperInstance", 2);
|
|
2220
2221
|
M([
|
|
2221
|
-
|
|
2222
|
+
N()
|
|
2222
2223
|
], A.prototype, "focusedIndex", 2);
|
|
2223
2224
|
A = M([
|
|
2224
2225
|
x("thumbnail-navigation")
|
|
@@ -2707,13 +2708,13 @@ O([
|
|
|
2707
2708
|
a({ type: String, reflect: !0 })
|
|
2708
2709
|
], k.prototype, "width", 2);
|
|
2709
2710
|
O([
|
|
2710
|
-
|
|
2711
|
+
N()
|
|
2711
2712
|
], k.prototype, "open", 2);
|
|
2712
2713
|
O([
|
|
2713
|
-
|
|
2714
|
+
N()
|
|
2714
2715
|
], k.prototype, "activeIndex", 2);
|
|
2715
2716
|
O([
|
|
2716
|
-
|
|
2717
|
+
N()
|
|
2717
2718
|
], k.prototype, "menuWidth", 2);
|
|
2718
2719
|
k = O([
|
|
2719
2720
|
x("o-dropdown")
|
|
@@ -3120,13 +3121,13 @@ E([
|
|
|
3120
3121
|
a({ type: String, reflect: !0 })
|
|
3121
3122
|
], C.prototype, "width", 2);
|
|
3122
3123
|
E([
|
|
3123
|
-
|
|
3124
|
+
N()
|
|
3124
3125
|
], C.prototype, "open", 2);
|
|
3125
3126
|
E([
|
|
3126
|
-
|
|
3127
|
+
N()
|
|
3127
3128
|
], C.prototype, "activeIndex", 2);
|
|
3128
3129
|
E([
|
|
3129
|
-
|
|
3130
|
+
N()
|
|
3130
3131
|
], C.prototype, "menuWidth", 2);
|
|
3131
3132
|
C = E([
|
|
3132
3133
|
x("o-dropdown-variant")
|