@florid-kit/components 0.3.36 → 0.3.38
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 +31 -41
- package/index.mjs +68 -78
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const G=globalThis,ct=G.ShadowRoot&&(G.ShadyCSS===void 0||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ht=Symbol(),
|
|
5
|
+
*/const G=globalThis,ct=G.ShadowRoot&&(G.ShadyCSS===void 0||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ht=Symbol(),vt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==ht)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ct&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&vt.set(e,t))}return t}toString(){return this.cssText}};const Bt=s=>new Et(typeof s=="string"?s:s+"",void 0,ht),A=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((o,n,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[r+1],s[0]);return new Et(e,s,ht)},It=(s,t)=>{if(ct)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),n=G.litNonce;n!==void 0&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}},bt=ct?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Bt(e)})(s):s;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:zt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?Ut:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},dt=(s,t)=>!Ot(s,t),yt={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:dt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let z=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&Ht(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){const{get:n,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){const c=n==null?void 0:n.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Tt(e),...zt(e)];for(const n of o)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const n of o)e.unshift(
|
|
9
|
+
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:zt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?Ut:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},dt=(s,t)=>!Ot(s,t),yt={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:dt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let z=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),n=this.getPropertyDescriptor(t,o,e);n!==void 0&&Ht(this.prototype,t,n)}}static getPropertyDescriptor(t,e,o){const{get:n,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:n,set(i){const c=n==null?void 0:n.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Tt(e),...zt(e)];for(const n of o)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,n]of e)this.elementProperties.set(o,n)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const n=this._$Eu(e,o);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const n of o)e.unshift(bt(n))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return It(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,o);if(n!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:X).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(n):this.setAttribute(n,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=o.getPropertyOptions(n),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:X;this._$Em=n,this[n]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(n))??null,this._$Em=null}}requestUpdate(t,e,o){var n;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??dt)(i,e)||o.useDefault&&o.reflect&&i===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:n,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,i]of n){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var n;return(n=o.hostUpdated)==null?void 0:n.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};z.elementStyles=[],z.shadowRootOptions={mode:"open"},z[R("elementProperties")]=new Map,z[R("finalized")]=new Map,st==null||st({ReactiveElement:z}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const F=globalThis,J=F.trustedTypes,mt=J?J.createPolicy("lit-html",{createHTML:s=>s}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,I=document,V=()=>I.createComment(""),q=s=>s===null||typeof s!="object"&&typeof s!="function",pt=Array.isArray,jt=s=>pt(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",ot=`[
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,
|
|
14
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,P=RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),d=Rt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),At=new WeakMap,k=I.createTreeWalker(I,129);function kt(s,t){if(!pt(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Ft=(s,t)=>{const e=s.length-1,o=[];let n,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=s[c];let f,v,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,v=i.exec(l),v!==null);)w=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=wt:v[2]!==void 0?(Pt.test(v[2])&&(n=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=n??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[3]==='"'?_t:xt):i===_t||i===xt?i=P:i===$t||i===wt?i=j:(i=P,n=void 0);const S=i===P&&s[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[kt(s,r+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Z{constructor({strings:t,_$litType$:e},o){let n;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,v]=Ft(t,e);if(this.el=Z.createElement(f,o),k.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(n=k.nextNode())!==null&&l.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const p of n.getAttributeNames())if(p.endsWith(Ct)){const w=v[i++],S=n.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),n.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),n.removeAttribute(p));if(Pt.test(n.tagName)){const p=n.textContent.split(E),w=p.length-1;if(w>0){n.textContent=J?J.emptyScript:"";for(let S=0;S<w;S++)n.append(p[S],V()),k.nextNode(),l.push({type:2,index:++r});n.append(p[w],V())}}}else if(n.nodeType===8)if(n.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=n.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=I.createElement("template");return o.innerHTML=t,o}}function D(s,t,e=s,o){var i,c;if(t===O)return t;let n=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),r===void 0?n=void 0:(n=new r(s),n._$AT(s,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=n:e._$Cl=n),n!==void 0&&(t=D(s,n._$AS(s,t.values),n,o)),t}class Vt{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:o}=this._$AD,n=((t==null?void 0:t.creationScope)??I).importNode(e,!0);k.currentNode=n;let r=k.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new W(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Kt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=k.nextNode(),i++)}return k.currentNode=I,n}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class W{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=n,this._$Cv=(n==null?void 0:n.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=D(this,t,e),q(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(I.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,n=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Z.createElement(kt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(e);else{const i=new Vt(n,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,n=0;for(const r of t)n===e.length?e.push(o=new W(this.O(V()),this.O(V()),this,this.options)):o=e[n],o._$AI(r),n++;n<e.length&&(this._$AR(o&&o._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,n,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=h}_$AI(t,e=this,o,n){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===O&&(f=this._$AH[l]),i||(i=!q(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Zt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Wt extends Y{constructor(t,e,o,n,r){super(t,e,o,n,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??h)===O)return;const o=this._$AH,n=t===h&&o!==h||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==h&&(o===h||n);n&&this.element.removeEventListener(this.name,this,o),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 Kt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const nt=F.litHtmlPolyfillSupport;nt==null||nt(Z,W),(F.litHtmlVersions??(F.litHtmlVersions=[])).push("3.3.0");const Gt=(s,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let n=o._$litPart$;if(n===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=n=new W(t.insertBefore(V(),r),r,void 0,e??{})}return n._$AI(s),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -87,10 +87,10 @@
|
|
|
87
87
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
88
88
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
89
89
|
</svg>
|
|
90
|
-
`,
|
|
90
|
+
`,ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
91
91
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
92
92
|
</svg>
|
|
93
|
-
`,
|
|
93
|
+
`,be=`<?xml version="1.0" encoding="utf-8"?>
|
|
94
94
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
95
95
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
96
96
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
</style>
|
|
110
110
|
<path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
|
|
111
111
|
</svg>
|
|
112
|
-
`,ft={wishlist:ie,playerv:re,chevronRight:ae,chevronLeft:le,icoPlus:
|
|
112
|
+
`,ft={wishlist:ie,playerv:re,chevronRight:ae,chevronLeft:le,icoPlus:be,icoMinus:ge,"star-0":ce,"star-25":he,"star-50":de,"star-75":pe,"star-100":ue,cross:fe,search:ve};var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,L=(s,t,e,o)=>{for(var n=o>1?void 0:o?me(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&ye(t,e,n),n};let $=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(s){super.updated(s),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const s=ft[this.icon]??"",t=`icon-${this.icon}`,e=s.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
113
113
|
${this.type==="span"?d`
|
|
114
114
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
115
115
|
${Q(e)}
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
}
|
|
284
|
-
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([H("o-icon-button")],$);var $e=Object.defineProperty,we=Object.getOwnPropertyDescriptor,
|
|
284
|
+
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([H("o-icon-button")],$);var $e=Object.defineProperty,we=Object.getOwnPropertyDescriptor,b=(s,t,e,o)=>{for(var n=o>1?void 0:o?we(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&$e(t,e,n),n};const xe=te(m);let u=class extends xe{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.icon="",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(s){this.setAttribute("name",s)}get form(){return this[ut].form}handleClick(){if(this.panelTarget){const s=document.getElementById(this.panelTarget);s!=null&&s.openPanel&&typeof s.openPanel=="function"?s.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(s){return this.icon?d`<o-icon-button
|
|
285
285
|
class=${s==="start"?"icon-start":"icon-end"}
|
|
286
286
|
icon=${this.icon}
|
|
287
287
|
bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
|
|
@@ -402,11 +402,6 @@
|
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.button:hover:not([disabled]) {
|
|
406
|
-
background-color: var(--button-bg-hover);
|
|
407
|
-
color: var(--button-text-hover);
|
|
408
|
-
}
|
|
409
|
-
|
|
410
405
|
.button:active:not([disabled]) {
|
|
411
406
|
background-color: var(--button-bg-pressed);
|
|
412
407
|
}
|
|
@@ -444,7 +439,7 @@
|
|
|
444
439
|
display: inline-flex;
|
|
445
440
|
align-items: center;
|
|
446
441
|
}
|
|
447
|
-
`;
|
|
442
|
+
`;b([a()],u.prototype,"type",2);b([a({reflect:!0})],u.prototype,"value",2);b([a({type:String,reflect:!0})],u.prototype,"variant",2);b([a({type:String})],u.prototype,"text",2);b([a({type:String})],u.prototype,"textsecond",2);b([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);b([a({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);b([a({type:String})],u.prototype,"icon",2);b([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);b([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);b([a({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);b([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);b([a({type:String})],u.prototype,"href",2);b([a({type:String})],u.prototype,"target",2);u=b([H("o-button")],u);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,tt=(s,t,e,o)=>{for(var n=o>1?void 0:o?Ae(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&_e(t,e,n),n};let U=class extends m{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(s){(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this.toggleStatus())}render(){const s=ft.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
448
443
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
449
444
|
<span class="sr-only">${this.label}</span>
|
|
450
445
|
${Q(s)}
|
|
@@ -657,7 +652,7 @@
|
|
|
657
652
|
text-decoration: underline;
|
|
658
653
|
cursor: pointer;
|
|
659
654
|
}
|
|
660
|
-
`;et([a({type:Number})],N.prototype,"rating",2);et([a({type:String})],N.prototype,"reviewCount",2);et([a({type:String})],N.prototype,"href",2);N=et([H("o-rating")],N);var
|
|
655
|
+
`;et([a({type:Number})],N.prototype,"rating",2);et([a({type:String})],N.prototype,"reviewCount",2);et([a({type:String})],N.prototype,"href",2);N=et([H("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(s,t,e,o)=>{for(var n=o>1?void 0:o?ke(t,e):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(n=(o?i(t,e,n):i(n))||n);return o&&n&&Pe(t,e,n),n};let g=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.previousFocusedElement=null,this.handleKeyDown=s=>{this.open&&(s.key==="Escape"?this.closePanel():s.key==="Tab"&&this.trapFocus(s))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(s){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];s.shiftKey&&document.activeElement===e?(s.preventDefault(),o.focus()):!s.shiftKey&&document.activeElement===o&&(s.preventDefault(),e.focus())}getFocusableElements(){const s=this.renderRoot.querySelector(".panel");return s?Array.from(s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const s=this.getFocusableElements()[0];s==null||s.focus()})}closePanel(){var s;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(s=this.previousFocusedElement)==null||s.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
|
|
661
656
|
<div class="overlay" @click=${this.closePanel}></div>
|
|
662
657
|
<div
|
|
663
658
|
class="panel"
|
|
@@ -668,10 +663,10 @@
|
|
|
668
663
|
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
669
664
|
|
|
670
665
|
${this.showHeader?d`
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
666
|
+
<div class="header">
|
|
667
|
+
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
668
|
+
</div>
|
|
669
|
+
`:null}
|
|
675
670
|
|
|
676
671
|
<div class="content">
|
|
677
672
|
<slot></slot>
|
|
@@ -680,24 +675,24 @@
|
|
|
680
675
|
${this.showFooter?d`
|
|
681
676
|
<div class="footer">
|
|
682
677
|
${this.firstButtonVariant&&this.firstButtonLabel?d`
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
678
|
+
<o-button
|
|
679
|
+
variant="${this.firstButtonVariant}"
|
|
680
|
+
@click=${this.handleFirstClick}
|
|
681
|
+
>
|
|
682
|
+
${this.firstButtonLabel}
|
|
683
|
+
</o-button>
|
|
684
|
+
`:null}
|
|
690
685
|
|
|
691
686
|
${this.secondaryButtonVariant&&this.secondaryButtonLabel?d`
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
687
|
+
<o-button
|
|
688
|
+
variant="${this.secondaryButtonVariant}"
|
|
689
|
+
@click=${this.handleSecondaryClick}
|
|
690
|
+
>
|
|
691
|
+
${this.secondaryButtonLabel}
|
|
692
|
+
</o-button>
|
|
693
|
+
`:null}
|
|
699
694
|
</div>
|
|
700
|
-
|
|
695
|
+
`:null}
|
|
701
696
|
</div>
|
|
702
697
|
`}};g.styles=A`
|
|
703
698
|
:host {
|
|
@@ -778,13 +773,8 @@
|
|
|
778
773
|
|
|
779
774
|
.close-btn {
|
|
780
775
|
position: absolute;
|
|
781
|
-
top:
|
|
782
|
-
right:
|
|
783
|
-
background: none;
|
|
784
|
-
border: none;
|
|
785
|
-
font-size: 1.5rem;
|
|
786
|
-
cursor: pointer;
|
|
787
|
-
color: inherit;
|
|
776
|
+
top: 11px;
|
|
777
|
+
right: 5px;
|
|
788
778
|
}
|
|
789
779
|
|
|
790
780
|
.close-btn:focus {
|
package/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const G = globalThis, ct = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = Symbol(),
|
|
6
|
+
const G = globalThis, ct = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = Symbol(), vt = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let Et = class {
|
|
8
8
|
constructor(t, e, o) {
|
|
9
9
|
if (this._$cssResult$ = !0, o !== ht) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
@@ -14,7 +14,7 @@ let Et = class {
|
|
|
14
14
|
const e = this.t;
|
|
15
15
|
if (ct && t === void 0) {
|
|
16
16
|
const o = e !== void 0 && e.length === 1;
|
|
17
|
-
o && (t =
|
|
17
|
+
o && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -35,7 +35,7 @@ const Bt = (s) => new Et(typeof s == "string" ? s : s + "", void 0, ht), A = (s,
|
|
|
35
35
|
const o = document.createElement("style"), n = G.litNonce;
|
|
36
36
|
n !== void 0 && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, bt = ct ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const o of t.cssRules) e += o.cssText;
|
|
41
41
|
return Bt(e);
|
|
@@ -129,8 +129,8 @@ let z = class extends HTMLElement {
|
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
131
|
const o = new Set(t.flat(1 / 0).reverse());
|
|
132
|
-
for (const n of o) e.unshift(
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const n of o) e.unshift(bt(n));
|
|
133
|
+
} else t !== void 0 && e.push(bt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -283,9 +283,9 @@ z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, z[R("elementProper
|
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
285
|
const F = globalThis, J = F.trustedTypes, mt = J ? J.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, I = document, V = () => I.createComment(""), q = (s) => s === null || typeof s != "object" && typeof s != "function", pt = Array.isArray, jt = (s) => pt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ot = `[
|
|
286
|
-
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g,
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g,
|
|
288
|
-
function
|
|
286
|
+
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, P = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), d = Rt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), k = I.createTreeWalker(I, 129);
|
|
288
|
+
function kt(s, t) {
|
|
289
289
|
if (!pt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return mt !== void 0 ? mt.createHTML(t) : t;
|
|
291
291
|
}
|
|
@@ -294,34 +294,34 @@ const Ft = (s, t) => {
|
|
|
294
294
|
let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = s[c];
|
|
297
|
-
let f,
|
|
298
|
-
for (; w < l.length && (i.lastIndex = w,
|
|
299
|
-
const S = i ===
|
|
297
|
+
let f, v, p = -1, w = 0;
|
|
298
|
+
for (; w < l.length && (i.lastIndex = w, v = i.exec(l), v !== null); ) w = i.lastIndex, i === j ? v[1] === "!--" ? i = $t : v[1] !== void 0 ? i = wt : v[2] !== void 0 ? (Pt.test(v[2]) && (n = RegExp("</" + v[2], "g")), i = P) : v[3] !== void 0 && (i = P) : i === P ? v[0] === ">" ? (i = n ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = i.lastIndex - v[2].length, f = v[1], i = v[3] === void 0 ? P : v[3] === '"' ? _t : xt) : i === _t || i === xt ? i = P : i === $t || i === wt ? i = j : (i = P, n = void 0);
|
|
299
|
+
const S = i === P && s[c + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
|
|
301
301
|
}
|
|
302
|
-
return [
|
|
302
|
+
return [kt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
304
|
class Z {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
306
|
let n;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, i = 0;
|
|
309
|
-
const c = t.length - 1, l = this.parts, [f,
|
|
310
|
-
if (this.el = Z.createElement(f, o),
|
|
309
|
+
const c = t.length - 1, l = this.parts, [f, v] = Ft(t, e);
|
|
310
|
+
if (this.el = Z.createElement(f, o), k.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const p = this.el.content.firstChild;
|
|
312
312
|
p.replaceWith(...p.childNodes);
|
|
313
313
|
}
|
|
314
|
-
for (; (n =
|
|
314
|
+
for (; (n = k.nextNode()) !== null && l.length < c; ) {
|
|
315
315
|
if (n.nodeType === 1) {
|
|
316
316
|
if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
-
const w =
|
|
317
|
+
const w = v[i++], S = n.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
|
|
318
318
|
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), n.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(E) && (l.push({ type: 6, index: r }), n.removeAttribute(p));
|
|
320
|
-
if (
|
|
320
|
+
if (Pt.test(n.tagName)) {
|
|
321
321
|
const p = n.textContent.split(E), w = p.length - 1;
|
|
322
322
|
if (w > 0) {
|
|
323
323
|
n.textContent = J ? J.emptyScript : "";
|
|
324
|
-
for (let S = 0; S < w; S++) n.append(p[S], V()),
|
|
324
|
+
for (let S = 0; S < w; S++) n.append(p[S], V()), k.nextNode(), l.push({ type: 2, index: ++r });
|
|
325
325
|
n.append(p[w], V());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
@@ -357,16 +357,16 @@ class Vt {
|
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
359
|
const { el: { content: e }, parts: o } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? I).importNode(e, !0);
|
|
360
|
-
|
|
361
|
-
let r =
|
|
360
|
+
k.currentNode = n;
|
|
361
|
+
let r = k.nextNode(), i = 0, c = 0, l = o[0];
|
|
362
362
|
for (; l !== void 0; ) {
|
|
363
363
|
if (i === l.index) {
|
|
364
364
|
let f;
|
|
365
365
|
l.type === 2 ? f = new W(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Kt(r, this, t)), this._$AV.push(f), l = o[++c];
|
|
366
366
|
}
|
|
367
|
-
i !== (l == null ? void 0 : l.index) && (r =
|
|
367
|
+
i !== (l == null ? void 0 : l.index) && (r = k.nextNode(), i++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return k.currentNode = I, n;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -406,7 +406,7 @@ class W {
|
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var r;
|
|
409
|
-
const { values: e, _$litType$: o } = t, n = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(
|
|
409
|
+
const { values: e, _$litType$: o } = t, n = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(kt(o.h, o.h[0]), this.options)), o);
|
|
410
410
|
if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
412
|
const i = new Vt(n, this), c = i.u(this.options);
|
|
@@ -737,10 +737,10 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
737
737
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
738
738
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
739
739
|
</svg>
|
|
740
|
-
`,
|
|
740
|
+
`, ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
741
741
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
742
742
|
</svg>
|
|
743
|
-
`,
|
|
743
|
+
`, be = `<?xml version="1.0" encoding="utf-8"?>
|
|
744
744
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
745
745
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
746
746
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -764,7 +764,7 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
764
764
|
playerv: re,
|
|
765
765
|
chevronRight: ae,
|
|
766
766
|
chevronLeft: le,
|
|
767
|
-
icoPlus:
|
|
767
|
+
icoPlus: be,
|
|
768
768
|
icoMinus: ge,
|
|
769
769
|
"star-0": ce,
|
|
770
770
|
"star-25": he,
|
|
@@ -772,7 +772,7 @@ const Q = oe(lt), ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
772
772
|
"star-75": pe,
|
|
773
773
|
"star-100": ue,
|
|
774
774
|
cross: fe,
|
|
775
|
-
search:
|
|
775
|
+
search: ve
|
|
776
776
|
};
|
|
777
777
|
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, L = (s, t, e, o) => {
|
|
778
778
|
for (var n = o > 1 ? void 0 : o ? me(t, e) : t, r = s.length - 1, i; r >= 0; r--)
|
|
@@ -991,7 +991,7 @@ L([
|
|
|
991
991
|
$ = L([
|
|
992
992
|
H("o-icon-button")
|
|
993
993
|
], $);
|
|
994
|
-
var $e = Object.defineProperty, we = Object.getOwnPropertyDescriptor,
|
|
994
|
+
var $e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, b = (s, t, e, o) => {
|
|
995
995
|
for (var n = o > 1 ? void 0 : o ? we(t, e) : t, r = s.length - 1, i; r >= 0; r--)
|
|
996
996
|
(i = s[r]) && (n = (o ? i(t, e, n) : i(n)) || n);
|
|
997
997
|
return o && n && $e(t, e, n), n;
|
|
@@ -1154,11 +1154,6 @@ u.styles = A`
|
|
|
1154
1154
|
}
|
|
1155
1155
|
}
|
|
1156
1156
|
|
|
1157
|
-
.button:hover:not([disabled]) {
|
|
1158
|
-
background-color: var(--button-bg-hover);
|
|
1159
|
-
color: var(--button-text-hover);
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
1157
|
.button:active:not([disabled]) {
|
|
1163
1158
|
background-color: var(--button-bg-pressed);
|
|
1164
1159
|
}
|
|
@@ -1197,52 +1192,52 @@ u.styles = A`
|
|
|
1197
1192
|
align-items: center;
|
|
1198
1193
|
}
|
|
1199
1194
|
`;
|
|
1200
|
-
|
|
1195
|
+
b([
|
|
1201
1196
|
a()
|
|
1202
1197
|
], u.prototype, "type", 2);
|
|
1203
|
-
|
|
1198
|
+
b([
|
|
1204
1199
|
a({ reflect: !0 })
|
|
1205
1200
|
], u.prototype, "value", 2);
|
|
1206
|
-
|
|
1201
|
+
b([
|
|
1207
1202
|
a({ type: String, reflect: !0 })
|
|
1208
1203
|
], u.prototype, "variant", 2);
|
|
1209
|
-
|
|
1204
|
+
b([
|
|
1210
1205
|
a({ type: String })
|
|
1211
1206
|
], u.prototype, "text", 2);
|
|
1212
|
-
|
|
1207
|
+
b([
|
|
1213
1208
|
a({ type: String })
|
|
1214
1209
|
], u.prototype, "textsecond", 2);
|
|
1215
|
-
|
|
1210
|
+
b([
|
|
1216
1211
|
a({ type: Boolean, reflect: !0 })
|
|
1217
1212
|
], u.prototype, "fullwidth", 2);
|
|
1218
|
-
|
|
1213
|
+
b([
|
|
1219
1214
|
a({ type: Boolean, reflect: !0 })
|
|
1220
1215
|
], u.prototype, "disabled", 2);
|
|
1221
|
-
|
|
1216
|
+
b([
|
|
1222
1217
|
a({ type: String, attribute: "iconstrokewidth" })
|
|
1223
1218
|
], u.prototype, "iconstrokewidth", 2);
|
|
1224
|
-
|
|
1219
|
+
b([
|
|
1225
1220
|
a({ type: String })
|
|
1226
1221
|
], u.prototype, "icon", 2);
|
|
1227
|
-
|
|
1222
|
+
b([
|
|
1228
1223
|
a({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
1229
1224
|
], u.prototype, "startIcon", 2);
|
|
1230
|
-
|
|
1225
|
+
b([
|
|
1231
1226
|
a({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
1232
1227
|
], u.prototype, "endIcon", 2);
|
|
1233
|
-
|
|
1228
|
+
b([
|
|
1234
1229
|
a({ type: String, reflect: !0, attribute: "iconsize" })
|
|
1235
1230
|
], u.prototype, "iconSize", 2);
|
|
1236
|
-
|
|
1231
|
+
b([
|
|
1237
1232
|
a({ type: String, attribute: "paneltarget", reflect: !0 })
|
|
1238
1233
|
], u.prototype, "panelTarget", 2);
|
|
1239
|
-
|
|
1234
|
+
b([
|
|
1240
1235
|
a({ type: String })
|
|
1241
1236
|
], u.prototype, "href", 2);
|
|
1242
|
-
|
|
1237
|
+
b([
|
|
1243
1238
|
a({ type: String })
|
|
1244
1239
|
], u.prototype, "target", 2);
|
|
1245
|
-
u =
|
|
1240
|
+
u = b([
|
|
1246
1241
|
H("o-button")
|
|
1247
1242
|
], u);
|
|
1248
1243
|
var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, tt = (s, t, e, o) => {
|
|
@@ -1585,10 +1580,10 @@ et([
|
|
|
1585
1580
|
N = et([
|
|
1586
1581
|
H("o-rating")
|
|
1587
1582
|
], N);
|
|
1588
|
-
var
|
|
1589
|
-
for (var n = o > 1 ? void 0 : o ?
|
|
1583
|
+
var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (s, t, e, o) => {
|
|
1584
|
+
for (var n = o > 1 ? void 0 : o ? ke(t, e) : t, r = s.length - 1, i; r >= 0; r--)
|
|
1590
1585
|
(i = s[r]) && (n = (o ? i(t, e, n) : i(n)) || n);
|
|
1591
|
-
return o && n &&
|
|
1586
|
+
return o && n && Pe(t, e, n), n;
|
|
1592
1587
|
};
|
|
1593
1588
|
let g = class extends m {
|
|
1594
1589
|
constructor() {
|
|
@@ -1646,10 +1641,10 @@ let g = class extends m {
|
|
|
1646
1641
|
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1647
1642
|
|
|
1648
1643
|
${this.showHeader ? d`
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1644
|
+
<div class="header">
|
|
1645
|
+
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
1646
|
+
</div>
|
|
1647
|
+
` : null}
|
|
1653
1648
|
|
|
1654
1649
|
<div class="content">
|
|
1655
1650
|
<slot></slot>
|
|
@@ -1658,24 +1653,24 @@ let g = class extends m {
|
|
|
1658
1653
|
${this.showFooter ? d`
|
|
1659
1654
|
<div class="footer">
|
|
1660
1655
|
${this.firstButtonVariant && this.firstButtonLabel ? d`
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1656
|
+
<o-button
|
|
1657
|
+
variant="${this.firstButtonVariant}"
|
|
1658
|
+
@click=${this.handleFirstClick}
|
|
1659
|
+
>
|
|
1660
|
+
${this.firstButtonLabel}
|
|
1661
|
+
</o-button>
|
|
1662
|
+
` : null}
|
|
1668
1663
|
|
|
1669
1664
|
${this.secondaryButtonVariant && this.secondaryButtonLabel ? d`
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1665
|
+
<o-button
|
|
1666
|
+
variant="${this.secondaryButtonVariant}"
|
|
1667
|
+
@click=${this.handleSecondaryClick}
|
|
1668
|
+
>
|
|
1669
|
+
${this.secondaryButtonLabel}
|
|
1670
|
+
</o-button>
|
|
1671
|
+
` : null}
|
|
1677
1672
|
</div>
|
|
1678
|
-
|
|
1673
|
+
` : null}
|
|
1679
1674
|
</div>
|
|
1680
1675
|
`;
|
|
1681
1676
|
}
|
|
@@ -1759,13 +1754,8 @@ g.styles = A`
|
|
|
1759
1754
|
|
|
1760
1755
|
.close-btn {
|
|
1761
1756
|
position: absolute;
|
|
1762
|
-
top:
|
|
1763
|
-
right:
|
|
1764
|
-
background: none;
|
|
1765
|
-
border: none;
|
|
1766
|
-
font-size: 1.5rem;
|
|
1767
|
-
cursor: pointer;
|
|
1768
|
-
color: inherit;
|
|
1757
|
+
top: 11px;
|
|
1758
|
+
right: 5px;
|
|
1769
1759
|
}
|
|
1770
1760
|
|
|
1771
1761
|
.close-btn:focus {
|