@florid-kit/components 0.4.7 → 0.4.9
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 +18 -22
- package/index.mjs +64 -68
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),
|
|
5
|
+
*/const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),ft=new WeakMap;let St=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==dt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ht&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ft.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new St(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,r)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new St(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=X.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},bt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return It(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ot,defineProperty:zt,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Ht,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,
|
|
9
|
+
*/const{is:Ot,defineProperty:zt,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Ht,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!Ot(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&zt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){const c=o==null?void 0:o.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,s=[...Ht(e),...Tt(e)];for(const o of s)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,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 o of s)e.unshift(bt(o))}else t!==void 0&&e.push(bt(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 r;const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){const i=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:J).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(t,e){var r,i;const s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=s.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(o))??null,this._$Em=null}}requestUpdate(t,e,s){var o;if(t!==void 0){const r=this.constructor,i=this[t];if(s??(s=r.getPropertyOptions(t)),!((s.hasChanged??pt)(i,e)||s.useDefault&&s.reflect&&i===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(r._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},i){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!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[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,i]of o){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var o;return(o=s.hostUpdated)==null?void 0:o.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){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,st==null||st({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+S,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),q=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",ot=`[
|
|
14
14
|
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,P=RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),O=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,k=B.createTreeWalker(B,129);function kt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),O=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,k=B.createTreeWalker(B,129);function kt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let v,f,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,f=i.exec(l),f!==null);)w=i.lastIndex,i===j?f[1]==="!--"?i=$t:f[1]!==void 0?i=wt:f[2]!==void 0?(Pt.test(f[2])&&(o=RegExp("</"+f[2],"g")),i=P):f[3]!==void 0&&(i=P):i===P?f[0]===">"?(i=o??j,p=-1):f[1]===void 0?p=-2:(p=i.lastIndex-f[2].length,v=f[1],i=f[3]===void 0?P:f[3]==='"'?_t:xt):i===_t||i===xt?i=P:i===$t||i===wt?i=j:(i=P,o=void 0);const E=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(s.push(v),l.slice(0,p)+Ct+l.slice(p)+S+E):l+S+(p===-2?c:E)}return[kt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class Z{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[v,f]=Vt(t,e);if(this.el=Z.createElement(v,s),k.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=k.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Ct)){const w=f[i++],E=o.getAttribute(p).split(S),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:E,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),o.removeAttribute(p)}else p.startsWith(S)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(S),w=p.length-1;if(w>0){o.textContent=Q?Q.emptyScript:"";for(let E=0;E<w;E++)o.append(p[E],F()),k.nextNode(),l.push({type:2,index:++r});o.append(p[w],F())}}}else if(o.nodeType===8)if(o.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(S,p+1))!==-1;)l.push({type:7,index:r}),p+=S.length-1}r++}}static createElement(t,e){const s=B.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var i,c;if(t===O)return t;let o=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class Ft{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=((t==null?void 0:t.creationScope)??B).importNode(e,!0);k.currentNode=o;let r=k.nextNode(),i=0,c=0,l=s[0];for(;l!==void 0;){if(i===l.index){let v;l.type===2?v=new G(r,r.nextSibling,this,t):l.type===1?v=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(v=new Gt(r,this,t)),this._$AV.push(v),l=s[++c]}i!==(l==null?void 0:l.index)&&(r=k.nextNode(),i++)}return k.currentNode=B,o}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 G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=Z.createElement(kt(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const i=new Ft(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$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 o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,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,o){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let l,v;for(t=r[0],l=0;l<r.length-1;l++)v=D(this,c[s+l],e,l),v===O&&(v=this._$AH[l]),i||(i=!q(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+r[l+1]),this._$AH[l]=v}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Zt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===O)return;const s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,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){D(this,t)}}const it=V.litHtmlPolyfillSupport;it==null||it(Z,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
43
|
+
*/const vt=Symbol("internals"),at=Symbol("privateInternals");function te(n){var t;class e extends n{get[(t=vt,t)](){return this[at]||(this[at]=this.attachInternals()),this[at]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[
|
|
47
|
+
*/function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[vt]:r}=e,{form:i}=r;if(!(!i||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}const ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
48
48
|
<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"/>
|
|
49
49
|
</svg>
|
|
50
50
|
`,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
89
89
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
90
90
|
</svg>
|
|
91
|
-
`,
|
|
91
|
+
`,ve=`<?xml version="1.0" encoding="utf-8"?>
|
|
92
92
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
93
93
|
<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"
|
|
94
94
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -97,19 +97,19 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,tt={wishlist:ne,playerv:se,chevronRight:oe,chevronLeft:ie,icoPlus:ue,icoMinus:
|
|
100
|
+
`,tt={wishlist:ne,playerv:se,chevronRight:oe,chevronLeft:ie,icoPlus:ue,icoMinus:ve,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};/**
|
|
101
101
|
* @license
|
|
102
102
|
* Copyright 2017 Google LLC
|
|
103
103
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const
|
|
104
|
+
*/const fe={CHILD:2},be=n=>(...t)=>({_$litDirective$:n,values:t});class ge{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)}}/**
|
|
105
105
|
* @license
|
|
106
106
|
* Copyright 2017 Google LLC
|
|
107
107
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
108
|
-
*/class lt extends
|
|
108
|
+
*/class lt extends ge{constructor(t){if(super(t),this.it=d,t.type!==fe.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===O)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
|
|
109
109
|
* @license
|
|
110
110
|
* Copyright 2017 Google LLC
|
|
111
111
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
112
|
-
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=
|
|
112
|
+
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=be(ct);var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,g=(n,t,e,s)=>{for(var o=s>1?void 0:s?me(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&ye(t,e,o),o};const $e=te(m);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.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[vt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
113
113
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
114
114
|
${this.startIcon?this.renderIcon("start"):d}
|
|
115
115
|
${n?h`
|
|
@@ -289,7 +289,7 @@
|
|
|
289
289
|
transform: translateX(4px);
|
|
290
290
|
}
|
|
291
291
|
//End icon movment on hover
|
|
292
|
-
`;
|
|
292
|
+
`;g([a()],u.prototype,"type",2);g([a({reflect:!0})],u.prototype,"value",2);g([a({type:String,reflect:!0})],u.prototype,"variant",2);g([a({type:String})],u.prototype,"text",2);g([a({type:String})],u.prototype,"textsecond",2);g([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);g([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);g([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);g([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);g([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);g([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);g([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);g([a({type:String})],u.prototype,"href",2);g([a({type:String})],u.prototype,"target",2);u=g([z("o-button")],u);var we=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,et=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&we(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
293
293
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
294
294
|
<span class="sr-only">${this.label}</span>
|
|
295
295
|
${W(n)}
|
|
@@ -324,7 +324,7 @@
|
|
|
324
324
|
background-color: var(--color-alpha-light-stronger);
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
|
|
327
|
+
.wishlist-button:active {
|
|
328
328
|
background-color: var(--color-alpha-light-strongest);
|
|
329
329
|
}
|
|
330
330
|
|
|
@@ -336,10 +336,6 @@
|
|
|
336
336
|
fill: var(--color-content-action-secondary);
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
340
|
-
fill: var(--color-alpha-light-strong);
|
|
341
|
-
}
|
|
342
|
-
|
|
343
339
|
.sr-only {
|
|
344
340
|
border: 0 !important;
|
|
345
341
|
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
|
|
@@ -716,7 +712,7 @@
|
|
|
716
712
|
text-decoration: underline;
|
|
717
713
|
cursor: pointer;
|
|
718
714
|
}
|
|
719
|
-
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([z("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Pe(t,e,o),o};let
|
|
715
|
+
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([z("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Pe(t,e,o),o};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
|
|
720
716
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
721
717
|
<div
|
|
722
718
|
class="panel"
|
|
@@ -759,7 +755,7 @@
|
|
|
759
755
|
</div>
|
|
760
756
|
`:null}
|
|
761
757
|
</div>
|
|
762
|
-
`}};
|
|
758
|
+
`}};b.styles=A`
|
|
763
759
|
:host {
|
|
764
760
|
--z-overlay: 99;
|
|
765
761
|
--z-panel: 100;
|
|
@@ -812,7 +808,7 @@
|
|
|
812
808
|
|
|
813
809
|
.header {
|
|
814
810
|
flex: 0 0 auto;
|
|
815
|
-
padding: 16px 0 16px
|
|
811
|
+
padding: 16px 0 16px 16px;
|
|
816
812
|
border-bottom: var(--border-050) solid var(--color-border-tertiary);
|
|
817
813
|
|
|
818
814
|
.panel-title {
|
|
@@ -856,14 +852,14 @@
|
|
|
856
852
|
max-width: none;
|
|
857
853
|
}
|
|
858
854
|
}
|
|
859
|
-
`;y([a({type:Boolean,reflect:!0})],
|
|
855
|
+
`;y([a({type:Boolean,reflect:!0})],b.prototype,"open",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([a({type:Function})],b.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);b=y([z("o-side-panel")],b);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ie(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
860
856
|
<o-icon-button
|
|
861
857
|
icon="playerv"
|
|
862
|
-
size="
|
|
858
|
+
size="smallxs"
|
|
863
859
|
bgstyle="background-light"
|
|
864
860
|
type="span"
|
|
865
861
|
status="filled"
|
|
866
|
-
strokewidth="
|
|
862
|
+
strokewidth="0"
|
|
867
863
|
></o-icon-button>
|
|
868
864
|
`}handleKeyDown(n){n.key==="ArrowRight"?(n.preventDefault(),this.focusNext()):n.key==="ArrowLeft"?(n.preventDefault(),this.focusPrevious()):(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let n=this.focusedIndex+1;for(;this.disabledIndexes.includes(n)&&n<this.thumbnails.length;)n++;n<this.thumbnails.length&&(this.focusedIndex=n,this.focusThumbnail(n))}focusPrevious(){let n=this.focusedIndex-1;for(;this.disabledIndexes.includes(n)&&n>=0;)n--;n>=0&&(this.focusedIndex=n,this.focusThumbnail(n))}focusThumbnail(n){const t=this.renderRoot.querySelector(`[data-index="${n}"]`);t==null||t.focus()}selectThumbnail(n){this.disabledIndexes.includes(n)||(this.activeIndex=n,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(n),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:n}})))}render(){return h`
|
|
869
865
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
package/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(),
|
|
6
|
+
const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), ft = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let St = class {
|
|
8
8
|
constructor(t, e, s) {
|
|
9
9
|
if (this._$cssResult$ = !0, s !== dt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
@@ -14,7 +14,7 @@ let St = class {
|
|
|
14
14
|
const e = this.t;
|
|
15
15
|
if (ht && t === void 0) {
|
|
16
16
|
const s = e !== void 0 && e.length === 1;
|
|
17
|
-
s && (t =
|
|
17
|
+
s && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ft.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -35,7 +35,7 @@ const It = (n) => new St(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
|
|
|
35
35
|
const s = document.createElement("style"), o = X.litNonce;
|
|
36
36
|
o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, bt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const s of t.cssRules) e += s.cssText;
|
|
41
41
|
return It(e);
|
|
@@ -45,7 +45,7 @@ const It = (n) => new St(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Ot, defineProperty: zt, getOwnPropertyDescriptor: Mt, getOwnPropertyNames: Ht, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis,
|
|
48
|
+
const { is: Ot, defineProperty: zt, getOwnPropertyDescriptor: Mt, getOwnPropertyNames: Ht, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, gt = C.trustedTypes, Ut = gt ? gt.emptyScript : "", st = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
n = n ? Ut : null;
|
|
@@ -129,8 +129,8 @@ let T = class extends HTMLElement {
|
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
131
|
const s = new Set(t.flat(1 / 0).reverse());
|
|
132
|
-
for (const o of s) e.unshift(
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const o of s) e.unshift(bt(o));
|
|
133
|
+
} else t !== void 0 && e.push(bt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -294,10 +294,10 @@ const Vt = (n, t) => {
|
|
|
294
294
|
let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
|
-
let
|
|
298
|
-
for (; w < l.length && (i.lastIndex = w,
|
|
297
|
+
let v, f, p = -1, w = 0;
|
|
298
|
+
for (; w < l.length && (i.lastIndex = w, f = i.exec(l), f !== null); ) w = i.lastIndex, i === j ? f[1] === "!--" ? i = $t : f[1] !== void 0 ? i = wt : f[2] !== void 0 ? (Pt.test(f[2]) && (o = RegExp("</" + f[2], "g")), i = P) : f[3] !== void 0 && (i = P) : i === P ? f[0] === ">" ? (i = o ?? j, p = -1) : f[1] === void 0 ? p = -2 : (p = i.lastIndex - f[2].length, v = f[1], i = f[3] === void 0 ? P : f[3] === '"' ? _t : xt) : i === _t || i === xt ? i = P : i === $t || i === wt ? i = j : (i = P, o = void 0);
|
|
299
299
|
const E = i === P && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
-
r += i === j ? l + Nt : p >= 0 ? (s.push(
|
|
300
|
+
r += i === j ? l + Nt : p >= 0 ? (s.push(v), l.slice(0, p) + Ct + l.slice(p) + S + E) : l + S + (p === -2 ? c : E);
|
|
301
301
|
}
|
|
302
302
|
return [kt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
303
303
|
};
|
|
@@ -306,15 +306,15 @@ class Z {
|
|
|
306
306
|
let o;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, i = 0;
|
|
309
|
-
const c = t.length - 1, l = this.parts, [
|
|
310
|
-
if (this.el = Z.createElement(
|
|
309
|
+
const c = t.length - 1, l = this.parts, [v, f] = Vt(t, e);
|
|
310
|
+
if (this.el = Z.createElement(v, s), k.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const p = this.el.content.firstChild;
|
|
312
312
|
p.replaceWith(...p.childNodes);
|
|
313
313
|
}
|
|
314
314
|
for (; (o = k.nextNode()) !== null && l.length < c; ) {
|
|
315
315
|
if (o.nodeType === 1) {
|
|
316
316
|
if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
-
const w =
|
|
317
|
+
const w = f[i++], E = o.getAttribute(p).split(S), K = /([.?@])?(.*)/.exec(w);
|
|
318
318
|
l.push({ type: 1, index: r, name: K[2], strings: E, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), o.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(S) && (l.push({ type: 6, index: r }), o.removeAttribute(p));
|
|
320
320
|
if (Pt.test(o.tagName)) {
|
|
@@ -361,8 +361,8 @@ class Ft {
|
|
|
361
361
|
let r = k.nextNode(), i = 0, c = 0, l = s[0];
|
|
362
362
|
for (; l !== void 0; ) {
|
|
363
363
|
if (i === l.index) {
|
|
364
|
-
let
|
|
365
|
-
l.type === 2 ?
|
|
364
|
+
let v;
|
|
365
|
+
l.type === 2 ? v = new G(r, r.nextSibling, this, t) : l.type === 1 ? v = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (v = new Gt(r, this, t)), this._$AV.push(v), l = s[++c];
|
|
366
366
|
}
|
|
367
367
|
i !== (l == null ? void 0 : l.index) && (r = k.nextNode(), i++);
|
|
368
368
|
}
|
|
@@ -452,8 +452,8 @@ class Y {
|
|
|
452
452
|
if (r === void 0) t = D(this, t, e, 0), i = !q(t) || t !== this._$AH && t !== O, i && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
|
-
let l,
|
|
456
|
-
for (t = r[0], l = 0; l < r.length - 1; l++)
|
|
455
|
+
let l, v;
|
|
456
|
+
for (t = r[0], l = 0; l < r.length - 1; l++) v = D(this, c[s + l], e, l), v === O && (v = this._$AH[l]), i || (i = !q(v) || v !== this._$AH[l]), v === d ? t = d : t !== d && (t += (v ?? "") + r[l + 1]), this._$AH[l] = v;
|
|
457
457
|
}
|
|
458
458
|
i && !o && this.j(t);
|
|
459
459
|
}
|
|
@@ -614,11 +614,11 @@ A`
|
|
|
614
614
|
* Copyright 2023 Google LLC
|
|
615
615
|
* SPDX-License-Identifier: Apache-2.0
|
|
616
616
|
*/
|
|
617
|
-
const
|
|
617
|
+
const vt = Symbol("internals"), at = Symbol("privateInternals");
|
|
618
618
|
function te(n) {
|
|
619
619
|
var t;
|
|
620
620
|
class e extends n {
|
|
621
|
-
get [(t =
|
|
621
|
+
get [(t = vt, t)]() {
|
|
622
622
|
return this[at] || (this[at] = this.attachInternals()), this[at];
|
|
623
623
|
}
|
|
624
624
|
}
|
|
@@ -633,7 +633,7 @@ function ee(n) {
|
|
|
633
633
|
n.addInitializer((t) => {
|
|
634
634
|
const e = t;
|
|
635
635
|
e.addEventListener("click", async (s) => {
|
|
636
|
-
const { type: o, [
|
|
636
|
+
const { type: o, [vt]: r } = e, { form: i } = r;
|
|
637
637
|
if (!(!i || o === "button") && (await new Promise((c) => {
|
|
638
638
|
setTimeout(c);
|
|
639
639
|
}), !s.defaultPrevented)) {
|
|
@@ -700,7 +700,7 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
700
700
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
701
701
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
702
702
|
</svg>
|
|
703
|
-
`,
|
|
703
|
+
`, ve = `<?xml version="1.0" encoding="utf-8"?>
|
|
704
704
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
705
705
|
<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"
|
|
706
706
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -715,7 +715,7 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
715
715
|
chevronRight: oe,
|
|
716
716
|
chevronLeft: ie,
|
|
717
717
|
icoPlus: ue,
|
|
718
|
-
icoMinus:
|
|
718
|
+
icoMinus: ve,
|
|
719
719
|
"star-0": re,
|
|
720
720
|
"star-25": ae,
|
|
721
721
|
"star-50": le,
|
|
@@ -729,8 +729,8 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
729
729
|
* Copyright 2017 Google LLC
|
|
730
730
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
731
731
|
*/
|
|
732
|
-
const
|
|
733
|
-
class
|
|
732
|
+
const fe = { CHILD: 2 }, be = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
733
|
+
class ge {
|
|
734
734
|
constructor(t) {
|
|
735
735
|
}
|
|
736
736
|
get _$AU() {
|
|
@@ -751,9 +751,9 @@ class be {
|
|
|
751
751
|
* Copyright 2017 Google LLC
|
|
752
752
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
753
753
|
*/
|
|
754
|
-
class lt extends
|
|
754
|
+
class lt extends ge {
|
|
755
755
|
constructor(t) {
|
|
756
|
-
if (super(t), this.it = d, t.type !==
|
|
756
|
+
if (super(t), this.it = d, t.type !== fe.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
757
757
|
}
|
|
758
758
|
render(t) {
|
|
759
759
|
if (t === d || t == null) return this._t = void 0, this.it = t;
|
|
@@ -774,8 +774,8 @@ lt.directiveName = "unsafeHTML", lt.resultType = 1;
|
|
|
774
774
|
class ct extends lt {
|
|
775
775
|
}
|
|
776
776
|
ct.directiveName = "unsafeSVG", ct.resultType = 2;
|
|
777
|
-
const W =
|
|
778
|
-
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor,
|
|
777
|
+
const W = be(ct);
|
|
778
|
+
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, g = (n, t, e, s) => {
|
|
779
779
|
for (var o = s > 1 ? void 0 : s ? me(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
780
780
|
(i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
|
|
781
781
|
return s && o && ye(t, e, o), o;
|
|
@@ -792,7 +792,7 @@ let u = class extends $e {
|
|
|
792
792
|
this.setAttribute("name", n);
|
|
793
793
|
}
|
|
794
794
|
get form() {
|
|
795
|
-
return this[
|
|
795
|
+
return this[vt].form;
|
|
796
796
|
}
|
|
797
797
|
handleClick() {
|
|
798
798
|
if (this.panelTarget) {
|
|
@@ -1004,49 +1004,49 @@ u.styles = A`
|
|
|
1004
1004
|
}
|
|
1005
1005
|
//End icon movment on hover
|
|
1006
1006
|
`;
|
|
1007
|
-
|
|
1007
|
+
g([
|
|
1008
1008
|
a()
|
|
1009
1009
|
], u.prototype, "type", 2);
|
|
1010
|
-
|
|
1010
|
+
g([
|
|
1011
1011
|
a({ reflect: !0 })
|
|
1012
1012
|
], u.prototype, "value", 2);
|
|
1013
|
-
|
|
1013
|
+
g([
|
|
1014
1014
|
a({ type: String, reflect: !0 })
|
|
1015
1015
|
], u.prototype, "variant", 2);
|
|
1016
|
-
|
|
1016
|
+
g([
|
|
1017
1017
|
a({ type: String })
|
|
1018
1018
|
], u.prototype, "text", 2);
|
|
1019
|
-
|
|
1019
|
+
g([
|
|
1020
1020
|
a({ type: String })
|
|
1021
1021
|
], u.prototype, "textsecond", 2);
|
|
1022
|
-
|
|
1022
|
+
g([
|
|
1023
1023
|
a({ type: Boolean, reflect: !0 })
|
|
1024
1024
|
], u.prototype, "fullwidth", 2);
|
|
1025
|
-
|
|
1025
|
+
g([
|
|
1026
1026
|
a({ type: Boolean, reflect: !0 })
|
|
1027
1027
|
], u.prototype, "disabled", 2);
|
|
1028
|
-
|
|
1028
|
+
g([
|
|
1029
1029
|
a({ type: String, reflect: !0 })
|
|
1030
1030
|
], u.prototype, "startIconModel", 2);
|
|
1031
|
-
|
|
1031
|
+
g([
|
|
1032
1032
|
a({ type: String, reflect: !0 })
|
|
1033
1033
|
], u.prototype, "endIconModel", 2);
|
|
1034
|
-
|
|
1034
|
+
g([
|
|
1035
1035
|
a({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
1036
1036
|
], u.prototype, "startIcon", 2);
|
|
1037
|
-
|
|
1037
|
+
g([
|
|
1038
1038
|
a({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
1039
1039
|
], u.prototype, "endIcon", 2);
|
|
1040
|
-
|
|
1040
|
+
g([
|
|
1041
1041
|
a({ type: String, attribute: "paneltarget", reflect: !0 })
|
|
1042
1042
|
], u.prototype, "panelTarget", 2);
|
|
1043
|
-
|
|
1043
|
+
g([
|
|
1044
1044
|
a({ type: String })
|
|
1045
1045
|
], u.prototype, "href", 2);
|
|
1046
|
-
|
|
1046
|
+
g([
|
|
1047
1047
|
a({ type: String })
|
|
1048
1048
|
], u.prototype, "target", 2);
|
|
1049
|
-
u =
|
|
1049
|
+
u = g([
|
|
1050
1050
|
z("o-button")
|
|
1051
1051
|
], u);
|
|
1052
1052
|
var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, et = (n, t, e, s) => {
|
|
@@ -1125,7 +1125,7 @@ U.styles = A`
|
|
|
1125
1125
|
background-color: var(--color-alpha-light-stronger);
|
|
1126
1126
|
}
|
|
1127
1127
|
|
|
1128
|
-
|
|
1128
|
+
.wishlist-button:active {
|
|
1129
1129
|
background-color: var(--color-alpha-light-strongest);
|
|
1130
1130
|
}
|
|
1131
1131
|
|
|
@@ -1137,10 +1137,6 @@ U.styles = A`
|
|
|
1137
1137
|
fill: var(--color-content-action-secondary);
|
|
1138
1138
|
}
|
|
1139
1139
|
|
|
1140
|
-
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
1141
|
-
fill: var(--color-alpha-light-strong);
|
|
1142
|
-
}
|
|
1143
|
-
|
|
1144
1140
|
.sr-only {
|
|
1145
1141
|
border: 0 !important;
|
|
1146
1142
|
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
|
|
@@ -1653,7 +1649,7 @@ var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (n, t,
|
|
|
1653
1649
|
(i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
|
|
1654
1650
|
return s && o && Pe(t, e, o), o;
|
|
1655
1651
|
};
|
|
1656
|
-
let
|
|
1652
|
+
let b = class extends m {
|
|
1657
1653
|
constructor() {
|
|
1658
1654
|
super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
|
|
1659
1655
|
this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
|
|
@@ -1747,7 +1743,7 @@ let g = class extends m {
|
|
|
1747
1743
|
`;
|
|
1748
1744
|
}
|
|
1749
1745
|
};
|
|
1750
|
-
|
|
1746
|
+
b.styles = A`
|
|
1751
1747
|
:host {
|
|
1752
1748
|
--z-overlay: 99;
|
|
1753
1749
|
--z-panel: 100;
|
|
@@ -1800,7 +1796,7 @@ g.styles = A`
|
|
|
1800
1796
|
|
|
1801
1797
|
.header {
|
|
1802
1798
|
flex: 0 0 auto;
|
|
1803
|
-
padding: 16px 0 16px
|
|
1799
|
+
padding: 16px 0 16px 16px;
|
|
1804
1800
|
border-bottom: var(--border-050) solid var(--color-border-tertiary);
|
|
1805
1801
|
|
|
1806
1802
|
.panel-title {
|
|
@@ -1847,46 +1843,46 @@ g.styles = A`
|
|
|
1847
1843
|
`;
|
|
1848
1844
|
y([
|
|
1849
1845
|
a({ type: Boolean, reflect: !0 })
|
|
1850
|
-
],
|
|
1846
|
+
], b.prototype, "open", 2);
|
|
1851
1847
|
y([
|
|
1852
1848
|
a({ type: Boolean, reflect: !0 })
|
|
1853
|
-
],
|
|
1849
|
+
], b.prototype, "showHeader", 2);
|
|
1854
1850
|
y([
|
|
1855
1851
|
a({ type: Boolean, reflect: !0 })
|
|
1856
|
-
],
|
|
1852
|
+
], b.prototype, "showFooter", 2);
|
|
1857
1853
|
y([
|
|
1858
1854
|
a({ type: String, reflect: !0 })
|
|
1859
|
-
],
|
|
1855
|
+
], b.prototype, "headerTitle", 2);
|
|
1860
1856
|
y([
|
|
1861
1857
|
a({ type: String, reflect: !0 })
|
|
1862
|
-
],
|
|
1858
|
+
], b.prototype, "closeButtonLabel", 2);
|
|
1863
1859
|
y([
|
|
1864
1860
|
a({ type: String, reflect: !0 })
|
|
1865
|
-
],
|
|
1861
|
+
], b.prototype, "firstButtonLabel", 2);
|
|
1866
1862
|
y([
|
|
1867
1863
|
a({ type: String, reflect: !0 })
|
|
1868
|
-
],
|
|
1864
|
+
], b.prototype, "firstButtonVariant", 2);
|
|
1869
1865
|
y([
|
|
1870
1866
|
a({ type: Function })
|
|
1871
|
-
],
|
|
1867
|
+
], b.prototype, "onFirstButtonClick", 2);
|
|
1872
1868
|
y([
|
|
1873
1869
|
a({ type: String, reflect: !0 })
|
|
1874
|
-
],
|
|
1870
|
+
], b.prototype, "secondaryButtonLabel", 2);
|
|
1875
1871
|
y([
|
|
1876
1872
|
a({ type: String, reflect: !0 })
|
|
1877
|
-
],
|
|
1873
|
+
], b.prototype, "secondaryButtonVariant", 2);
|
|
1878
1874
|
y([
|
|
1879
1875
|
a({ type: Function })
|
|
1880
|
-
],
|
|
1876
|
+
], b.prototype, "onSecondaryButtonClick", 2);
|
|
1881
1877
|
y([
|
|
1882
1878
|
a({ type: Boolean, reflect: !0 })
|
|
1883
|
-
],
|
|
1879
|
+
], b.prototype, "disablePortal", 2);
|
|
1884
1880
|
y([
|
|
1885
1881
|
a({ type: Number, reflect: !0 })
|
|
1886
|
-
],
|
|
1887
|
-
|
|
1882
|
+
], b.prototype, "zIndex", 2);
|
|
1883
|
+
b = y([
|
|
1888
1884
|
z("o-side-panel")
|
|
1889
|
-
],
|
|
1885
|
+
], b);
|
|
1890
1886
|
var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, H = (n, t, e, s) => {
|
|
1891
1887
|
for (var o = s > 1 ? void 0 : s ? Be(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1892
1888
|
(i = n[r]) && (o = (s ? i(t, e, o) : i(o)) || o);
|
|
@@ -1897,11 +1893,11 @@ let _ = class extends m {
|
|
|
1897
1893
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.focusedIndex = 0, this.playerIconTemplate = h`
|
|
1898
1894
|
<o-icon-button
|
|
1899
1895
|
icon="playerv"
|
|
1900
|
-
size="
|
|
1896
|
+
size="smallxs"
|
|
1901
1897
|
bgstyle="background-light"
|
|
1902
1898
|
type="span"
|
|
1903
1899
|
status="filled"
|
|
1904
|
-
strokewidth="
|
|
1900
|
+
strokewidth="0"
|
|
1905
1901
|
></o-icon-button>
|
|
1906
1902
|
`;
|
|
1907
1903
|
}
|