@florid-kit/components 0.3.16 → 0.3.18
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 +83 -56
- package/index.mjs +348 -319
- package/package.json +1 -1
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 W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,
|
|
5
|
+
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==lt)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(at&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=o=>new At(typeof o=="string"?o:o+"",void 0,lt),E=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((s,n,i)=>s+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+o[i+1],o[0]);return new At(e,o,lt)},Bt=(o,t)=>{if(at)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),n=W.litNonce;n!==void 0&&s.setAttribute("nonce",n),s.textContent=e.cssText,o.appendChild(s)}},ft=at?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Pt(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:kt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:
|
|
9
|
+
*/const{is:kt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:zt}=Object,S=globalThis,gt=S.trustedTypes,Ut=gt?gt.emptyScript:"",tt=S.reactiveElementPolyfillSupport,N=(o,t)=>o,G={toAttribute(o,t){switch(t){case Boolean:o=o?Ut:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},ct=(o,t)=>!kt(o,t),vt={attribute:!0,type:String,converter:G,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let M=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=vt){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(),n=this.getPropertyDescriptor(t,s,e);n!==void 0&&Ot(this.prototype,t,n)}}static getPropertyDescriptor(t,e,s){const{get:n,set:i}=Ht(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:n,set(r){const c=n==null?void 0:n.call(this);i==null||i.call(this,r),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,s=[...Mt(e),...It(e)];for(const n of s)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,n]of e)this.elementProperties.set(s,n)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const n=this._$Eu(e,s);n!==void 0&&this._$Eh.set(n,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 n of s)e.unshift(ft(n))}else t!==void 0&&e.push(ft(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 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 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 i;const s=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,s);if(n!==void 0&&s.reflect===!0){const r=(((i=s.converter)==null?void 0:i.toAttribute)!==void 0?s.converter:G).toAttribute(e,s.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){var i,r;const s=this.constructor,n=s._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const c=s.getPropertyOptions(n),a=typeof c.converter=="function"?{fromAttribute:c.converter}:((i=c.converter)==null?void 0:i.fromAttribute)!==void 0?c.converter:G;this._$Em=n,this[n]=a.fromAttribute(e,c.type)??((r=this._$Ej)==null?void 0:r.get(n))??null,this._$Em=null}}requestUpdate(t,e,s){var n;if(t!==void 0){const i=this.constructor,r=this[t];if(s??(s=i.getPropertyOptions(t)),!((s.hasChanged??ct)(r,e)||s.useDefault&&s.reflect&&r===((n=this._$Ej)==null?void 0:n.get(t))&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:n,wrapped:i},r){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),i!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),n===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[i,r]of n){const{wrapped:c}=r,a=this[i];c!==!0||this._$AL.has(i)||a===void 0||this.C(i,void 0,r,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.call(n)}),this.update(e)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var n;return(n=s.hostUpdated)==null?void 0:n.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){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const j=globalThis,
|
|
13
|
+
*/const j=globalThis,K=j.trustedTypes,bt=K?K.createPolicy("lit-html",{createHTML:o=>o}):void 0,St="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Et="?"+A,Tt=`<${Et}>`,k=document,R=()=>k.createComment(""),F=o=>o===null||typeof o!="object"&&typeof o!="function",ht=Array.isArray,Dt=o=>ht(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",et=`[
|
|
14
14
|
\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,$t=/>/g,L=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),p=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=k.createTreeWalker(k,129);function Lt(o,t){if(!ht(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(o,t)=>{const e=o.length-1,s=[];let n,i=t===2?"<svg>":t===3?"<math>":"",r=D;for(let c=0;c<e;c++){const a=o[c];let f,g,d=-1,w=0;for(;w<a.length&&(r.lastIndex=w,g=r.exec(a),g!==null);)w=r.lastIndex,r===D?g[1]==="!--"?r=yt:g[1]!==void 0?r=$t:g[2]!==void 0?(Ct.test(g[2])&&(n=RegExp("</"+g[2],"g")),r=L):g[3]!==void 0&&(r=L):r===L?g[0]===">"?(r=n??D,d=-1):g[1]===void 0?d=-2:(d=r.lastIndex-g[2].length,f=g[1],r=g[3]===void 0?L:g[3]==='"'?wt:mt):r===wt||r===mt?r=L:r===yt||r===$t?r=D:(r=L,n=void 0);const x=r===L&&o[c+1].startsWith("/>")?" ":"";i+=r===D?a+Tt:d>=0?(s.push(f),a.slice(0,d)+St+a.slice(d)+A+x):a+A+(d===-2?c:x)}return[Lt(o,i+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class V{constructor({strings:t,_$litType$:e},s){let n;this.parts=[];let i=0,r=0;const c=t.length-1,a=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,s),P.currentNode=this.el.content,e===2||e===3){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(n=P.nextNode())!==null&&a.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(const d of n.getAttributeNames())if(d.endsWith(St)){const w=g[r++],x=n.getAttribute(d).split(A),q=/([.?@])?(.*)/.exec(w);a.push({type:1,index:i,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:J}),n.removeAttribute(d)}else d.startsWith(A)&&(a.push({type:6,index:i}),n.removeAttribute(d));if(Ct.test(n.tagName)){const d=n.textContent.split(A),w=d.length-1;if(w>0){n.textContent=K?K.emptyScript:"";for(let x=0;x<w;x++)n.append(d[x],R()),P.nextNode(),a.push({type:2,index:++i});n.append(d[w],R())}}}else if(n.nodeType===8)if(n.data===Et)a.push({type:2,index:i});else{let d=-1;for(;(d=n.data.indexOf(A,d+1))!==-1;)a.push({type:7,index:i}),d+=A.length-1}i++}}static createElement(t,e){const s=k.createElement("template");return s.innerHTML=t,s}}function I(o,t,e=o,s){var r,c;if(t===O)return t;let n=s!==void 0?(r=e._$Co)==null?void 0:r[s]:e._$Cl;const i=F(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==i&&((c=n==null?void 0:n._$AO)==null||c.call(n,!1),i===void 0?n=void 0:(n=new i(o),n._$AT(o,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=n:e._$Cl=n),n!==void 0&&(t=I(o,n._$AS(o,t.values),n,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,n=((t==null?void 0:t.creationScope)??k).importNode(e,!0);P.currentNode=n;let i=P.nextNode(),r=0,c=0,a=s[0];for(;a!==void 0;){if(r===a.index){let f;a.type===2?f=new Z(i,i.nextSibling,this,t):a.type===1?f=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(f=new qt(i,this,t)),this._$AV.push(f),a=s[++c]}r!==(a==null?void 0:a.index)&&(i=P.nextNode(),r++)}return P.currentNode=k,n}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 Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,n){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:s}=t,n=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=V.createElement(Lt(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)==null?void 0:i._$AD)===n)this._$AH.p(e);else{const r=new Rt(n,this),c=r.u(this.options);r.p(e),this.T(c),this._$AH=r}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,n=0;for(const i of t)n===e.length?e.push(s=new Z(this.O(R()),this.O(R()),this,this.options)):s=e[n],s._$AI(i),n++;n<e.length&&(this._$AR(s&&s._$AB.nextSibling,n),e.length=n)}_$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 n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class J{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,n,i){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,n){const i=this.strings;let r=!1;if(i===void 0)t=I(this,t,e,0),r=!F(t)||t!==this._$AH&&t!==O,r&&(this._$AH=t);else{const c=t;let a,f;for(t=i[0],a=0;a<i.length-1;a++)f=I(this,c[s+a],e,a),f===O&&(f=this._$AH[a]),r||(r=!F(f)||f!==this._$AH[a]),f===h?t=h:t!==h&&(t+=(f??"")+i[a+1]),this._$AH[a]=f}r&&!n&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends J{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends J{constructor(t,e,s,n,i){super(t,e,s,n,i),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const s=this._$AH,n=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==h&&(s===h||n);n&&this.element.removeEventListener(this.name,this,s),i&&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 qt{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){I(this,t)}}const st=j.litHtmlPolyfillSupport;st==null||st(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(o,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let n=s._$litPart$;if(n===void 0){const i=(e==null?void 0:e.renderBefore)??null;s._$litPart$=n=new Z(t.insertBefore(R(),i),i,void 0,e??{})}return n._$AI(o),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const B=globalThis;let $=class extends M{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=Wt(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 O}};var xt;$._$litElement$=!0,$.finalized=!0,(xt=B.litElementHydrateSupport)==null||xt.call(B,{LitElement:$});const
|
|
19
|
+
*/const B=globalThis;let $=class extends M{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=Wt(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 O}};var xt;$._$litElement$=!0,$.finalized=!0,(xt=B.litElementHydrateSupport)==null||xt.call(B,{LitElement:$});const nt=B.litElementPolyfillSupport;nt==null||nt({LitElement:$});(B.litElementVersions??(B.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 T=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Gt={attribute:!0,type:String,converter:G,reflect:!1,hasChanged:ct},Kt=(o=Gt,t,e)=>{const{kind:s,metadata:n}=e;let i=globalThis.litPropertyMetadata.get(n);if(i===void 0&&globalThis.litPropertyMetadata.set(n,i=new Map),s==="setter"&&((o=Object.create(o)).wrapped=!0),i.set(e.name,o),s==="accessor"){const{name:r}=e;return{set(c){const a=t.get.call(this);t.set.call(this,c),this.requestUpdate(r,a,o)},init(c){return c!==void 0&&this.C(r,void 0,o,c),c}}}if(s==="setter"){const{name:r}=e;return function(c){const a=this[r];t.call(this,c),this.requestUpdate(r,a,o)}}throw Error("Unsupported decorator location: "+s)};function l(o){return(t,e)=>typeof e=="object"?Kt(o,t,e):((s,n,i)=>{const r=n.hasOwnProperty(i);return n.constructor.createProperty(i,s),r?Object.getOwnPropertyDescriptor(n,i):void 0})(o,t,e)}const Xt=E`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
31
|
-
`;
|
|
31
|
+
`;E`
|
|
32
32
|
:host * {
|
|
33
33
|
box-sizing: border-box;
|
|
34
34
|
}
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2023 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
-
*/const
|
|
39
|
+
*/const pt=Symbol("internals"),ot=Symbol("privateInternals");function Jt(o){var t;class e extends o{get[(t=pt,t)](){return this[ot]||(this[ot]=this.attachInternals()),this[ot]}}return e}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Qt(
|
|
43
|
+
*/function Qt(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:n,[pt]:i}=e,{form:r}=i;if(!(!r||n==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(n==="reset"){r.reset();return}r.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),i.setFormValue(e.value),r.requestSubmit()}})})}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/const Yt={CHILD:2},te=
|
|
47
|
+
*/const Yt={CHILD:2},te=o=>(...t)=>({_$litDirective$:o,values:t});class ee{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)}}/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -52,13 +52,13 @@
|
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/class it extends rt{}it.directiveName="unsafeSVG",it.resultType=2;const
|
|
55
|
+
*/class it extends rt{}it.directiveName="unsafeSVG",it.resultType=2;const X=te(it),se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<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"/>
|
|
57
57
|
</svg>
|
|
58
|
-
`,
|
|
58
|
+
`,ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
59
59
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
60
60
|
</svg>
|
|
61
|
-
`,
|
|
61
|
+
`,oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<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"/>
|
|
63
63
|
</svg>
|
|
64
64
|
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -79,29 +79,48 @@
|
|
|
79
79
|
`,he=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
80
80
|
<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"/>
|
|
81
81
|
</svg>
|
|
82
|
-
`,
|
|
82
|
+
`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
83
83
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
84
84
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
85
85
|
</svg>
|
|
86
|
-
`,
|
|
86
|
+
`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
87
87
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
88
88
|
</svg>
|
|
89
|
-
`,
|
|
90
|
-
|
|
89
|
+
`,ue=`<?xml version="1.0" encoding="utf-8"?>
|
|
90
|
+
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
91
|
+
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
92
|
+
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
93
|
+
<style type="text/css">
|
|
94
|
+
.st0{fill:#001022;}
|
|
95
|
+
</style>
|
|
96
|
+
<path class="st0" d="M27.3,19.3h-6.7v-6.7c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v6.7h-6.7c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7
|
|
97
|
+
h6.7v6.7c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7v-6.7h6.7c0.4,0,0.7-0.3,0.7-0.7S27.7,19.3,27.3,19.3z"/>
|
|
98
|
+
</svg>
|
|
99
|
+
`,fe=`<?xml version="1.0" encoding="utf-8"?>
|
|
100
|
+
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
101
|
+
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
102
|
+
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
103
|
+
<style type="text/css">
|
|
104
|
+
.st0{fill:#001022;}
|
|
105
|
+
</style>
|
|
106
|
+
<path class="st0" d="M27.3,20.7H12.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h14.7c0.4,0,0.7,0.3,0.7,0.7S27.7,20.7,27.3,20.7z"/>
|
|
107
|
+
</svg>
|
|
108
|
+
`,dt={wishlist:se,playerv:ne,chevronRight:oe,chevronLeft:re,icoPlus:ue,icoMinus:fe,"star-0":ie,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:pe,search:de};var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,C=(o,t,e,s)=>{for(var n=s>1?void 0:s?ve(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&ge(t,e,n),n};let m=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(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=dt[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return p`
|
|
109
|
+
${this.type==="span"?p`
|
|
91
110
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
92
|
-
${
|
|
111
|
+
${X(e)}
|
|
93
112
|
</span>
|
|
94
|
-
`:
|
|
113
|
+
`:p`
|
|
95
114
|
<button
|
|
96
115
|
type="button"
|
|
97
116
|
aria-label="icon"
|
|
98
117
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
99
118
|
?disabled="${this.disabled}"
|
|
100
119
|
>
|
|
101
|
-
${
|
|
120
|
+
${X(e)}
|
|
102
121
|
</button>
|
|
103
122
|
`}
|
|
104
|
-
`}};m.styles=
|
|
123
|
+
`}};m.styles=E`
|
|
105
124
|
:host {
|
|
106
125
|
display: inline-flex;
|
|
107
126
|
justify-content: center;
|
|
@@ -258,8 +277,8 @@
|
|
|
258
277
|
}
|
|
259
278
|
|
|
260
279
|
}
|
|
261
|
-
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([
|
|
262
|
-
class=${
|
|
280
|
+
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var be=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,v=(o,t,e,s)=>{for(var n=s>1?void 0:s?ye(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&be(t,e,n),n};const $e=Jt($);let u=class extends $e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.icon="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[pt].form}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){return this.icon?p`<o-icon-button
|
|
281
|
+
class=${o==="start"?"icon-start":"icon-end"}
|
|
263
282
|
icon=${this.icon}
|
|
264
283
|
bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
|
|
265
284
|
size="${this.iconSize}"
|
|
@@ -267,16 +286,16 @@
|
|
|
267
286
|
type="span"
|
|
268
287
|
aria-hidden="true"
|
|
269
288
|
?disabled=${this.disabled}
|
|
270
|
-
></o-icon-button>`:h}renderButton(){const
|
|
289
|
+
></o-icon-button>`:h}renderButton(){const o=this.text||this.textsecond;return p`
|
|
271
290
|
<button class="button" ?disabled=${this.disabled}>
|
|
272
291
|
${this.startIcon?this.renderIcon("start"):h}
|
|
273
|
-
${
|
|
274
|
-
${this.text?
|
|
275
|
-
${this.textsecond?
|
|
276
|
-
`:
|
|
292
|
+
${o?p`
|
|
293
|
+
${this.text?p`<span>${this.text}</span>`:h}
|
|
294
|
+
${this.textsecond?p`<span>${this.textsecond}</span>`:h}
|
|
295
|
+
`:p`<slot></slot>`}
|
|
277
296
|
${this.endIcon?this.renderIcon("end"):h}
|
|
278
297
|
</button>
|
|
279
|
-
`}renderLink(){const
|
|
298
|
+
`}renderLink(){const o=this.text||this.textsecond;return p`
|
|
280
299
|
<a
|
|
281
300
|
href=${this.href}
|
|
282
301
|
target=${this.target||h}
|
|
@@ -284,13 +303,13 @@
|
|
|
284
303
|
?disabled=${this.disabled}
|
|
285
304
|
>
|
|
286
305
|
${this.startIcon?this.renderIcon("start"):h}
|
|
287
|
-
${
|
|
288
|
-
${this.text?
|
|
289
|
-
${this.textsecond?
|
|
290
|
-
`:
|
|
306
|
+
${o?p`
|
|
307
|
+
${this.text?p`<span>${this.text}</span>`:h}
|
|
308
|
+
${this.textsecond?p`<span>${this.textsecond}</span>`:h}
|
|
309
|
+
`:p`<slot></slot>`}
|
|
291
310
|
${this.endIcon?this.renderIcon("end"):h}
|
|
292
311
|
</a>
|
|
293
|
-
`}};Qt(u);u.formAssociated=!0;u.styles=
|
|
312
|
+
`}};Qt(u);u.formAssociated=!0;u.styles=E`
|
|
294
313
|
:host {
|
|
295
314
|
--button-border: transparent;
|
|
296
315
|
cursor: pointer;
|
|
@@ -298,7 +317,6 @@
|
|
|
298
317
|
}
|
|
299
318
|
|
|
300
319
|
:host([fullwidth]) {
|
|
301
|
-
display: block;
|
|
302
320
|
width: 100%;
|
|
303
321
|
}
|
|
304
322
|
|
|
@@ -361,7 +379,10 @@
|
|
|
361
379
|
color: var(--button-text);
|
|
362
380
|
border: var(--button-border-width, var(--border-m)) solid var(--button-border);
|
|
363
381
|
border-radius: var(--radius-m);
|
|
364
|
-
|
|
382
|
+
font-family: var(--font-family-loccitane-sans);
|
|
383
|
+
font-size: var(--font-size-150);
|
|
384
|
+
font-weight: var(--font-weight-400);
|
|
385
|
+
line-height: var(--line-height-200);
|
|
365
386
|
min-width: 64px;
|
|
366
387
|
padding: var(--spacing-l, 12px) var(--spacing-3-xl, 24px);
|
|
367
388
|
cursor: inherit;
|
|
@@ -385,7 +406,7 @@
|
|
|
385
406
|
}
|
|
386
407
|
|
|
387
408
|
.button:focus-visible {
|
|
388
|
-
${
|
|
409
|
+
${Xt};
|
|
389
410
|
}
|
|
390
411
|
|
|
391
412
|
span + span::before {
|
|
@@ -411,7 +432,13 @@
|
|
|
411
432
|
align-items: center;
|
|
412
433
|
margin-top: 1px;
|
|
413
434
|
}
|
|
414
|
-
|
|
435
|
+
|
|
436
|
+
.button slot {
|
|
437
|
+
margin-top: 1px;
|
|
438
|
+
display: inline-flex;
|
|
439
|
+
align-items: center;
|
|
440
|
+
}
|
|
441
|
+
`;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&me(t,e,n),n};let z=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const o=dt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return p`
|
|
415
442
|
<button
|
|
416
443
|
type="button"
|
|
417
444
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -419,9 +446,9 @@
|
|
|
419
446
|
@click="${this.handleClick}"
|
|
420
447
|
>
|
|
421
448
|
<span class="sr-only">${this.label}</span>
|
|
422
|
-
${
|
|
449
|
+
${X(o)}
|
|
423
450
|
</button>
|
|
424
|
-
`}handleClick(
|
|
451
|
+
`}handleClick(o){this.toggleStatus(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,composed:!0}))}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(o){this.status=o,this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};z.styles=E`
|
|
425
452
|
:host {
|
|
426
453
|
display: inline-flex;
|
|
427
454
|
justify-content: center;
|
|
@@ -475,9 +502,9 @@
|
|
|
475
502
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
476
503
|
fill: var(--color-alpha-light-strong);
|
|
477
504
|
}
|
|
478
|
-
`;Q([l({type:String,reflect:!0})],
|
|
505
|
+
`;Q([l({type:String,reflect:!0})],z.prototype,"status",2);Q([l({type:String,reflect:!0})],z.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],z.prototype,"label",2);z=Q([T("o-wishlist-button")],z);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var n=s>1?void 0:s?xe(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&_e(t,e,n),n};let _=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return p`
|
|
479
506
|
<a href="${this.href}" target="${this.target}">
|
|
480
|
-
${this.endIcon&&this.reverseEndIcon?
|
|
507
|
+
${this.endIcon&&this.reverseEndIcon?p`
|
|
481
508
|
<o-icon-button
|
|
482
509
|
icon="chevronLeft"
|
|
483
510
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -487,7 +514,7 @@
|
|
|
487
514
|
></o-icon-button>
|
|
488
515
|
`:null}
|
|
489
516
|
<span class="link-text"><slot></slot></span>
|
|
490
|
-
${this.endIcon&&!this.reverseEndIcon?
|
|
517
|
+
${this.endIcon&&!this.reverseEndIcon?p`
|
|
491
518
|
<o-icon-button
|
|
492
519
|
icon="chevronRight"
|
|
493
520
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
@@ -497,7 +524,7 @@
|
|
|
497
524
|
></o-icon-button>
|
|
498
525
|
`:null}
|
|
499
526
|
</a>
|
|
500
|
-
`}};_.styles=
|
|
527
|
+
`}};_.styles=E`
|
|
501
528
|
:host([template="standard"]) a {
|
|
502
529
|
color: var(--color-content-action-secondary);
|
|
503
530
|
font-size: var(--font-size-200);
|
|
@@ -584,14 +611,14 @@
|
|
|
584
611
|
height: 1px;
|
|
585
612
|
}
|
|
586
613
|
/* End of underline effect */
|
|
587
|
-
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([
|
|
614
|
+
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Se(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ae(t,e,n),n};let U=class extends ${constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];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,o.push(`star-${s}`)}return o}render(){const o=this.getStarKeys();return p`
|
|
588
615
|
<div class="rating">
|
|
589
616
|
<div class="stars">
|
|
590
|
-
${
|
|
617
|
+
${o.map(t=>p`<span class="star">${X(dt[t]??"")}</span>`)}
|
|
591
618
|
</div>
|
|
592
|
-
${this.reviewCount!=null&&this.href!=null?
|
|
619
|
+
${this.reviewCount!=null&&this.href!=null?p`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
593
620
|
</div>
|
|
594
|
-
`}};
|
|
621
|
+
`}};U.styles=E`
|
|
595
622
|
svg {
|
|
596
623
|
width: 12px;
|
|
597
624
|
height: 12px;
|
|
@@ -624,7 +651,7 @@
|
|
|
624
651
|
text-decoration: underline;
|
|
625
652
|
cursor: pointer;
|
|
626
653
|
}
|
|
627
|
-
`;Y([l({type:Number})],
|
|
654
|
+
`;Y([l({type:Number})],U.prototype,"rating",2);Y([l({type:String})],U.prototype,"reviewCount",2);Y([l({type:String})],U.prototype,"href",2);U=Y([T("o-rating")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,i=o.length-1,r;i>=0;i--)(r=o[i])&&(n=(s?r(t,e,n):r(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!0,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="First Button",this.firstButtonVariant="primary",this.secondaryButtonLabel="Second Button",this.secondaryButtonVariant="primary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return p`
|
|
628
655
|
<div class="overlay" @click=${this.closePanel}></div>
|
|
629
656
|
<div
|
|
630
657
|
class="panel"
|
|
@@ -634,7 +661,7 @@
|
|
|
634
661
|
>
|
|
635
662
|
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
636
663
|
|
|
637
|
-
${this.showHeader?
|
|
664
|
+
${this.showHeader?p`
|
|
638
665
|
<div class="header">
|
|
639
666
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
640
667
|
</div>
|
|
@@ -644,9 +671,9 @@
|
|
|
644
671
|
<slot></slot>
|
|
645
672
|
</div>
|
|
646
673
|
|
|
647
|
-
${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?
|
|
674
|
+
${this.showFooter&&this.firstButtonVariant&&this.firstButtonLabel||this.secondaryButtonVariant&&this.secondaryButtonLabel?p`
|
|
648
675
|
<div class="footer">
|
|
649
|
-
${this.firstButtonVariant&&this.firstButtonLabel?
|
|
676
|
+
${this.firstButtonVariant&&this.firstButtonLabel?p`
|
|
650
677
|
<o-button
|
|
651
678
|
customclass="full"
|
|
652
679
|
variant="${this.firstButtonVariant}"
|
|
@@ -656,7 +683,7 @@
|
|
|
656
683
|
</o-button>
|
|
657
684
|
`:null}
|
|
658
685
|
|
|
659
|
-
${this.secondaryButtonVariant&&this.secondaryButtonLabel?
|
|
686
|
+
${this.secondaryButtonVariant&&this.secondaryButtonLabel?p`
|
|
660
687
|
<o-button
|
|
661
688
|
customclass="full"
|
|
662
689
|
variant="${this.secondaryButtonVariant}"
|
|
@@ -668,7 +695,7 @@
|
|
|
668
695
|
</div>
|
|
669
696
|
`:null}
|
|
670
697
|
</div>
|
|
671
|
-
`}};b.styles=
|
|
698
|
+
`}};b.styles=E`
|
|
672
699
|
:host {
|
|
673
700
|
position: fixed;
|
|
674
701
|
top: 0;
|
|
@@ -765,4 +792,4 @@
|
|
|
765
792
|
max-width: none;
|
|
766
793
|
}
|
|
767
794
|
}
|
|
768
|
-
`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean})],b.prototype,"showHeader",2);y([l({type:Boolean})],b.prototype,"showFooter",2);y([l({type:String})],b.prototype,"headerTitle",2);y([l({type:String})],b.prototype,"closeButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String})],b.prototype,"secondaryButtonLabel",2);y([l({type:String})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([
|
|
795
|
+
`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean})],b.prototype,"showHeader",2);y([l({type:Boolean})],b.prototype,"showFooter",2);y([l({type:String})],b.prototype,"headerTitle",2);y([l({type:String})],b.prototype,"closeButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String})],b.prototype,"secondaryButtonLabel",2);y([l({type:String})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([T("o-side-panel")],b);
|