@florid-kit/components 0.3.12 → 0.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/button.d.ts +2 -0
- package/index.js +37 -21
- package/index.mjs +96 -73
- package/package.json +1 -1
package/components/button.d.ts
CHANGED
|
@@ -26,6 +26,8 @@ export declare class OccitaneButton extends buttonBaseClass implements FormSubmi
|
|
|
26
26
|
get form(): HTMLFormElement | null;
|
|
27
27
|
variant: ButtonVariant;
|
|
28
28
|
customclass: string;
|
|
29
|
+
text: string;
|
|
30
|
+
textsecond: string;
|
|
29
31
|
disabled: boolean;
|
|
30
32
|
/**
|
|
31
33
|
* The URL that the link button points to.
|
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const F=globalThis,ot=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),dt=new WeakMap;let
|
|
5
|
+
*/const F=globalThis,ot=F.ShadowRoot&&(F.ShadyCSS===void 0||F.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,nt=Symbol(),dt=new WeakMap;let xt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==nt)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(ot&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=dt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&dt.set(e,t))}return t}toString(){return this.cssText}};const At=i=>new xt(typeof i=="string"?i:i+"",void 0,nt),O=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new xt(e,i,nt)},Pt=(i,t)=>{if(ot)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=F.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},pt=ot?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return At(e)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Mt,getOwnPropertySymbols:Ut,getPrototypeOf:Bt}=Object,
|
|
9
|
+
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Mt,getOwnPropertySymbols:Ut,getPrototypeOf:Bt}=Object,x=globalThis,ut=x.trustedTypes,Tt=ut?ut.emptyScript:"",Q=x.reactiveElementPolyfillSupport,I=(i,t)=>i,q={toAttribute(i,t){switch(t){case Boolean:i=i?Tt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},at=(i,t)=>!Ot(i,t),gt={attribute:!0,type:String,converter:q,reflect:!1,useDefault:!1,hasChanged:at};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),x.litPropertyMetadata??(x.litPropertyMetadata=new WeakMap);let k=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=gt){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 s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Ht(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=kt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:r,set(o){const l=r==null?void 0:r.call(this);n==null||n.call(this,o),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??gt}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;const t=Bt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){const e=this.properties,s=[...Mt(e),...Ut(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(pt(r))}else t!==void 0&&e.push(pt(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s: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 s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Pt(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 s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var n;const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:q).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n,o;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const l=s.getPropertyOptions(r),a=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:q;this._$Em=r,this[r]=a.fromAttribute(e,l.type)??((o=this._$Ej)==null?void 0:o.get(r))??null,this._$Em=null}}requestUpdate(t,e,s){var r;if(t!==void 0){const n=this.constructor,o=this[t];if(s??(s=n.getPropertyOptions(t)),!((s.hasChanged??at)(o,e)||s.useDefault&&s.reflect&&o===((r=this._$Ej)==null?void 0:r.get(t))&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:n},o){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!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 s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r){const{wrapped:l}=o,a=this[n];l!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,o,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.call(s)}),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){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[I("elementProperties")]=new Map,k[I("finalized")]=new Map,Q==null||Q({ReactiveElement:k}),(x.reactiveElementVersions??(x.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const z=globalThis,W=z.trustedTypes,ft=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,Et="$lit$",
|
|
13
|
+
*/const z=globalThis,W=z.trustedTypes,ft=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,Et="$lit$",w=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+w,It=`<${St}>`,C=document,N=()=>C.createComment(""),D=i=>i===null||typeof i!="object"&&typeof i!="function",lt=Array.isArray,zt=i=>lt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Y=`[
|
|
14
14
|
\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vt=/-->/g,bt=/>/g,E=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,yt=/"/g,Lt=/^(?:script|style|textarea|title)$/i,Nt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,yt=/"/g,Lt=/^(?:script|style|textarea|title)$/i,Nt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),u=Nt(1),P=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),mt=new WeakMap,S=C.createTreeWalker(C,129);function Ct(i,t){if(!lt(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ft!==void 0?ft.createHTML(t):t}const Dt=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=T;for(let l=0;l<e;l++){const a=i[l];let p,g,c=-1,$=0;for(;$<a.length&&(o.lastIndex=$,g=o.exec(a),g!==null);)$=o.lastIndex,o===T?g[1]==="!--"?o=vt:g[1]!==void 0?o=bt:g[2]!==void 0?(Lt.test(g[2])&&(r=RegExp("</"+g[2],"g")),o=E):g[3]!==void 0&&(o=E):o===E?g[0]===">"?(o=r??T,c=-1):g[1]===void 0?c=-2:(c=o.lastIndex-g[2].length,p=g[1],o=g[3]===void 0?E:g[3]==='"'?yt:$t):o===yt||o===$t?o=E:o===vt||o===bt?o=T:(o=E,r=void 0);const _=o===E&&i[l+1].startsWith("/>")?" ":"";n+=o===T?a+It:c>=0?(s.push(p),a.slice(0,c)+Et+a.slice(c)+w+_):a+w+(c===-2?l:_)}return[Ct(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class R{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const l=t.length-1,a=this.parts,[p,g]=Dt(t,e);if(this.el=R.createElement(p,s),S.currentNode=this.el.content,e===2||e===3){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(r=S.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const c of r.getAttributeNames())if(c.endsWith(Et)){const $=g[o++],_=r.getAttribute(c).split(w),Z=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:Z[2],strings:_,ctor:Z[1]==="."?jt:Z[1]==="?"?Vt:Z[1]==="@"?Zt:J}),r.removeAttribute(c)}else c.startsWith(w)&&(a.push({type:6,index:n}),r.removeAttribute(c));if(Lt.test(r.tagName)){const c=r.textContent.split(w),$=c.length-1;if($>0){r.textContent=W?W.emptyScript:"";for(let _=0;_<$;_++)r.append(c[_],N()),S.nextNode(),a.push({type:2,index:++n});r.append(c[$],N())}}}else if(r.nodeType===8)if(r.data===St)a.push({type:2,index:n});else{let c=-1;for(;(c=r.data.indexOf(w,c+1))!==-1;)a.push({type:7,index:n}),c+=w.length-1}n++}}static createElement(t,e){const s=C.createElement("template");return s.innerHTML=t,s}}function M(i,t,e=i,s){var o,l;if(t===P)return t;let r=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=D(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=r:e._$Cl=r),r!==void 0&&(t=M(i,r._$AS(i,t.values),r,s)),t}class Rt{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:s}=this._$AD,r=((t==null?void 0:t.creationScope)??C).importNode(e,!0);S.currentNode=r;let n=S.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let p;a.type===2?p=new j(n,n.nextSibling,this,t):a.type===1?p=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(p=new Ft(n,this,t)),this._$AV.push(p),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=S.nextNode(),o++)}return S.currentNode=C,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class j{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=(r==null?void 0:r.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=M(this,t,e),D(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==P&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):zt(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&&D(this._$AH)?this._$AA.nextSibling.data=t:this.T(C.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=R.createElement(Ct(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Rt(r,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(t){let e=mt.get(t.strings);return e===void 0&&mt.set(t.strings,e=new R(t)),e}k(t){lt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new j(this.O(N()),this.O(N()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=M(this,t,e,0),o=!D(t)||t!==this._$AH&&t!==P,o&&(this._$AH=t);else{const l=t;let a,p;for(t=n[0],a=0;a<n.length-1;a++)p=M(this,l[s+a],e,a),p===P&&(p=this._$AH[a]),o||(o=!D(p)||p!==this._$AH[a]),p===d?t=d:t!==d&&(t+=(p??"")+n[a+1]),this._$AH[a]=p}o&&!r&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class jt extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Zt extends J{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=M(this,t,e,0)??d)===P)return;const s=this._$AH,r=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==d&&(s===d||r);r&&this.element.removeEventListener(this.name,this,s),n&&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 Ft{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const tt=z.litHtmlPolyfillSupport;tt==null||tt(R,j),(z.litHtmlVersions??(z.litHtmlVersions=[])).push("3.3.0");const qt=(i,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let r=s._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=r=new j(t.insertBefore(N(),n),n,void 0,e??{})}return r._$AI(i),r};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const L=globalThis;let
|
|
19
|
+
*/const L=globalThis;let y=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=qt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return P}};var wt;y._$litElement$=!0,y.finalized=!0,(wt=L.litElementHydrateSupport)==null||wt.call(L,{LitElement:y});const et=L.litElementPolyfillSupport;et==null||et({LitElement:y});(L.litElementVersions??(L.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Gt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[ht]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Qt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,
|
|
43
|
+
*/function Gt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[ht]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Qt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,b=(i,t,e,s)=>{for(var r=s>1?void 0:s?Yt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Qt(t,e,r),r};const te=Xt(y),_t=i=>{const t=`
|
|
44
44
|
--button-bg-disabled: var(--color-container-disabled);
|
|
45
45
|
--button-bg-pressed: var(--color-container-action-${i}-pressed);
|
|
46
46
|
--button-bg-hover: var(--color-container-action-${i}-hover);
|
|
@@ -53,10 +53,13 @@
|
|
|
53
53
|
--button-text-disabled: var(--color-content-disabled);
|
|
54
54
|
--button-text-hover: var(--color-content-action-${i});
|
|
55
55
|
--button-text: var(--color-content-action-${i});
|
|
56
|
-
`;return
|
|
57
|
-
<slot />
|
|
58
|
-
</a>`}renderButton(){return g`<button class="button" ?disabled=${this.disabled}>
|
|
56
|
+
`;return At(t)},ee=["primary","secondary"];let f=class extends te{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.customclass="",this.text="",this.textsecond="",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[ht].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&ee.some(t=>t===i)&&(this.variant=i)}updated(){if(this.customclass){const i=this.customclass.split(" ").map(t=>t.trim()).filter(Boolean);this.classList.add(...i)}}render(){const i=this.href?this.renderLink():this.renderButton();return u`${i}`}renderLink(){return u`<a href=${this.href} target=${this.target||d} class="button" ?disabled=${this.disabled}>
|
|
59
57
|
<slot />
|
|
58
|
+
</a>`}renderButton(){const i=this.text||this.textsecond;return u`<button class="button ${i?"multipleText":""}" ?disabled=${this.disabled}>
|
|
59
|
+
${i?u`<slot>
|
|
60
|
+
${this.text?u`<span>${this.text}</span>`:d}
|
|
61
|
+
${this.textsecond?u`<span>${this.textsecond}</span>`:d}
|
|
62
|
+
</slot>`:u`<slot></slot>`}
|
|
60
63
|
</button>`}};Gt(f);f.formAssociated=!0;f.styles=O`
|
|
61
64
|
:host {
|
|
62
65
|
display: inline-flex;
|
|
@@ -123,6 +126,10 @@
|
|
|
123
126
|
}
|
|
124
127
|
}
|
|
125
128
|
|
|
129
|
+
.button.multipleText {
|
|
130
|
+
gap: 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
126
133
|
.button:disabled {
|
|
127
134
|
cursor: initial;
|
|
128
135
|
}
|
|
@@ -139,7 +146,16 @@
|
|
|
139
146
|
.button:focus-visible {
|
|
140
147
|
${Jt};
|
|
141
148
|
}
|
|
142
|
-
|
|
149
|
+
|
|
150
|
+
.button span + span {
|
|
151
|
+
padding-left: 0.8rem;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.button span + span::before {
|
|
155
|
+
content: "•";
|
|
156
|
+
margin: 0 0.8rem 0 0;
|
|
157
|
+
}
|
|
158
|
+
`;b([h()],f.prototype,"type",2);b([h({reflect:!0})],f.prototype,"value",2);b([h({reflect:!0})],f.prototype,"variant",2);b([h({type:String})],f.prototype,"customclass",2);b([h({type:String})],f.prototype,"text",2);b([h({type:String})],f.prototype,"textsecond",2);b([h({converter:{fromAttribute:i=>i===""||i==="true"}})],f.prototype,"disabled",2);b([h()],f.prototype,"href",2);b([h()],f.prototype,"target",2);f=b([V("o-button")],f);/**
|
|
143
159
|
* @license
|
|
144
160
|
* Copyright 2017 Google LLC
|
|
145
161
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -178,7 +194,7 @@
|
|
|
178
194
|
`,ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
179
195
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
180
196
|
</svg>
|
|
181
|
-
`,ct={wishlist:oe,playerv:ne,chevronRight:ae,chevronLeft:le,"star-0":he,"star-25":ce,"star-50":de,"star-75":pe,"star-100":ue};var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?fe(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ge(t,e,r),r};let U=class extends
|
|
197
|
+
`,ct={wishlist:oe,playerv:ne,chevronRight:ae,chevronLeft:le,"star-0":he,"star-25":ce,"star-50":de,"star-75":pe,"star-100":ue};var ge=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,X=(i,t,e,s)=>{for(var r=s>1?void 0:s?fe(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ge(t,e,r),r};let U=class extends y{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const i=ct.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return u`
|
|
182
198
|
<button
|
|
183
199
|
type="button"
|
|
184
200
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -242,12 +258,12 @@
|
|
|
242
258
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
243
259
|
fill: var(--color-alpha-light-strong);
|
|
244
260
|
}
|
|
245
|
-
`;X([h({type:String,reflect:!0})],U.prototype,"status",2);X([h({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);X([h({type:String,reflect:!0})],U.prototype,"label",2);U=X([V("o-wishlist-button")],U);var ve=Object.defineProperty,be=Object.getOwnPropertyDescriptor,
|
|
246
|
-
${this.type==="span"?
|
|
261
|
+
`;X([h({type:String,reflect:!0})],U.prototype,"status",2);X([h({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);X([h({type:String,reflect:!0})],U.prototype,"label",2);U=X([V("o-wishlist-button")],U);var ve=Object.defineProperty,be=Object.getOwnPropertyDescriptor,A=(i,t,e,s)=>{for(var r=s>1?void 0:s?be(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ve(t,e,r),r};let v=class extends y{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(i){super.updated(i),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const i=ct[this.icon]??"",t=`icon-${this.icon}`,e=i.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return u`
|
|
262
|
+
${this.type==="span"?u`
|
|
247
263
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
248
264
|
${K(e)}
|
|
249
265
|
</span>
|
|
250
|
-
`:
|
|
266
|
+
`:u`
|
|
251
267
|
<button
|
|
252
268
|
type="button"
|
|
253
269
|
aria-label="icon"
|
|
@@ -414,9 +430,9 @@
|
|
|
414
430
|
}
|
|
415
431
|
|
|
416
432
|
}
|
|
417
|
-
`;
|
|
433
|
+
`;A([h({type:String,reflect:!0})],v.prototype,"bgstyle",2);A([h({type:String,reflect:!0})],v.prototype,"size",2);A([h({type:String,reflect:!0})],v.prototype,"status",2);A([h({type:String,reflect:!0})],v.prototype,"type",2);A([h({type:String})],v.prototype,"strokewidth",2);A([h({type:String})],v.prototype,"icon",2);A([h({type:Boolean,reflect:!0})],v.prototype,"disabled",2);v=A([V("o-icon-button")],v);var $e=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,H=(i,t,e,s)=>{for(var r=s>1?void 0:s?ye(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&$e(t,e,r),r};let m=class extends y{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return u`
|
|
418
434
|
<a href="${this.href}" target="${this.target}">
|
|
419
|
-
${this.endIcon&&this.reverseEndIcon?
|
|
435
|
+
${this.endIcon&&this.reverseEndIcon?u`
|
|
420
436
|
<o-icon-button
|
|
421
437
|
icon="chevronLeft"
|
|
422
438
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -426,7 +442,7 @@
|
|
|
426
442
|
></o-icon-button>
|
|
427
443
|
`:null}
|
|
428
444
|
<span class="link-text"><slot></slot></span>
|
|
429
|
-
${this.endIcon&&!this.reverseEndIcon?
|
|
445
|
+
${this.endIcon&&!this.reverseEndIcon?u`
|
|
430
446
|
<o-icon-button
|
|
431
447
|
icon="chevronRight"
|
|
432
448
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -436,7 +452,7 @@
|
|
|
436
452
|
></o-icon-button>
|
|
437
453
|
`:null}
|
|
438
454
|
</a>
|
|
439
|
-
`}};
|
|
455
|
+
`}};m.styles=O`
|
|
440
456
|
:host([template="standard"]) a {
|
|
441
457
|
color: var(--color-content-action-secondary);
|
|
442
458
|
font-size: var(--font-size-200);
|
|
@@ -533,12 +549,12 @@
|
|
|
533
549
|
opacity: 0;
|
|
534
550
|
}
|
|
535
551
|
/* End of underline effect */
|
|
536
|
-
`;H([h({type:String})],
|
|
552
|
+
`;H([h({type:String})],m.prototype,"href",2);H([h({type:String})],m.prototype,"target",2);H([h({type:String,reflect:!0})],m.prototype,"template",2);H([h({type:Boolean,reflect:!0})],m.prototype,"inverse",2);H([h({type:Boolean,reflect:!0})],m.prototype,"endIcon",2);H([h({type:Boolean,reflect:!0})],m.prototype,"reverseEndIcon",2);m=H([V("o-link")],m);var me=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,G=(i,t,e,s)=>{for(var r=s>1?void 0:s?_e(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&me(t,e,r),r};let B=class extends y{constructor(){super(...arguments),this.rating=0}getStarKeys(){const i=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,i.push(`star-${s}`)}return i}render(){const i=this.getStarKeys();return u`
|
|
537
553
|
<div class="rating">
|
|
538
554
|
<div class="stars">
|
|
539
|
-
${i.map(t=>
|
|
555
|
+
${i.map(t=>u`<span class="star">${K(ct[t]??"")}</span>`)}
|
|
540
556
|
</div>
|
|
541
|
-
${this.reviewCount!=null&&this.href!=null?
|
|
557
|
+
${this.reviewCount!=null&&this.href!=null?u`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
542
558
|
</div>
|
|
543
559
|
`}};B.styles=O`
|
|
544
560
|
svg {
|
package/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
6
|
const F = globalThis, ot = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), dt = /* @__PURE__ */ new WeakMap();
|
|
7
|
-
let
|
|
7
|
+
let xt = class {
|
|
8
8
|
constructor(t, e, s) {
|
|
9
9
|
if (this._$cssResult$ = !0, s !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = t, this.t = e;
|
|
@@ -22,13 +22,13 @@ let At = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const
|
|
25
|
+
const At = (i) => new xt(typeof i == "string" ? i : i + "", void 0, nt), O = (i, ...t) => {
|
|
26
26
|
const e = i.length === 1 ? i[0] : t.reduce((s, r, n) => s + ((o) => {
|
|
27
27
|
if (o._$cssResult$ === !0) return o.cssText;
|
|
28
28
|
if (typeof o == "number") return o;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
30
|
})(r) + i[n + 1], i[0]);
|
|
31
|
-
return new
|
|
31
|
+
return new xt(e, i, nt);
|
|
32
32
|
}, Pt = (i, t) => {
|
|
33
33
|
if (ot) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
@@ -38,14 +38,14 @@ const xt = (i) => new At(typeof i == "string" ? i : i + "", void 0, nt), O = (i,
|
|
|
38
38
|
}, pt = ot ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const s of t.cssRules) e += s.cssText;
|
|
41
|
-
return
|
|
41
|
+
return At(e);
|
|
42
42
|
})(i) : i;
|
|
43
43
|
/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnPropertyNames: Mt, getOwnPropertySymbols: Ut, getPrototypeOf: Bt } = Object,
|
|
48
|
+
const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnPropertyNames: Mt, getOwnPropertySymbols: Ut, getPrototypeOf: Bt } = Object, x = globalThis, ut = x.trustedTypes, Tt = ut ? ut.emptyScript : "", Q = x.reactiveElementPolyfillSupport, I = (i, t) => i, q = { toAttribute(i, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
i = i ? Tt : null;
|
|
@@ -74,7 +74,7 @@ const { is: Ot, defineProperty: Ht, getOwnPropertyDescriptor: kt, getOwnProperty
|
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
76
|
} }, at = (i, t) => !Ot(i, t), gt = { attribute: !0, type: String, converter: q, reflect: !1, useDefault: !1, hasChanged: at };
|
|
77
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")),
|
|
77
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let k = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
80
80
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
|
@@ -276,15 +276,15 @@ let k = class extends HTMLElement {
|
|
|
276
276
|
firstUpdated(t) {
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
|
-
k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[I("elementProperties")] = /* @__PURE__ */ new Map(), k[I("finalized")] = /* @__PURE__ */ new Map(), Q == null || Q({ ReactiveElement: k }), (
|
|
279
|
+
k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[I("elementProperties")] = /* @__PURE__ */ new Map(), k[I("finalized")] = /* @__PURE__ */ new Map(), Q == null || Q({ ReactiveElement: k }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.1.0");
|
|
280
280
|
/**
|
|
281
281
|
* @license
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const z = globalThis, W = z.trustedTypes, ft = W ? W.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Et = "$lit$",
|
|
285
|
+
const z = globalThis, W = z.trustedTypes, ft = W ? W.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Et = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + w, It = `<${St}>`, C = document, N = () => C.createComment(""), D = (i) => i === null || typeof i != "object" && typeof i != "function", lt = Array.isArray, zt = (i) => lt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", Y = `[
|
|
286
286
|
\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, vt = /-->/g, bt = />/g, E = RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, yt = /"/g, Lt = /^(?:script|style|textarea|title)$/i, Nt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }),
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, yt = /"/g, Lt = /^(?:script|style|textarea|title)$/i, Nt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), u = Nt(1), P = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), mt = /* @__PURE__ */ new WeakMap(), S = C.createTreeWalker(C, 129);
|
|
288
288
|
function Ct(i, t) {
|
|
289
289
|
if (!lt(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return ft !== void 0 ? ft.createHTML(t) : t;
|
|
@@ -294,10 +294,10 @@ const Dt = (i, t) => {
|
|
|
294
294
|
let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
|
|
295
295
|
for (let l = 0; l < e; l++) {
|
|
296
296
|
const a = i[l];
|
|
297
|
-
let p,
|
|
298
|
-
for (;
|
|
299
|
-
const
|
|
300
|
-
n += o === T ? a + It : c >= 0 ? (s.push(p), a.slice(0, c) + Et + a.slice(c) +
|
|
297
|
+
let p, g, c = -1, $ = 0;
|
|
298
|
+
for (; $ < a.length && (o.lastIndex = $, g = o.exec(a), g !== null); ) $ = o.lastIndex, o === T ? g[1] === "!--" ? o = vt : g[1] !== void 0 ? o = bt : g[2] !== void 0 ? (Lt.test(g[2]) && (r = RegExp("</" + g[2], "g")), o = E) : g[3] !== void 0 && (o = E) : o === E ? g[0] === ">" ? (o = r ?? T, c = -1) : g[1] === void 0 ? c = -2 : (c = o.lastIndex - g[2].length, p = g[1], o = g[3] === void 0 ? E : g[3] === '"' ? yt : $t) : o === yt || o === $t ? o = E : o === vt || o === bt ? o = T : (o = E, r = void 0);
|
|
299
|
+
const _ = o === E && i[l + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
n += o === T ? a + It : c >= 0 ? (s.push(p), a.slice(0, c) + Et + a.slice(c) + w + _) : a + w + (c === -2 ? l : _);
|
|
301
301
|
}
|
|
302
302
|
return [Ct(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
303
303
|
};
|
|
@@ -306,7 +306,7 @@ class R {
|
|
|
306
306
|
let r;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let n = 0, o = 0;
|
|
309
|
-
const l = t.length - 1, a = this.parts, [p,
|
|
309
|
+
const l = t.length - 1, a = this.parts, [p, g] = Dt(t, e);
|
|
310
310
|
if (this.el = R.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const c = this.el.content.firstChild;
|
|
312
312
|
c.replaceWith(...c.childNodes);
|
|
@@ -314,21 +314,21 @@ class R {
|
|
|
314
314
|
for (; (r = S.nextNode()) !== null && a.length < l; ) {
|
|
315
315
|
if (r.nodeType === 1) {
|
|
316
316
|
if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(Et)) {
|
|
317
|
-
const
|
|
318
|
-
a.push({ type: 1, index: n, name: Z[2], strings:
|
|
319
|
-
} else c.startsWith(
|
|
317
|
+
const $ = g[o++], _ = r.getAttribute(c).split(w), Z = /([.?@])?(.*)/.exec($);
|
|
318
|
+
a.push({ type: 1, index: n, name: Z[2], strings: _, ctor: Z[1] === "." ? jt : Z[1] === "?" ? Vt : Z[1] === "@" ? Zt : J }), r.removeAttribute(c);
|
|
319
|
+
} else c.startsWith(w) && (a.push({ type: 6, index: n }), r.removeAttribute(c));
|
|
320
320
|
if (Lt.test(r.tagName)) {
|
|
321
|
-
const c = r.textContent.split(
|
|
322
|
-
if (
|
|
321
|
+
const c = r.textContent.split(w), $ = c.length - 1;
|
|
322
|
+
if ($ > 0) {
|
|
323
323
|
r.textContent = W ? W.emptyScript : "";
|
|
324
|
-
for (let
|
|
325
|
-
r.append(c[
|
|
324
|
+
for (let _ = 0; _ < $; _++) r.append(c[_], N()), S.nextNode(), a.push({ type: 2, index: ++n });
|
|
325
|
+
r.append(c[$], N());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
} else if (r.nodeType === 8) if (r.data === St) a.push({ type: 2, index: n });
|
|
329
329
|
else {
|
|
330
330
|
let c = -1;
|
|
331
|
-
for (; (c = r.data.indexOf(
|
|
331
|
+
for (; (c = r.data.indexOf(w, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += w.length - 1;
|
|
332
332
|
}
|
|
333
333
|
n++;
|
|
334
334
|
}
|
|
@@ -519,7 +519,7 @@ const qt = (i, t, e) => {
|
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
521
|
const L = globalThis;
|
|
522
|
-
let
|
|
522
|
+
let y = class extends k {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
525
525
|
}
|
|
@@ -545,9 +545,9 @@ let $ = class extends k {
|
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var wt;
|
|
548
|
-
|
|
548
|
+
y._$litElement$ = !0, y.finalized = !0, (wt = L.litElementHydrateSupport) == null || wt.call(L, { LitElement: y });
|
|
549
549
|
const et = L.litElementPolyfillSupport;
|
|
550
|
-
et == null || et({ LitElement:
|
|
550
|
+
et == null || et({ LitElement: y });
|
|
551
551
|
(L.litElementVersions ?? (L.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
@@ -648,12 +648,12 @@ function Gt(i) {
|
|
|
648
648
|
});
|
|
649
649
|
});
|
|
650
650
|
}
|
|
651
|
-
var Qt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor,
|
|
651
|
+
var Qt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, b = (i, t, e, s) => {
|
|
652
652
|
for (var r = s > 1 ? void 0 : s ? Yt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
653
653
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
654
654
|
return s && r && Qt(t, e, r), r;
|
|
655
655
|
};
|
|
656
|
-
const te = Xt(
|
|
656
|
+
const te = Xt(y), _t = (i) => {
|
|
657
657
|
const t = `
|
|
658
658
|
--button-bg-disabled: var(--color-container-disabled);
|
|
659
659
|
--button-bg-pressed: var(--color-container-action-${i}-pressed);
|
|
@@ -668,11 +668,11 @@ const te = Xt($), _t = (i) => {
|
|
|
668
668
|
--button-text-hover: var(--color-content-action-${i});
|
|
669
669
|
--button-text: var(--color-content-action-${i});
|
|
670
670
|
`;
|
|
671
|
-
return
|
|
671
|
+
return At(t);
|
|
672
672
|
}, ee = ["primary", "secondary"];
|
|
673
673
|
let f = class extends te {
|
|
674
674
|
constructor() {
|
|
675
|
-
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.customclass = "", this.disabled = !1, this.href = "", this.target = "";
|
|
675
|
+
super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.customclass = "", this.text = "", this.textsecond = "", this.disabled = !1, this.href = "", this.target = "";
|
|
676
676
|
}
|
|
677
677
|
get name() {
|
|
678
678
|
return this.getAttribute("name") ?? "";
|
|
@@ -700,16 +700,20 @@ let f = class extends te {
|
|
|
700
700
|
}
|
|
701
701
|
render() {
|
|
702
702
|
const i = this.href ? this.renderLink() : this.renderButton();
|
|
703
|
-
return
|
|
703
|
+
return u`${i}`;
|
|
704
704
|
}
|
|
705
705
|
renderLink() {
|
|
706
|
-
return
|
|
706
|
+
return u`<a href=${this.href} target=${this.target || d} class="button" ?disabled=${this.disabled}>
|
|
707
707
|
<slot />
|
|
708
708
|
</a>`;
|
|
709
709
|
}
|
|
710
710
|
renderButton() {
|
|
711
|
-
|
|
712
|
-
|
|
711
|
+
const i = this.text || this.textsecond;
|
|
712
|
+
return u`<button class="button ${i ? "multipleText" : ""}" ?disabled=${this.disabled}>
|
|
713
|
+
${i ? u`<slot>
|
|
714
|
+
${this.text ? u`<span>${this.text}</span>` : d}
|
|
715
|
+
${this.textsecond ? u`<span>${this.textsecond}</span>` : d}
|
|
716
|
+
</slot>` : u`<slot></slot>`}
|
|
713
717
|
</button>`;
|
|
714
718
|
}
|
|
715
719
|
};
|
|
@@ -781,6 +785,10 @@ f.styles = O`
|
|
|
781
785
|
}
|
|
782
786
|
}
|
|
783
787
|
|
|
788
|
+
.button.multipleText {
|
|
789
|
+
gap: 0;
|
|
790
|
+
}
|
|
791
|
+
|
|
784
792
|
.button:disabled {
|
|
785
793
|
cursor: initial;
|
|
786
794
|
}
|
|
@@ -797,33 +805,48 @@ f.styles = O`
|
|
|
797
805
|
.button:focus-visible {
|
|
798
806
|
${Jt};
|
|
799
807
|
}
|
|
808
|
+
|
|
809
|
+
.button span + span {
|
|
810
|
+
padding-left: 0.8rem;
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
.button span + span::before {
|
|
814
|
+
content: "•";
|
|
815
|
+
margin: 0 0.8rem 0 0;
|
|
816
|
+
}
|
|
800
817
|
`;
|
|
801
|
-
|
|
818
|
+
b([
|
|
802
819
|
h()
|
|
803
820
|
], f.prototype, "type", 2);
|
|
804
|
-
|
|
821
|
+
b([
|
|
805
822
|
h({ reflect: !0 })
|
|
806
823
|
], f.prototype, "value", 2);
|
|
807
|
-
|
|
824
|
+
b([
|
|
808
825
|
h({ reflect: !0 })
|
|
809
826
|
], f.prototype, "variant", 2);
|
|
810
|
-
|
|
827
|
+
b([
|
|
811
828
|
h({ type: String })
|
|
812
829
|
], f.prototype, "customclass", 2);
|
|
813
|
-
|
|
830
|
+
b([
|
|
831
|
+
h({ type: String })
|
|
832
|
+
], f.prototype, "text", 2);
|
|
833
|
+
b([
|
|
834
|
+
h({ type: String })
|
|
835
|
+
], f.prototype, "textsecond", 2);
|
|
836
|
+
b([
|
|
814
837
|
h({
|
|
815
838
|
converter: {
|
|
816
839
|
fromAttribute: (i) => i === "" || i === "true"
|
|
817
840
|
}
|
|
818
841
|
})
|
|
819
842
|
], f.prototype, "disabled", 2);
|
|
820
|
-
|
|
843
|
+
b([
|
|
821
844
|
h()
|
|
822
845
|
], f.prototype, "href", 2);
|
|
823
|
-
|
|
846
|
+
b([
|
|
824
847
|
h()
|
|
825
848
|
], f.prototype, "target", 2);
|
|
826
|
-
f =
|
|
849
|
+
f = b([
|
|
827
850
|
V("o-button")
|
|
828
851
|
], f);
|
|
829
852
|
/**
|
|
@@ -919,7 +942,7 @@ var ge = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, X = (i, t,
|
|
|
919
942
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
920
943
|
return s && r && ge(t, e, r), r;
|
|
921
944
|
};
|
|
922
|
-
let U = class extends
|
|
945
|
+
let U = class extends y {
|
|
923
946
|
constructor() {
|
|
924
947
|
super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist";
|
|
925
948
|
}
|
|
@@ -928,7 +951,7 @@ let U = class extends $ {
|
|
|
928
951
|
"<svg",
|
|
929
952
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
930
953
|
);
|
|
931
|
-
return
|
|
954
|
+
return u`
|
|
932
955
|
<button
|
|
933
956
|
type="button"
|
|
934
957
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -1026,12 +1049,12 @@ X([
|
|
|
1026
1049
|
U = X([
|
|
1027
1050
|
V("o-wishlist-button")
|
|
1028
1051
|
], U);
|
|
1029
|
-
var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor,
|
|
1052
|
+
var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor, A = (i, t, e, s) => {
|
|
1030
1053
|
for (var r = s > 1 ? void 0 : s ? be(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
1031
1054
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1032
1055
|
return s && r && ve(t, e, r), r;
|
|
1033
1056
|
};
|
|
1034
|
-
let v = class extends
|
|
1057
|
+
let v = class extends y {
|
|
1035
1058
|
constructor() {
|
|
1036
1059
|
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
|
|
1037
1060
|
}
|
|
@@ -1043,12 +1066,12 @@ let v = class extends $ {
|
|
|
1043
1066
|
"<svg",
|
|
1044
1067
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
1045
1068
|
);
|
|
1046
|
-
return
|
|
1047
|
-
${this.type === "span" ?
|
|
1069
|
+
return u`
|
|
1070
|
+
${this.type === "span" ? u`
|
|
1048
1071
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
1049
1072
|
${K(e)}
|
|
1050
1073
|
</span>
|
|
1051
|
-
` :
|
|
1074
|
+
` : u`
|
|
1052
1075
|
<button
|
|
1053
1076
|
type="button"
|
|
1054
1077
|
aria-label="icon"
|
|
@@ -1219,28 +1242,28 @@ v.styles = O`
|
|
|
1219
1242
|
|
|
1220
1243
|
}
|
|
1221
1244
|
`;
|
|
1222
|
-
|
|
1245
|
+
A([
|
|
1223
1246
|
h({ type: String, reflect: !0 })
|
|
1224
1247
|
], v.prototype, "bgstyle", 2);
|
|
1225
|
-
|
|
1248
|
+
A([
|
|
1226
1249
|
h({ type: String, reflect: !0 })
|
|
1227
1250
|
], v.prototype, "size", 2);
|
|
1228
|
-
|
|
1251
|
+
A([
|
|
1229
1252
|
h({ type: String, reflect: !0 })
|
|
1230
1253
|
], v.prototype, "status", 2);
|
|
1231
|
-
|
|
1254
|
+
A([
|
|
1232
1255
|
h({ type: String, reflect: !0 })
|
|
1233
1256
|
], v.prototype, "type", 2);
|
|
1234
|
-
|
|
1257
|
+
A([
|
|
1235
1258
|
h({ type: String })
|
|
1236
1259
|
], v.prototype, "strokewidth", 2);
|
|
1237
|
-
|
|
1260
|
+
A([
|
|
1238
1261
|
h({ type: String })
|
|
1239
1262
|
], v.prototype, "icon", 2);
|
|
1240
|
-
|
|
1263
|
+
A([
|
|
1241
1264
|
h({ type: Boolean, reflect: !0 })
|
|
1242
1265
|
], v.prototype, "disabled", 2);
|
|
1243
|
-
v =
|
|
1266
|
+
v = A([
|
|
1244
1267
|
V("o-icon-button")
|
|
1245
1268
|
], v);
|
|
1246
1269
|
var $e = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (i, t, e, s) => {
|
|
@@ -1248,14 +1271,14 @@ var $e = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (i, t,
|
|
|
1248
1271
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1249
1272
|
return s && r && $e(t, e, r), r;
|
|
1250
1273
|
};
|
|
1251
|
-
let
|
|
1274
|
+
let m = class extends y {
|
|
1252
1275
|
constructor() {
|
|
1253
1276
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
1254
1277
|
}
|
|
1255
1278
|
render() {
|
|
1256
|
-
return
|
|
1279
|
+
return u`
|
|
1257
1280
|
<a href="${this.href}" target="${this.target}">
|
|
1258
|
-
${this.endIcon && this.reverseEndIcon ?
|
|
1281
|
+
${this.endIcon && this.reverseEndIcon ? u`
|
|
1259
1282
|
<o-icon-button
|
|
1260
1283
|
icon="chevronLeft"
|
|
1261
1284
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
@@ -1265,7 +1288,7 @@ let y = class extends $ {
|
|
|
1265
1288
|
></o-icon-button>
|
|
1266
1289
|
` : null}
|
|
1267
1290
|
<span class="link-text"><slot></slot></span>
|
|
1268
|
-
${this.endIcon && !this.reverseEndIcon ?
|
|
1291
|
+
${this.endIcon && !this.reverseEndIcon ? u`
|
|
1269
1292
|
<o-icon-button
|
|
1270
1293
|
icon="chevronRight"
|
|
1271
1294
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
@@ -1278,7 +1301,7 @@ let y = class extends $ {
|
|
|
1278
1301
|
`;
|
|
1279
1302
|
}
|
|
1280
1303
|
};
|
|
1281
|
-
|
|
1304
|
+
m.styles = O`
|
|
1282
1305
|
:host([template="standard"]) a {
|
|
1283
1306
|
color: var(--color-content-action-secondary);
|
|
1284
1307
|
font-size: var(--font-size-200);
|
|
@@ -1378,31 +1401,31 @@ y.styles = O`
|
|
|
1378
1401
|
`;
|
|
1379
1402
|
H([
|
|
1380
1403
|
h({ type: String })
|
|
1381
|
-
],
|
|
1404
|
+
], m.prototype, "href", 2);
|
|
1382
1405
|
H([
|
|
1383
1406
|
h({ type: String })
|
|
1384
|
-
],
|
|
1407
|
+
], m.prototype, "target", 2);
|
|
1385
1408
|
H([
|
|
1386
1409
|
h({ type: String, reflect: !0 })
|
|
1387
|
-
],
|
|
1410
|
+
], m.prototype, "template", 2);
|
|
1388
1411
|
H([
|
|
1389
1412
|
h({ type: Boolean, reflect: !0 })
|
|
1390
|
-
],
|
|
1413
|
+
], m.prototype, "inverse", 2);
|
|
1391
1414
|
H([
|
|
1392
1415
|
h({ type: Boolean, reflect: !0 })
|
|
1393
|
-
],
|
|
1416
|
+
], m.prototype, "endIcon", 2);
|
|
1394
1417
|
H([
|
|
1395
1418
|
h({ type: Boolean, reflect: !0 })
|
|
1396
|
-
],
|
|
1397
|
-
|
|
1419
|
+
], m.prototype, "reverseEndIcon", 2);
|
|
1420
|
+
m = H([
|
|
1398
1421
|
V("o-link")
|
|
1399
|
-
],
|
|
1422
|
+
], m);
|
|
1400
1423
|
var me = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, G = (i, t, e, s) => {
|
|
1401
1424
|
for (var r = s > 1 ? void 0 : s ? _e(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
1402
1425
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
1403
1426
|
return s && r && me(t, e, r), r;
|
|
1404
1427
|
};
|
|
1405
|
-
let B = class extends
|
|
1428
|
+
let B = class extends y {
|
|
1406
1429
|
constructor() {
|
|
1407
1430
|
super(...arguments), this.rating = 0;
|
|
1408
1431
|
}
|
|
@@ -1417,14 +1440,14 @@ let B = class extends $ {
|
|
|
1417
1440
|
}
|
|
1418
1441
|
render() {
|
|
1419
1442
|
const i = this.getStarKeys();
|
|
1420
|
-
return
|
|
1443
|
+
return u`
|
|
1421
1444
|
<div class="rating">
|
|
1422
1445
|
<div class="stars">
|
|
1423
1446
|
${i.map(
|
|
1424
|
-
(t) =>
|
|
1447
|
+
(t) => u`<span class="star">${K(ct[t] ?? "")}</span>`
|
|
1425
1448
|
)}
|
|
1426
1449
|
</div>
|
|
1427
|
-
${this.reviewCount != null && this.href != null ?
|
|
1450
|
+
${this.reviewCount != null && this.href != null ? u`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
|
|
1428
1451
|
</div>
|
|
1429
1452
|
`;
|
|
1430
1453
|
}
|