@florid-kit/components 0.3.8 → 0.3.11
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/rating.d.ts +15 -0
- package/index.js +95 -34
- package/index.mjs +296 -192
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
export declare class OccitaneRating extends LitElement {
|
|
4
|
+
rating: number;
|
|
5
|
+
reviewCount?: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
static styles: import('lit').CSSResult;
|
|
8
|
+
private getStarKeys;
|
|
9
|
+
protected render(): import('lit').TemplateResult<1>;
|
|
10
|
+
}
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
"o-rating": OccitaneRating;
|
|
14
|
+
}
|
|
15
|
+
}
|
package/index.js
CHANGED
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
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 At=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 xt=i=>new At(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 At(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 xt(e)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Ot,defineProperty:Ht,getOwnPropertyDescriptor:kt,getOwnPropertyNames:Mt,getOwnPropertySymbols:Ut,getPrototypeOf:Bt}=Object,w=globalThis,ut=w.trustedTypes,Tt=ut?ut.emptyScript:"",Q=w.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")),w.litPropertyMetadata??(w.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}),(w.reactiveElementVersions??(w.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g")
|
|
13
|
+
*/const z=globalThis,W=z.trustedTypes,ft=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,Et="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+_,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
|
+
\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}),g=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,u,c=-1,b=0;for(;b<a.length&&(o.lastIndex=b,u=o.exec(a),u!==null);)b=o.lastIndex,o===T?u[1]==="!--"?o=vt:u[1]!==void 0?o=bt:u[2]!==void 0?(Lt.test(u[2])&&(r=RegExp("</"+u[2],"g")),o=E):u[3]!==void 0&&(o=E):o===E?u[0]===">"?(o=r??T,c=-1):u[1]===void 0?c=-2:(c=o.lastIndex-u[2].length,p=u[1],o=u[3]===void 0?E:u[3]==='"'?yt:$t):o===yt||o===$t?o=E:o===vt||o===bt?o=T:(o=E,r=void 0);const m=o===E&&i[l+1].startsWith("/>")?" ":"";n+=o===T?a+It:c>=0?(s.push(p),a.slice(0,c)+Et+a.slice(c)+_+m):a+_+(c===-2?l:m)}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,u]=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 b=u[o++],m=r.getAttribute(c).split(_),Z=/([.?@])?(.*)/.exec(b);a.push({type:1,index:n,name:Z[2],strings:m,ctor:Z[1]==="."?jt:Z[1]==="?"?Vt:Z[1]==="@"?Zt:J}),r.removeAttribute(c)}else c.startsWith(_)&&(a.push({type:6,index:n}),r.removeAttribute(c));if(Lt.test(r.tagName)){const c=r.textContent.split(_),b=c.length-1;if(b>0){r.textContent=W?W.emptyScript:"";for(let m=0;m<b;m++)r.append(c[m],N()),S.nextNode(),a.push({type:2,index:++n});r.append(c[b],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(_,c+1))!==-1;)a.push({type:7,index:n}),c+=_.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
|
|
19
|
+
*/const L=globalThis;let $=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;$._$litElement$=!0,$.finalized=!0,(wt=L.litElementHydrateSupport)==null||wt.call(L,{LitElement:$});const et=L.litElementPolyfillSupport;et==null||et({LitElement:$});(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
|
|
23
|
-
*/const
|
|
23
|
+
*/const V=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Wt={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:
|
|
27
|
+
*/const Wt={attribute:!0,type:String,converter:q,reflect:!1,hasChanged:at},Kt=(i=Wt,t,e)=>{const{kind:s,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(o,a,i)},init(l){return l!==void 0&&this.C(o,void 0,i,l),l}}}if(s==="setter"){const{name:o}=e;return function(l){const a=this[o];t.call(this,l),this.requestUpdate(o,a,i)}}throw Error("Unsupported decorator location: "+s)};function h(i){return(t,e)=>typeof e=="object"?Kt(i,t,e):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,t,e)}const Jt=O`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
31
|
-
`;
|
|
31
|
+
`;O`
|
|
32
32
|
:host * {
|
|
33
33
|
box-sizing: border-box;
|
|
34
34
|
}
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2023 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
-
*/const
|
|
39
|
+
*/const ht=Symbol("internals"),st=Symbol("privateInternals");function Xt(i){var t;class e extends i{get[(t=ht,t)](){return this[st]||(this[st]=this.attachInternals()),this[st]}}return e}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function
|
|
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,A=(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($),_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,15 +53,15 @@
|
|
|
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
|
|
56
|
+
`;return xt(t)},ee=["primary","secondary"];let f=class extends te{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.customclass="",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 g`${i}`}renderLink(){return g`<a href=${this.href} target=${this.target||d} class="button" ?disabled=${this.disabled}>
|
|
57
57
|
<slot />
|
|
58
58
|
</a>`}renderButton(){return g`<button class="button" ?disabled=${this.disabled}>
|
|
59
59
|
<slot />
|
|
60
|
-
</button>`}};
|
|
60
|
+
</button>`}};Gt(f);f.formAssociated=!0;f.styles=O`
|
|
61
61
|
:host {
|
|
62
62
|
display: inline-flex;
|
|
63
63
|
cursor: pointer;
|
|
64
|
-
${
|
|
64
|
+
${_t("primary")};
|
|
65
65
|
--button-border: transparent;
|
|
66
66
|
}
|
|
67
67
|
|
|
@@ -70,10 +70,10 @@
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
:host([variant="secondary"]) {
|
|
73
|
-
${
|
|
73
|
+
${_t("secondary")};
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
:host([disabled]) {
|
|
76
|
+
:host([disabled]), :host([aria-disabled="true"]), :host([aria-disabled="true"]):hover {
|
|
77
77
|
--button-bg: var(--button-bg-disabled);
|
|
78
78
|
--button-text: var(--button-text-disabled);
|
|
79
79
|
--button-border: transparent;
|
|
@@ -85,6 +85,12 @@
|
|
|
85
85
|
--button-border: var(--button-border);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
+
:host([aria-disabled="true"]) button:hover {
|
|
89
|
+
background-color: var(--button-bg-disabled);
|
|
90
|
+
color: var(--button-text-disabled);
|
|
91
|
+
border-color: transparent;
|
|
92
|
+
}
|
|
93
|
+
|
|
88
94
|
.button {
|
|
89
95
|
-webkit-appearance: none;
|
|
90
96
|
align-items: center;
|
|
@@ -131,33 +137,48 @@
|
|
|
131
137
|
}
|
|
132
138
|
|
|
133
139
|
.button:focus-visible {
|
|
134
|
-
${
|
|
140
|
+
${Jt};
|
|
135
141
|
}
|
|
136
|
-
`;A([h()],f.prototype,"type",2);A([h({reflect:!0})],f.prototype,"value",2);A([h({reflect:!0})],f.prototype,"variant",2);A([h({type:String})],f.prototype,"customclass",2);A([h({converter:{fromAttribute:i=>i===""||i==="true"}})],f.prototype,"disabled",2);A([h()],f.prototype,"href",2);A([h()],f.prototype,"target",2);f=A([
|
|
142
|
+
`;A([h()],f.prototype,"type",2);A([h({reflect:!0})],f.prototype,"value",2);A([h({reflect:!0})],f.prototype,"variant",2);A([h({type:String})],f.prototype,"customclass",2);A([h({converter:{fromAttribute:i=>i===""||i==="true"}})],f.prototype,"disabled",2);A([h()],f.prototype,"href",2);A([h()],f.prototype,"target",2);f=A([V("o-button")],f);/**
|
|
137
143
|
* @license
|
|
138
144
|
* Copyright 2017 Google LLC
|
|
139
145
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
140
|
-
*/const
|
|
146
|
+
*/const se={CHILD:2},re=i=>(...t)=>({_$litDirective$:i,values:t});class ie{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
141
147
|
* @license
|
|
142
148
|
* Copyright 2017 Google LLC
|
|
143
149
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
144
|
-
*/class
|
|
150
|
+
*/class rt extends ie{constructor(t){if(super(t),this.it=d,t.type!==se.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===P)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:[]}}}rt.directiveName="unsafeHTML",rt.resultType=1;/**
|
|
145
151
|
* @license
|
|
146
152
|
* Copyright 2017 Google LLC
|
|
147
153
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
148
|
-
*/class
|
|
154
|
+
*/class it extends rt{}it.directiveName="unsafeSVG",it.resultType=2;const K=re(it),oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
149
155
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
150
156
|
</svg>
|
|
151
|
-
`,
|
|
157
|
+
`,ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
152
158
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
153
159
|
</svg>
|
|
154
|
-
`,
|
|
160
|
+
`,ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
155
161
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
156
162
|
</svg>
|
|
157
|
-
`,
|
|
163
|
+
`,le=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
158
164
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
159
165
|
</svg>
|
|
160
|
-
`,
|
|
166
|
+
`,he=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
167
|
+
<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.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
168
|
+
</svg>
|
|
169
|
+
`,ce=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
170
|
+
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
171
|
+
</svg>
|
|
172
|
+
`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
173
|
+
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
174
|
+
</svg>
|
|
175
|
+
`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
176
|
+
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
177
|
+
</svg>
|
|
178
|
+
`,ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
179
|
+
<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
|
+
</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 ${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 g`
|
|
161
182
|
<button
|
|
162
183
|
type="button"
|
|
163
184
|
aria-label="${this.label}"
|
|
@@ -167,9 +188,9 @@
|
|
|
167
188
|
@click="${this.toggleStatus}"
|
|
168
189
|
>
|
|
169
190
|
<span class="sr-only">${this.label}</span>
|
|
170
|
-
${
|
|
191
|
+
${K(i)}
|
|
171
192
|
</button>
|
|
172
|
-
`}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};
|
|
193
|
+
`}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};U.styles=O`
|
|
173
194
|
:host {
|
|
174
195
|
display: inline-flex;
|
|
175
196
|
justify-content: center;
|
|
@@ -223,10 +244,10 @@
|
|
|
223
244
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
224
245
|
fill: var(--color-alpha-light-strong);
|
|
225
246
|
}
|
|
226
|
-
`;
|
|
247
|
+
`;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,x=(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 ${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 g`
|
|
227
248
|
${this.type==="span"?g`
|
|
228
249
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
229
|
-
${
|
|
250
|
+
${K(e)}
|
|
230
251
|
</span>
|
|
231
252
|
`:g`
|
|
232
253
|
<button
|
|
@@ -235,10 +256,10 @@
|
|
|
235
256
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
236
257
|
?disabled="${this.disabled}"
|
|
237
258
|
>
|
|
238
|
-
${
|
|
259
|
+
${K(e)}
|
|
239
260
|
</button>
|
|
240
261
|
`}
|
|
241
|
-
`}};
|
|
262
|
+
`}};v.styles=O`
|
|
242
263
|
:host {
|
|
243
264
|
display: inline-flex;
|
|
244
265
|
justify-content: center;
|
|
@@ -395,7 +416,7 @@
|
|
|
395
416
|
}
|
|
396
417
|
|
|
397
418
|
}
|
|
398
|
-
`;x([h({type:String,reflect:!0})],
|
|
419
|
+
`;x([h({type:String,reflect:!0})],v.prototype,"bgstyle",2);x([h({type:String,reflect:!0})],v.prototype,"size",2);x([h({type:String,reflect:!0})],v.prototype,"status",2);x([h({type:String,reflect:!0})],v.prototype,"type",2);x([h({type:String})],v.prototype,"strokewidth",2);x([h({type:String})],v.prototype,"icon",2);x([h({type:Boolean,reflect:!0})],v.prototype,"disabled",2);v=x([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 y=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return g`
|
|
399
420
|
<a href="${this.href}" target="${this.target}">
|
|
400
421
|
${this.endIcon&&this.reverseEndIcon?g`
|
|
401
422
|
<o-icon-button
|
|
@@ -417,7 +438,7 @@
|
|
|
417
438
|
></o-icon-button>
|
|
418
439
|
`:null}
|
|
419
440
|
</a>
|
|
420
|
-
`}}
|
|
441
|
+
`}};y.styles=O`
|
|
421
442
|
:host([template="standard"]) a {
|
|
422
443
|
color: var(--color-content-action-secondary);
|
|
423
444
|
font-size: var(--font-size-200);
|
|
@@ -514,4 +535,44 @@
|
|
|
514
535
|
opacity: 0;
|
|
515
536
|
}
|
|
516
537
|
/* End of underline effect */
|
|
517
|
-
`;
|
|
538
|
+
`;H([h({type:String})],y.prototype,"href",2);H([h({type:String})],y.prototype,"target",2);H([h({type:String,reflect:!0})],y.prototype,"template",2);H([h({type:Boolean,reflect:!0})],y.prototype,"inverse",2);H([h({type:Boolean,reflect:!0})],y.prototype,"endIcon",2);H([h({type:Boolean,reflect:!0})],y.prototype,"reverseEndIcon",2);y=H([V("o-link")],y);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 ${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 g`
|
|
539
|
+
<div class="rating">
|
|
540
|
+
<div class="stars">
|
|
541
|
+
${i.map(t=>g`<span class="star">${K(ct[t]??"")}</span>`)}
|
|
542
|
+
</div>
|
|
543
|
+
${this.reviewCount!=null&&this.href!=null?g`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
544
|
+
</div>
|
|
545
|
+
`}};B.styles=O`
|
|
546
|
+
svg {
|
|
547
|
+
width: 12px;
|
|
548
|
+
height: 12px;
|
|
549
|
+
}
|
|
550
|
+
.rating {
|
|
551
|
+
display: flex;
|
|
552
|
+
align-items: center;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
.stars {
|
|
556
|
+
display: flex;
|
|
557
|
+
gap: 2px;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.star {
|
|
561
|
+
display: block;
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
o-link {
|
|
565
|
+
margin-left: 6px;
|
|
566
|
+
font-family: var(--font-family-loccitane-sans);
|
|
567
|
+
font-weight: var(--font-weight-500);
|
|
568
|
+
font-size: var(--font-size-100);
|
|
569
|
+
line-height: var(--line-height-160);
|
|
570
|
+
letter-spacing: var(--letter-spacing-400);
|
|
571
|
+
color: var(--color-content-action-secondary);
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.review-link {
|
|
575
|
+
text-decoration: underline;
|
|
576
|
+
cursor: pointer;
|
|
577
|
+
}
|
|
578
|
+
`;G([h({type:Number})],B.prototype,"rating",2);G([h({type:String})],B.prototype,"reviewCount",2);G([h({type:String})],B.prototype,"href",2);B=G([V("o-rating")],B);
|