@florid-kit/components 0.4.13 → 0.4.14
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 +22 -19
- package/index.mjs +85 -81
- package/package.json +2 -2
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 X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,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.")})(s)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},
|
|
5
|
+
*/const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,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.")})(s)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},gt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,
|
|
9
|
+
*/const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,vt=C.trustedTypes,Ut=vt?vt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=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(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&Ot(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.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=[...Mt(e),...Tt(e)];for(const s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,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 s of o)e.unshift(gt(s))}else t!==void 0&&e.push(gt(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 Bt(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),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=s,this[s]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.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:s,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)),s===!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 s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){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(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.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){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(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
|
-
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,
|
|
13
|
+
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",st=`[
|
|
14
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,k=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,o=[];let s,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,g,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,g=i.exec(l),g!==null);)w=i.lastIndex,i===j?g[1]==="!--"?i=$t:g[1]!==void 0?i=wt:g[2]!==void 0?(kt.test(g[2])&&(s=RegExp("</"+g[2],"g")),i=k):g[3]!==void 0&&(i=k):i===k?g[0]===">"?(i=s??j,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,f=g[1],i=g[3]===void 0?k:g[3]==='"'?_t:xt):i===_t||i===xt?i=k:i===$t||i===wt?i=j:(i=k,s=void 0);const S=i===k&&n[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[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,g]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=P.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Ct)){const w=g[i++],S=s.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),s.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),s.removeAttribute(p));if(kt.test(s.tagName)){const p=s.textContent.split(E),w=p.length-1;if(w>0){s.textContent=Q?Q.emptyScript:"";for(let S=0;S<w;S++)s.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});s.append(p[w],F())}}}else if(s.nodeType===8)if(s.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var i,c;if(t===z)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=D(n,s._$AS(n,t.values),s,o)),t}class Ft{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,s=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=s;let r=P.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=P.nextNode(),i++)}return P.currentNode=B,s}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 G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.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),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&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!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(e);else{const i=new Ft(s,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 q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const r of t)s===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$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 s=t.nextSibling;t.remove(),t=s}}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,s,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,s){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,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===z&&(f=this._$AH[l]),i||(i=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,s=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||s);s&&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 Gt{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 it=V.litHtmlPolyfillSupport;it==null||it(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new G(t.insertBefore(F(),r),r,void 0,e??{})}return s._$AI(n),s};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -97,19 +97,22 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
|
+
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
102
|
+
</svg>
|
|
103
|
+
`,tt={wishlist:ne,playerv:oe,chevronRight:se,chevronLeft:ie,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:be};/**
|
|
101
104
|
* @license
|
|
102
105
|
* Copyright 2017 Google LLC
|
|
103
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const
|
|
107
|
+
*/const ge={CHILD:2},ve=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
105
108
|
* @license
|
|
106
109
|
* Copyright 2017 Google LLC
|
|
107
110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
108
|
-
*/class lt extends
|
|
111
|
+
*/class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==ge.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
|
|
109
112
|
* @license
|
|
110
113
|
* Copyright 2017 Google LLC
|
|
111
114
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
112
|
-
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ve(ct);var
|
|
115
|
+
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ve(ct);var me=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?$e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&me(t,e,s),s};const we=te(m);let u=class extends we{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.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(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
113
116
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
114
117
|
${this.startIcon?this.renderIcon("start"):d}
|
|
115
118
|
${n?h`
|
|
@@ -289,7 +292,7 @@
|
|
|
289
292
|
transform: translateX(4px);
|
|
290
293
|
}
|
|
291
294
|
//End icon movment on hover
|
|
292
|
-
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var
|
|
295
|
+
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var s=o>1?void 0:o?_e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&xe(t,e,s),s};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(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
293
296
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
294
297
|
<span class="sr-only">${this.label}</span>
|
|
295
298
|
${W(n)}
|
|
@@ -349,7 +352,7 @@
|
|
|
349
352
|
width: 0.1rem !important;
|
|
350
353
|
white-space: nowrap !important;
|
|
351
354
|
}
|
|
352
|
-
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var
|
|
355
|
+
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var s=o>1?void 0:o?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ae(t,e,s),s};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(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
353
356
|
${this.type==="span"?h`
|
|
354
357
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
355
358
|
${W(e)}
|
|
@@ -563,13 +566,13 @@
|
|
|
563
566
|
}
|
|
564
567
|
|
|
565
568
|
}
|
|
566
|
-
`;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([O("o-icon-button")],$);var
|
|
569
|
+
`;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([O("o-icon-button")],$);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ce(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ee(t,e,s),s};let x=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
|
|
567
570
|
<a href="${this.href}" target="${this.target}">
|
|
568
571
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
569
572
|
<o-icon-button
|
|
570
573
|
icon="chevronLeft"
|
|
571
574
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
572
|
-
size="
|
|
575
|
+
size="xsmall"
|
|
573
576
|
aria-hidden="true"
|
|
574
577
|
type="span"
|
|
575
578
|
></o-icon-button>
|
|
@@ -579,7 +582,7 @@
|
|
|
579
582
|
<o-icon-button
|
|
580
583
|
icon="chevronRight"
|
|
581
584
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
582
|
-
size="
|
|
585
|
+
size="xsmall"
|
|
583
586
|
aria-hidden="true"
|
|
584
587
|
type="span"
|
|
585
588
|
></o-icon-button>
|
|
@@ -672,7 +675,7 @@
|
|
|
672
675
|
height: 1px;
|
|
673
676
|
}
|
|
674
677
|
/* End of underline effect */
|
|
675
|
-
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var
|
|
678
|
+
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var s=o>1?void 0:o?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Le(t,e,s),s};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
676
679
|
<div class="rating">
|
|
677
680
|
<div class="stars">
|
|
678
681
|
${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -712,7 +715,7 @@
|
|
|
712
715
|
text-decoration: underline;
|
|
713
716
|
cursor: pointer;
|
|
714
717
|
}
|
|
715
|
-
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,
|
|
718
|
+
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,v=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ie(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Pe(t,e,s),s};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.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 n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.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()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
|
|
716
719
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
717
720
|
<div
|
|
718
721
|
class="panel"
|
|
@@ -725,10 +728,10 @@
|
|
|
725
728
|
${this.showHeader?h`
|
|
726
729
|
<div class="header">
|
|
727
730
|
${this.showHeaderStartIcon?h`
|
|
728
|
-
<o-icon-button icon="
|
|
731
|
+
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
729
732
|
`:null}
|
|
730
733
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
731
|
-
<o-icon-button icon="cross" size="
|
|
734
|
+
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
732
735
|
</div>
|
|
733
736
|
`:null}
|
|
734
737
|
|
|
@@ -880,7 +883,7 @@
|
|
|
880
883
|
max-width: none;
|
|
881
884
|
}
|
|
882
885
|
}
|
|
883
|
-
`;
|
|
886
|
+
`;v([a({type:Boolean,reflect:!0})],b.prototype,"open",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);v([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);v([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);v([a({type:Function})],b.prototype,"onFirstButtonClick",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);v([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);v([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);v([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);v([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=v([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?ze(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Be(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
884
887
|
<o-icon-button
|
|
885
888
|
icon="playerv"
|
|
886
889
|
size="xsmall"
|
package/index.mjs
CHANGED
|
@@ -35,7 +35,7 @@ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
|
|
|
35
35
|
const o = document.createElement("style"), s = X.litNonce;
|
|
36
36
|
s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, gt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const o of t.cssRules) e += o.cssText;
|
|
41
41
|
return It(e);
|
|
@@ -45,7 +45,7 @@ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis,
|
|
48
|
+
const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, vt = C.trustedTypes, Ut = vt ? vt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
n = n ? Ut : null;
|
|
@@ -129,8 +129,8 @@ let T = 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 s of o) e.unshift(
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const s of o) e.unshift(gt(s));
|
|
133
|
+
} else t !== void 0 && e.push(gt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -282,10 +282,10 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""),
|
|
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
|
|
285
|
+
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ut = Array.isArray, jt = (n) => ut(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[
|
|
286
|
+
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, kt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Rt(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
|
|
288
|
+
function Pt(n, t) {
|
|
289
289
|
if (!ut(n) || !n.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 Vt = (n, t) => {
|
|
|
294
294
|
let s, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
|
-
let f,
|
|
298
|
-
for (; w < l.length && (i.lastIndex = w,
|
|
299
|
-
const S = i ===
|
|
297
|
+
let f, g, p = -1, w = 0;
|
|
298
|
+
for (; w < l.length && (i.lastIndex = w, g = i.exec(l), g !== null); ) w = i.lastIndex, i === j ? g[1] === "!--" ? i = $t : g[1] !== void 0 ? i = wt : g[2] !== void 0 ? (kt.test(g[2]) && (s = RegExp("</" + g[2], "g")), i = k) : g[3] !== void 0 && (i = k) : i === k ? g[0] === ">" ? (i = s ?? j, p = -1) : g[1] === void 0 ? p = -2 : (p = i.lastIndex - g[2].length, f = g[1], i = g[3] === void 0 ? k : g[3] === '"' ? _t : xt) : i === _t || i === xt ? i = k : i === $t || i === wt ? i = j : (i = k, s = void 0);
|
|
299
|
+
const S = i === k && n[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 [Pt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
|
-
class
|
|
304
|
+
class q {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
306
|
let s;
|
|
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 =
|
|
309
|
+
const c = t.length - 1, l = this.parts, [f, g] = Vt(t, e);
|
|
310
|
+
if (this.el = q.createElement(f, o), P.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 (; (s =
|
|
314
|
+
for (; (s = P.nextNode()) !== null && l.length < c; ) {
|
|
315
315
|
if (s.nodeType === 1) {
|
|
316
316
|
if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
-
const w =
|
|
318
|
-
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ?
|
|
317
|
+
const w = g[i++], S = s.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
|
|
318
|
+
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(E) && (l.push({ type: 6, index: r }), s.removeAttribute(p));
|
|
320
|
-
if (
|
|
320
|
+
if (kt.test(s.tagName)) {
|
|
321
321
|
const p = s.textContent.split(E), w = p.length - 1;
|
|
322
322
|
if (w > 0) {
|
|
323
323
|
s.textContent = Q ? Q.emptyScript : "";
|
|
324
|
-
for (let S = 0; S < w; S++) s.append(p[S], F()),
|
|
324
|
+
for (let S = 0; S < w; S++) s.append(p[S], F()), P.nextNode(), l.push({ type: 2, index: ++r });
|
|
325
325
|
s.append(p[w], F());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
@@ -342,7 +342,7 @@ function D(n, t, e = n, o) {
|
|
|
342
342
|
var i, c;
|
|
343
343
|
if (t === z) return t;
|
|
344
344
|
let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
|
|
345
|
-
const r =
|
|
345
|
+
const r = Z(t) ? void 0 : t._$litDirective$;
|
|
346
346
|
return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = D(n, s._$AS(n, t.values), s, o)), t;
|
|
347
347
|
}
|
|
348
348
|
class Ft {
|
|
@@ -357,16 +357,16 @@ class Ft {
|
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
359
|
const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
|
|
360
|
-
|
|
361
|
-
let r =
|
|
360
|
+
P.currentNode = s;
|
|
361
|
+
let r = P.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 G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Gt(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 = P.nextNode(), i++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return P.currentNode = B, s;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -393,7 +393,7 @@ class G {
|
|
|
393
393
|
return this._$AB;
|
|
394
394
|
}
|
|
395
395
|
_$AI(t, e = this) {
|
|
396
|
-
t = D(this, t, e),
|
|
396
|
+
t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : jt(t) ? this.k(t) : this._(t);
|
|
397
397
|
}
|
|
398
398
|
O(t) {
|
|
399
399
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -402,11 +402,11 @@ class G {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d &&
|
|
405
|
+
this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var r;
|
|
409
|
-
const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el =
|
|
409
|
+
const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(Pt(o.h, o.h[0]), this.options)), o);
|
|
410
410
|
if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
412
|
const i = new Ft(s, this), c = i.u(this.options);
|
|
@@ -415,7 +415,7 @@ class G {
|
|
|
415
415
|
}
|
|
416
416
|
_$AC(t) {
|
|
417
417
|
let e = At.get(t.strings);
|
|
418
|
-
return e === void 0 && At.set(t.strings, e = new
|
|
418
|
+
return e === void 0 && At.set(t.strings, e = new q(t)), e;
|
|
419
419
|
}
|
|
420
420
|
k(t) {
|
|
421
421
|
ut(this._$AH) || (this._$AH = [], this._$AR());
|
|
@@ -449,11 +449,11 @@ class Y {
|
|
|
449
449
|
_$AI(t, e = this, o, s) {
|
|
450
450
|
const r = this.strings;
|
|
451
451
|
let i = !1;
|
|
452
|
-
if (r === void 0) t = D(this, t, e, 0), i = !
|
|
452
|
+
if (r === void 0) t = D(this, t, e, 0), i = !Z(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let l, f;
|
|
456
|
-
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), i || (i = !
|
|
456
|
+
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), i || (i = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
|
|
457
457
|
}
|
|
458
458
|
i && !s && this.j(t);
|
|
459
459
|
}
|
|
@@ -461,7 +461,7 @@ class Y {
|
|
|
461
461
|
t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
|
-
class
|
|
464
|
+
class Zt extends Y {
|
|
465
465
|
constructor() {
|
|
466
466
|
super(...arguments), this.type = 3;
|
|
467
467
|
}
|
|
@@ -469,7 +469,7 @@ class qt extends Y {
|
|
|
469
469
|
this.element[this.name] = t === d ? void 0 : t;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
|
-
class
|
|
472
|
+
class qt extends Y {
|
|
473
473
|
constructor() {
|
|
474
474
|
super(...arguments), this.type = 4;
|
|
475
475
|
}
|
|
@@ -503,7 +503,7 @@ class Gt {
|
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
505
|
const it = V.litHtmlPolyfillSupport;
|
|
506
|
-
it == null || it(
|
|
506
|
+
it == null || it(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
|
|
507
507
|
const Kt = (n, t, e) => {
|
|
508
508
|
const o = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
509
|
let s = o._$litPart$;
|
|
@@ -709,6 +709,9 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
709
709
|
</style>
|
|
710
710
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
711
711
|
</svg>
|
|
712
|
+
`, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
713
|
+
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
714
|
+
</svg>
|
|
712
715
|
`, tt = {
|
|
713
716
|
wishlist: ne,
|
|
714
717
|
playerv: oe,
|
|
@@ -722,15 +725,16 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
722
725
|
"star-75": ce,
|
|
723
726
|
"star-100": he,
|
|
724
727
|
cross: de,
|
|
725
|
-
search: pe
|
|
728
|
+
search: pe,
|
|
729
|
+
arrowLeft: be
|
|
726
730
|
};
|
|
727
731
|
/**
|
|
728
732
|
* @license
|
|
729
733
|
* Copyright 2017 Google LLC
|
|
730
734
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
731
735
|
*/
|
|
732
|
-
const
|
|
733
|
-
class
|
|
736
|
+
const ge = { CHILD: 2 }, ve = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
737
|
+
class ye {
|
|
734
738
|
constructor(t) {
|
|
735
739
|
}
|
|
736
740
|
get _$AU() {
|
|
@@ -751,9 +755,9 @@ class ge {
|
|
|
751
755
|
* Copyright 2017 Google LLC
|
|
752
756
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
753
757
|
*/
|
|
754
|
-
class lt extends
|
|
758
|
+
class lt extends ye {
|
|
755
759
|
constructor(t) {
|
|
756
|
-
if (super(t), this.it = d, t.type !==
|
|
760
|
+
if (super(t), this.it = d, t.type !== ge.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
757
761
|
}
|
|
758
762
|
render(t) {
|
|
759
763
|
if (t === d || t == null) return this._t = void 0, this.it = t;
|
|
@@ -775,13 +779,13 @@ class ct extends lt {
|
|
|
775
779
|
}
|
|
776
780
|
ct.directiveName = "unsafeSVG", ct.resultType = 2;
|
|
777
781
|
const W = ve(ct);
|
|
778
|
-
var
|
|
779
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
782
|
+
var me = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
|
|
783
|
+
for (var s = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
780
784
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
781
|
-
return o && s &&
|
|
785
|
+
return o && s && me(t, e, s), s;
|
|
782
786
|
};
|
|
783
|
-
const
|
|
784
|
-
let u = class extends
|
|
787
|
+
const we = te(m);
|
|
788
|
+
let u = class extends we {
|
|
785
789
|
constructor() {
|
|
786
790
|
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
|
|
787
791
|
}
|
|
@@ -1049,10 +1053,10 @@ y([
|
|
|
1049
1053
|
u = y([
|
|
1050
1054
|
O("o-button")
|
|
1051
1055
|
], u);
|
|
1052
|
-
var
|
|
1053
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1056
|
+
var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
|
|
1057
|
+
for (var s = o > 1 ? void 0 : o ? _e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1054
1058
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1055
|
-
return o && s &&
|
|
1059
|
+
return o && s && xe(t, e, s), s;
|
|
1056
1060
|
};
|
|
1057
1061
|
let U = class extends m {
|
|
1058
1062
|
constructor() {
|
|
@@ -1163,10 +1167,10 @@ et([
|
|
|
1163
1167
|
U = et([
|
|
1164
1168
|
O("o-wishlist-button")
|
|
1165
1169
|
], U);
|
|
1166
|
-
var
|
|
1167
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1170
|
+
var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
|
|
1171
|
+
for (var s = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1168
1172
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1169
|
-
return o && s &&
|
|
1173
|
+
return o && s && Ae(t, e, s), s;
|
|
1170
1174
|
};
|
|
1171
1175
|
let $ = class extends m {
|
|
1172
1176
|
constructor() {
|
|
@@ -1422,10 +1426,10 @@ L([
|
|
|
1422
1426
|
$ = L([
|
|
1423
1427
|
O("o-icon-button")
|
|
1424
1428
|
], $);
|
|
1425
|
-
var
|
|
1426
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1429
|
+
var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1430
|
+
for (var s = o > 1 ? void 0 : o ? Ce(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1427
1431
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1428
|
-
return o && s &&
|
|
1432
|
+
return o && s && Ee(t, e, s), s;
|
|
1429
1433
|
};
|
|
1430
1434
|
let x = class extends m {
|
|
1431
1435
|
constructor() {
|
|
@@ -1438,7 +1442,7 @@ let x = class extends m {
|
|
|
1438
1442
|
<o-icon-button
|
|
1439
1443
|
icon="chevronLeft"
|
|
1440
1444
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
1441
|
-
size="
|
|
1445
|
+
size="xsmall"
|
|
1442
1446
|
aria-hidden="true"
|
|
1443
1447
|
type="span"
|
|
1444
1448
|
></o-icon-button>
|
|
@@ -1448,7 +1452,7 @@ let x = class extends m {
|
|
|
1448
1452
|
<o-icon-button
|
|
1449
1453
|
icon="chevronRight"
|
|
1450
1454
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
1451
|
-
size="
|
|
1455
|
+
size="xsmall"
|
|
1452
1456
|
aria-hidden="true"
|
|
1453
1457
|
type="span"
|
|
1454
1458
|
></o-icon-button>
|
|
@@ -1566,10 +1570,10 @@ H([
|
|
|
1566
1570
|
x = H([
|
|
1567
1571
|
O("o-link")
|
|
1568
1572
|
], x);
|
|
1569
|
-
var
|
|
1570
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1573
|
+
var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
|
|
1574
|
+
for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1571
1575
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1572
|
-
return o && s &&
|
|
1576
|
+
return o && s && Le(t, e, s), s;
|
|
1573
1577
|
};
|
|
1574
1578
|
let N = class extends m {
|
|
1575
1579
|
constructor() {
|
|
@@ -1644,8 +1648,8 @@ nt([
|
|
|
1644
1648
|
N = nt([
|
|
1645
1649
|
O("o-rating")
|
|
1646
1650
|
], N);
|
|
1647
|
-
var Pe = Object.defineProperty,
|
|
1648
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1651
|
+
var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, v = (n, t, e, o) => {
|
|
1652
|
+
for (var s = o > 1 ? void 0 : o ? Ie(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1649
1653
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1650
1654
|
return o && s && Pe(t, e, s), s;
|
|
1651
1655
|
};
|
|
@@ -1712,10 +1716,10 @@ let b = class extends m {
|
|
|
1712
1716
|
${this.showHeader ? h`
|
|
1713
1717
|
<div class="header">
|
|
1714
1718
|
${this.showHeaderStartIcon ? h`
|
|
1715
|
-
<o-icon-button icon="
|
|
1719
|
+
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1716
1720
|
` : null}
|
|
1717
1721
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
1718
|
-
<o-icon-button icon="cross" size="
|
|
1722
|
+
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1719
1723
|
</div>
|
|
1720
1724
|
` : null}
|
|
1721
1725
|
|
|
@@ -1871,58 +1875,58 @@ b.styles = A`
|
|
|
1871
1875
|
}
|
|
1872
1876
|
}
|
|
1873
1877
|
`;
|
|
1874
|
-
|
|
1878
|
+
v([
|
|
1875
1879
|
a({ type: Boolean, reflect: !0 })
|
|
1876
1880
|
], b.prototype, "open", 2);
|
|
1877
|
-
|
|
1881
|
+
v([
|
|
1878
1882
|
a({ type: Boolean, reflect: !0 })
|
|
1879
1883
|
], b.prototype, "showHeader", 2);
|
|
1880
|
-
|
|
1884
|
+
v([
|
|
1881
1885
|
a({ type: Boolean, reflect: !0 })
|
|
1882
1886
|
], b.prototype, "showFooter", 2);
|
|
1883
|
-
|
|
1887
|
+
v([
|
|
1884
1888
|
a({ type: Boolean, reflect: !0 })
|
|
1885
1889
|
], b.prototype, "showHeaderStartIcon", 2);
|
|
1886
|
-
|
|
1890
|
+
v([
|
|
1887
1891
|
a({ type: String, reflect: !0 })
|
|
1888
1892
|
], b.prototype, "headerTitle", 2);
|
|
1889
|
-
|
|
1893
|
+
v([
|
|
1890
1894
|
a({ type: String, reflect: !0 })
|
|
1891
1895
|
], b.prototype, "closeButtonLabel", 2);
|
|
1892
|
-
|
|
1896
|
+
v([
|
|
1893
1897
|
a({ type: String, reflect: !0 })
|
|
1894
1898
|
], b.prototype, "firstButtonLabel", 2);
|
|
1895
|
-
|
|
1899
|
+
v([
|
|
1896
1900
|
a({ type: String, reflect: !0 })
|
|
1897
1901
|
], b.prototype, "firstButtonVariant", 2);
|
|
1898
|
-
|
|
1902
|
+
v([
|
|
1899
1903
|
a({ type: Function })
|
|
1900
1904
|
], b.prototype, "onFirstButtonClick", 2);
|
|
1901
|
-
|
|
1905
|
+
v([
|
|
1902
1906
|
a({ type: String, reflect: !0 })
|
|
1903
1907
|
], b.prototype, "secondaryButtonLabel", 2);
|
|
1904
|
-
|
|
1908
|
+
v([
|
|
1905
1909
|
a({ type: String, reflect: !0 })
|
|
1906
1910
|
], b.prototype, "secondaryButtonVariant", 2);
|
|
1907
|
-
|
|
1911
|
+
v([
|
|
1908
1912
|
a({ type: Function })
|
|
1909
1913
|
], b.prototype, "onSecondaryButtonClick", 2);
|
|
1910
|
-
|
|
1914
|
+
v([
|
|
1911
1915
|
a({ type: Boolean, reflect: !0 })
|
|
1912
1916
|
], b.prototype, "disablePortal", 2);
|
|
1913
|
-
|
|
1917
|
+
v([
|
|
1914
1918
|
a({ type: Number, reflect: !0 })
|
|
1915
1919
|
], b.prototype, "zIndex", 2);
|
|
1916
|
-
|
|
1920
|
+
v([
|
|
1917
1921
|
a({ type: Boolean, reflect: !0 })
|
|
1918
1922
|
], b.prototype, "initialized", 2);
|
|
1919
|
-
b =
|
|
1923
|
+
b = v([
|
|
1920
1924
|
O("o-side-panel")
|
|
1921
1925
|
], b);
|
|
1922
|
-
var
|
|
1923
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1926
|
+
var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
|
|
1927
|
+
for (var s = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1924
1928
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1925
|
-
return o && s &&
|
|
1929
|
+
return o && s && Be(t, e, s), s;
|
|
1926
1930
|
};
|
|
1927
1931
|
let _ = class extends m {
|
|
1928
1932
|
constructor() {
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@florid-kit/components",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.14",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"module": "index.mjs",
|
|
6
6
|
"typings": "index.d.ts",
|
|
7
7
|
"description": "This library was generated with [Nx](https://nx.dev).",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@florid-kit/tokens": "^0.1.
|
|
9
|
+
"@florid-kit/tokens": "^0.1.9"
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
12
|
"@storybook/addon-a11y": "8.6.14",
|