@florid-kit/components 0.4.12 → 0.4.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/side-panel.d.ts +1 -0
- package/index.js +47 -29
- package/index.mjs +130 -109
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,25 +2,25 @@
|
|
|
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(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},vt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&Ot(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Mt(e),...Tt(e)];for(const s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const s of o)e.unshift(vt(s))}else t!==void 0&&e.push(vt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=s,this[s]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:s,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",
|
|
13
|
+
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),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",st=`[
|
|
14
14
|
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,P=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
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),
|
|
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),z=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,o=[];let s,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,v=i.exec(l),v!==null);)w=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=wt:v[2]!==void 0?(Pt.test(v[2])&&(s=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=s??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[3]==='"'?_t:xt):i===_t||i===xt?i=P:i===$t||i===wt?i=j:(i=P,s=void 0);const S=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[kt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Z{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,v]=Vt(t,e);if(this.el=Z.createElement(f,o),k.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=k.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Ct)){const w=v[i++],S=s.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),s.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),s.removeAttribute(p));if(Pt.test(s.tagName)){const p=s.textContent.split(E),w=p.length-1;if(w>0){s.textContent=Q?Q.emptyScript:"";for(let S=0;S<w;S++)s.append(p[S],F()),k.nextNode(),l.push({type:2,index:++r});s.append(p[w],F())}}}else if(s.nodeType===8)if(s.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var i,c;if(t===z)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=q(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=D(n,s._$AS(n,t.values),s,o)),t}class Ft{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,s=((t==null?void 0:t.creationScope)??B).importNode(e,!0);k.currentNode=s;let r=k.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=k.nextNode(),i++)}return k.currentNode=B,s}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Z.createElement(kt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(e);else{const i=new Ft(s,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const r of t)s===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,s,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,s){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!q(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),i||(i=!q(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class 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,o,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,s=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const it=V.litHtmlPolyfillSupport;it==null||it(Z,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new G(t.insertBefore(F(),r),r,void 0,e??{})}return s._$AI(n),s};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const I=globalThis;let m=class extends T{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=Kt(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
|
|
19
|
+
*/const I=globalThis;let m=class extends T{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=Kt(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 z}};var St;m._$litElement$=!0,m.finalized=!0,(St=I.litElementHydrateSupport)==null||St.call(I,{LitElement:m});const rt=I.litElementPolyfillSupport;rt==null||rt({LitElement:m});(I.litElementVersions??(I.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 O=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -101,15 +101,15 @@
|
|
|
101
101
|
* @license
|
|
102
102
|
* Copyright 2017 Google LLC
|
|
103
103
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const
|
|
104
|
+
*/const be={CHILD:2},ve=n=>(...t)=>({_$litDirective$:n,values:t});class ge{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
105
105
|
* @license
|
|
106
106
|
* Copyright 2017 Google LLC
|
|
107
107
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
108
|
-
*/class lt extends ge{constructor(t){if(super(t),this.it=d,t.type!==
|
|
108
|
+
*/class lt extends ge{constructor(t){if(super(t),this.it=d,t.type!==be.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
|
|
109
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=ve(ct);var ye=Object.defineProperty,me=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?me(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&ye(t,e,s),s};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[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
113
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
|
+
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var we=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var s=o>1?void 0:o?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&we(t,e,s),s};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
293
293
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
294
294
|
<span class="sr-only">${this.label}</span>
|
|
295
295
|
${W(n)}
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
width: 0.1rem !important;
|
|
350
350
|
white-space: nowrap !important;
|
|
351
351
|
}
|
|
352
|
-
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([
|
|
352
|
+
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ae(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&_e(t,e,s),s};let $=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
353
353
|
${this.type==="span"?h`
|
|
354
354
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
355
355
|
${W(e)}
|
|
@@ -563,7 +563,7 @@
|
|
|
563
563
|
}
|
|
564
564
|
|
|
565
565
|
}
|
|
566
|
-
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([
|
|
566
|
+
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([O("o-icon-button")],$);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ee(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Se(t,e,s),s};let x=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
|
|
567
567
|
<a href="${this.href}" target="${this.target}">
|
|
568
568
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
569
569
|
<o-icon-button
|
|
@@ -672,7 +672,7 @@
|
|
|
672
672
|
height: 1px;
|
|
673
673
|
}
|
|
674
674
|
/* End of underline effect */
|
|
675
|
-
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([
|
|
675
|
+
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var s=o>1?void 0:o?Le(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ce(t,e,s),s};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
676
676
|
<div class="rating">
|
|
677
677
|
<div class="stars">
|
|
678
678
|
${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -712,7 +712,7 @@
|
|
|
712
712
|
text-decoration: underline;
|
|
713
713
|
cursor: pointer;
|
|
714
714
|
}
|
|
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([
|
|
715
|
+
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var s=o>1?void 0:o?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Pe(t,e,s),s};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
|
|
716
716
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
717
717
|
<div
|
|
718
718
|
class="panel"
|
|
@@ -721,11 +721,14 @@
|
|
|
721
721
|
aria-labelledby="panel-title"
|
|
722
722
|
style="z-index: ${this.zIndex+1}"
|
|
723
723
|
>
|
|
724
|
-
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
725
724
|
|
|
726
725
|
${this.showHeader?h`
|
|
727
726
|
<div class="header">
|
|
727
|
+
${this.showHeaderStartIcon?h`
|
|
728
|
+
<o-icon-button icon="chevronLeft" size="medium" class="return-btn" bgstyle="none-contrast" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
729
|
+
`:null}
|
|
728
730
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
731
|
+
<o-icon-button icon="cross" size="medium" class="close-btn" bgstyle="none-contrast" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
729
732
|
</div>
|
|
730
733
|
`:null}
|
|
731
734
|
|
|
@@ -755,7 +758,7 @@
|
|
|
755
758
|
</div>
|
|
756
759
|
`:null}
|
|
757
760
|
</div>
|
|
758
|
-
`}};
|
|
761
|
+
`}};b.styles=A`
|
|
759
762
|
:host {
|
|
760
763
|
--z-overlay: 99;
|
|
761
764
|
--z-panel: 100;
|
|
@@ -818,7 +821,9 @@
|
|
|
818
821
|
|
|
819
822
|
.header {
|
|
820
823
|
flex: 0 0 auto;
|
|
821
|
-
|
|
824
|
+
display: flex;
|
|
825
|
+
justify-content: space-between;
|
|
826
|
+
padding: 20px 16px;
|
|
822
827
|
border-bottom: var(--border-050) solid var(--color-border-tertiary);
|
|
823
828
|
|
|
824
829
|
.panel-title {
|
|
@@ -827,6 +832,29 @@
|
|
|
827
832
|
font-weight: var(--font-weight-400);
|
|
828
833
|
line-height: var(--line-height-240);
|
|
829
834
|
font-style: italic;
|
|
835
|
+
display: -webkit-box;
|
|
836
|
+
-webkit-line-clamp: 2;
|
|
837
|
+
-webkit-box-orient: vertical;
|
|
838
|
+
height: auto;
|
|
839
|
+
margin-top: auto;
|
|
840
|
+
margin-bottom: auto;
|
|
841
|
+
overflow: hidden;
|
|
842
|
+
width: 100%;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.close-btn {
|
|
846
|
+
margin-left: 8px;
|
|
847
|
+
margin-top: 0;
|
|
848
|
+
flex-direction: column;
|
|
849
|
+
justify-content: start;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
.return-btn {
|
|
853
|
+
margin-right: 8px;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.close-btn:focus {
|
|
857
|
+
outline: 2px solid #000;
|
|
830
858
|
}
|
|
831
859
|
}
|
|
832
860
|
|
|
@@ -846,23 +874,13 @@
|
|
|
846
874
|
justify-content: flex-start;
|
|
847
875
|
}
|
|
848
876
|
|
|
849
|
-
.close-btn {
|
|
850
|
-
position: absolute;
|
|
851
|
-
top: 11px;
|
|
852
|
-
right: 5px;
|
|
853
|
-
}
|
|
854
|
-
|
|
855
|
-
.close-btn:focus {
|
|
856
|
-
outline: 2px solid #000;
|
|
857
|
-
}
|
|
858
|
-
|
|
859
877
|
@media (max-width: 640px) {
|
|
860
878
|
.panel {
|
|
861
879
|
width: 100%;
|
|
862
880
|
max-width: none;
|
|
863
881
|
}
|
|
864
882
|
}
|
|
865
|
-
`;
|
|
883
|
+
`;g([a({type:Boolean,reflect:!0})],b.prototype,"open",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);g([a({type:Function})],b.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);g([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=g([O("o-side-panel")],b);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ie(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
866
884
|
<o-icon-button
|
|
867
885
|
icon="playerv"
|
|
868
886
|
size="xsmall"
|
|
@@ -993,4 +1011,4 @@
|
|
|
993
1011
|
height: 0;
|
|
994
1012
|
width: 0;
|
|
995
1013
|
}
|
|
996
|
-
`;M([a({type:Array})],_.prototype,"thumbnails",2);M([a({type:Number})],_.prototype,"activeIndex",2);M([a({type:Array})],_.prototype,"disabledIndexes",2);M([a({type:String})],_.prototype,"maxWidth",2);M([a({type:Object})],_.prototype,"swiperInstance",2);M([Qt()],_.prototype,"focusedIndex",2);_=M([
|
|
1014
|
+
`;M([a({type:Array})],_.prototype,"thumbnails",2);M([a({type:Number})],_.prototype,"activeIndex",2);M([a({type:Array})],_.prototype,"disabledIndexes",2);M([a({type:String})],_.prototype,"maxWidth",2);M([a({type:Object})],_.prototype,"swiperInstance",2);M([Qt()],_.prototype,"focusedIndex",2);_=M([O("thumbnail-navigation")],_);
|
package/index.mjs
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
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(),
|
|
7
|
-
let
|
|
6
|
+
const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), bt = /* @__PURE__ */ new WeakMap();
|
|
7
|
+
let Et = class {
|
|
8
8
|
constructor(t, e, o) {
|
|
9
9
|
if (this._$cssResult$ = !0, o !== dt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
10
|
this.cssText = t, this.t = e;
|
|
@@ -14,7 +14,7 @@ let St = class {
|
|
|
14
14
|
const e = this.t;
|
|
15
15
|
if (ht && t === void 0) {
|
|
16
16
|
const o = e !== void 0 && e.length === 1;
|
|
17
|
-
o && (t =
|
|
17
|
+
o && (t = bt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && bt.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -22,20 +22,20 @@ let St = class {
|
|
|
22
22
|
return this.cssText;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
const It = (n) => new
|
|
25
|
+
const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n, ...t) => {
|
|
26
26
|
const e = n.length === 1 ? n[0] : t.reduce((o, s, r) => o + ((i) => {
|
|
27
27
|
if (i._$cssResult$ === !0) return i.cssText;
|
|
28
28
|
if (typeof i == "number") return i;
|
|
29
29
|
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.");
|
|
30
30
|
})(s) + n[r + 1], n[0]);
|
|
31
|
-
return new
|
|
31
|
+
return new Et(e, n, dt);
|
|
32
32
|
}, Bt = (n, t) => {
|
|
33
33
|
if (ht) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
35
35
|
const o = document.createElement("style"), s = X.litNonce;
|
|
36
36
|
s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, vt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const o of t.cssRules) e += o.cssText;
|
|
41
41
|
return It(e);
|
|
@@ -45,7 +45,7 @@ const It = (n) => new 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:
|
|
48
|
+
const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, gt = C.trustedTypes, Ut = gt ? gt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
n = n ? Ut : null;
|
|
@@ -73,7 +73,7 @@ const { is: Ot, defineProperty: zt, getOwnPropertyDescriptor: Ht, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
|
-
} }, pt = (n, t) => !
|
|
76
|
+
} }, pt = (n, t) => !zt(n, t), yt = { attribute: !0, type: String, converter: J, reflect: !1, useDefault: !1, hasChanged: pt };
|
|
77
77
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let T = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
@@ -85,7 +85,7 @@ let T = class extends HTMLElement {
|
|
|
85
85
|
static createProperty(t, e = yt) {
|
|
86
86
|
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) {
|
|
87
87
|
const o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
|
|
88
|
-
s !== void 0 &&
|
|
88
|
+
s !== void 0 && Ot(this.prototype, t, s);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
static getPropertyDescriptor(t, e, o) {
|
|
@@ -129,8 +129,8 @@ let T = class extends HTMLElement {
|
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
131
|
const o = new Set(t.flat(1 / 0).reverse());
|
|
132
|
-
for (const s of o) e.unshift(
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const s of o) e.unshift(vt(s));
|
|
133
|
+
} else t !== void 0 && e.push(vt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -282,9 +282,9 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$",
|
|
285
|
+
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""), 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", st = `[
|
|
286
286
|
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, P = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
287
|
-
\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),
|
|
287
|
+
\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), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), k = B.createTreeWalker(B, 129);
|
|
288
288
|
function kt(n, t) {
|
|
289
289
|
if (!ut(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return mt !== void 0 ? mt.createHTML(t) : t;
|
|
@@ -294,10 +294,10 @@ const Vt = (n, t) => {
|
|
|
294
294
|
let s, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
|
-
let f,
|
|
298
|
-
for (; w < l.length && (i.lastIndex = w,
|
|
299
|
-
const
|
|
300
|
-
r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) +
|
|
297
|
+
let f, v, p = -1, w = 0;
|
|
298
|
+
for (; w < l.length && (i.lastIndex = w, v = i.exec(l), v !== null); ) w = i.lastIndex, i === j ? v[1] === "!--" ? i = $t : v[1] !== void 0 ? i = wt : v[2] !== void 0 ? (Pt.test(v[2]) && (s = RegExp("</" + v[2], "g")), i = P) : v[3] !== void 0 && (i = P) : i === P ? v[0] === ">" ? (i = s ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = i.lastIndex - v[2].length, f = v[1], i = v[3] === void 0 ? P : v[3] === '"' ? _t : xt) : i === _t || i === xt ? i = P : i === $t || i === wt ? i = j : (i = P, s = void 0);
|
|
299
|
+
const S = i === P && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
|
|
301
301
|
}
|
|
302
302
|
return [kt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
@@ -306,7 +306,7 @@ class Z {
|
|
|
306
306
|
let s;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, i = 0;
|
|
309
|
-
const c = t.length - 1, l = this.parts, [f,
|
|
309
|
+
const c = t.length - 1, l = this.parts, [f, v] = Vt(t, e);
|
|
310
310
|
if (this.el = Z.createElement(f, o), k.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const p = this.el.content.firstChild;
|
|
312
312
|
p.replaceWith(...p.childNodes);
|
|
@@ -314,21 +314,21 @@ class Z {
|
|
|
314
314
|
for (; (s = k.nextNode()) !== null && l.length < c; ) {
|
|
315
315
|
if (s.nodeType === 1) {
|
|
316
316
|
if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
-
const w =
|
|
318
|
-
l.push({ type: 1, index: r, name: K[2], strings:
|
|
319
|
-
} else p.startsWith(
|
|
317
|
+
const w = v[i++], S = s.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
|
|
318
|
+
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
|
|
319
|
+
} else p.startsWith(E) && (l.push({ type: 6, index: r }), s.removeAttribute(p));
|
|
320
320
|
if (Pt.test(s.tagName)) {
|
|
321
|
-
const p = s.textContent.split(
|
|
321
|
+
const p = s.textContent.split(E), w = p.length - 1;
|
|
322
322
|
if (w > 0) {
|
|
323
323
|
s.textContent = Q ? Q.emptyScript : "";
|
|
324
|
-
for (let
|
|
324
|
+
for (let S = 0; S < w; S++) s.append(p[S], F()), k.nextNode(), l.push({ type: 2, index: ++r });
|
|
325
325
|
s.append(p[w], F());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
328
|
} else if (s.nodeType === 8) if (s.data === Lt) l.push({ type: 2, index: r });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
|
-
for (; (p = s.data.indexOf(
|
|
331
|
+
for (; (p = s.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
|
|
332
332
|
}
|
|
333
333
|
r++;
|
|
334
334
|
}
|
|
@@ -340,7 +340,7 @@ class Z {
|
|
|
340
340
|
}
|
|
341
341
|
function D(n, t, e = n, o) {
|
|
342
342
|
var i, c;
|
|
343
|
-
if (t ===
|
|
343
|
+
if (t === z) return t;
|
|
344
344
|
let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
|
|
345
345
|
const r = q(t) ? void 0 : t._$litDirective$;
|
|
346
346
|
return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = D(n, s._$AS(n, t.values), s, o)), t;
|
|
@@ -393,7 +393,7 @@ class G {
|
|
|
393
393
|
return this._$AB;
|
|
394
394
|
}
|
|
395
395
|
_$AI(t, e = this) {
|
|
396
|
-
t = D(this, t, e), q(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !==
|
|
396
|
+
t = D(this, t, e), q(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : jt(t) ? this.k(t) : this._(t);
|
|
397
397
|
}
|
|
398
398
|
O(t) {
|
|
399
399
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -449,11 +449,11 @@ class Y {
|
|
|
449
449
|
_$AI(t, e = this, o, s) {
|
|
450
450
|
const r = this.strings;
|
|
451
451
|
let i = !1;
|
|
452
|
-
if (r === void 0) t = D(this, t, e, 0), i = !q(t) || t !== this._$AH && t !==
|
|
452
|
+
if (r === void 0) t = D(this, t, e, 0), i = !q(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let l, f;
|
|
456
|
-
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f ===
|
|
456
|
+
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), i || (i = !q(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
|
|
457
457
|
}
|
|
458
458
|
i && !s && this.j(t);
|
|
459
459
|
}
|
|
@@ -482,7 +482,7 @@ class Wt extends Y {
|
|
|
482
482
|
super(t, e, o, s, r), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
|
-
if ((t = D(this, t, e, 0) ?? d) ===
|
|
485
|
+
if ((t = D(this, t, e, 0) ?? d) === z) return;
|
|
486
486
|
const o = this._$AH, s = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || s);
|
|
487
487
|
s && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
@@ -541,11 +541,11 @@ let m = class extends T {
|
|
|
541
541
|
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
|
542
542
|
}
|
|
543
543
|
render() {
|
|
544
|
-
return
|
|
544
|
+
return z;
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
|
-
var
|
|
548
|
-
m._$litElement$ = !0, m.finalized = !0, (
|
|
547
|
+
var St;
|
|
548
|
+
m._$litElement$ = !0, m.finalized = !0, (St = I.litElementHydrateSupport) == null || St.call(I, { LitElement: m });
|
|
549
549
|
const rt = I.litElementPolyfillSupport;
|
|
550
550
|
rt == null || rt({ LitElement: m });
|
|
551
551
|
(I.litElementVersions ?? (I.litElementVersions = [])).push("4.2.0");
|
|
@@ -554,7 +554,7 @@ rt == null || rt({ LitElement: m });
|
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
555
555
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
556
556
|
*/
|
|
557
|
-
const
|
|
557
|
+
const O = (n) => (t, e) => {
|
|
558
558
|
e !== void 0 ? e.addInitializer(() => {
|
|
559
559
|
customElements.define(n, t);
|
|
560
560
|
}) : customElements.define(n, t);
|
|
@@ -729,7 +729,7 @@ 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
|
|
732
|
+
const be = { CHILD: 2 }, ve = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
733
733
|
class ge {
|
|
734
734
|
constructor(t) {
|
|
735
735
|
}
|
|
@@ -753,11 +753,11 @@ class ge {
|
|
|
753
753
|
*/
|
|
754
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 !== be.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;
|
|
760
|
-
if (t ===
|
|
760
|
+
if (t === z) return t;
|
|
761
761
|
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
762
762
|
if (t === this.it) return this._t;
|
|
763
763
|
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 = ve(ct);
|
|
778
|
+
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
|
|
779
779
|
for (var s = o > 1 ? void 0 : o ? me(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
780
780
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
781
781
|
return o && s && ye(t, e, s), s;
|
|
@@ -1004,50 +1004,50 @@ u.styles = A`
|
|
|
1004
1004
|
}
|
|
1005
1005
|
//End icon movment on hover
|
|
1006
1006
|
`;
|
|
1007
|
-
|
|
1007
|
+
y([
|
|
1008
1008
|
a()
|
|
1009
1009
|
], u.prototype, "type", 2);
|
|
1010
|
-
|
|
1010
|
+
y([
|
|
1011
1011
|
a({ reflect: !0 })
|
|
1012
1012
|
], u.prototype, "value", 2);
|
|
1013
|
-
|
|
1013
|
+
y([
|
|
1014
1014
|
a({ type: String, reflect: !0 })
|
|
1015
1015
|
], u.prototype, "variant", 2);
|
|
1016
|
-
|
|
1016
|
+
y([
|
|
1017
1017
|
a({ type: String })
|
|
1018
1018
|
], u.prototype, "text", 2);
|
|
1019
|
-
|
|
1019
|
+
y([
|
|
1020
1020
|
a({ type: String })
|
|
1021
1021
|
], u.prototype, "textsecond", 2);
|
|
1022
|
-
|
|
1022
|
+
y([
|
|
1023
1023
|
a({ type: Boolean, reflect: !0 })
|
|
1024
1024
|
], u.prototype, "fullwidth", 2);
|
|
1025
|
-
|
|
1025
|
+
y([
|
|
1026
1026
|
a({ type: Boolean, reflect: !0 })
|
|
1027
1027
|
], u.prototype, "disabled", 2);
|
|
1028
|
-
|
|
1028
|
+
y([
|
|
1029
1029
|
a({ type: String, reflect: !0 })
|
|
1030
1030
|
], u.prototype, "startIconModel", 2);
|
|
1031
|
-
|
|
1031
|
+
y([
|
|
1032
1032
|
a({ type: String, reflect: !0 })
|
|
1033
1033
|
], u.prototype, "endIconModel", 2);
|
|
1034
|
-
|
|
1034
|
+
y([
|
|
1035
1035
|
a({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
1036
1036
|
], u.prototype, "startIcon", 2);
|
|
1037
|
-
|
|
1037
|
+
y([
|
|
1038
1038
|
a({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
1039
1039
|
], u.prototype, "endIcon", 2);
|
|
1040
|
-
|
|
1040
|
+
y([
|
|
1041
1041
|
a({ type: String, attribute: "paneltarget", reflect: !0 })
|
|
1042
1042
|
], u.prototype, "panelTarget", 2);
|
|
1043
|
-
|
|
1043
|
+
y([
|
|
1044
1044
|
a({ type: String })
|
|
1045
1045
|
], u.prototype, "href", 2);
|
|
1046
|
-
|
|
1046
|
+
y([
|
|
1047
1047
|
a({ type: String })
|
|
1048
1048
|
], u.prototype, "target", 2);
|
|
1049
|
-
u =
|
|
1050
|
-
|
|
1049
|
+
u = y([
|
|
1050
|
+
O("o-button")
|
|
1051
1051
|
], u);
|
|
1052
1052
|
var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
|
|
1053
1053
|
for (var s = o > 1 ? void 0 : o ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
@@ -1161,7 +1161,7 @@ et([
|
|
|
1161
1161
|
a({ type: String, reflect: !0 })
|
|
1162
1162
|
], U.prototype, "label", 2);
|
|
1163
1163
|
U = et([
|
|
1164
|
-
|
|
1164
|
+
O("o-wishlist-button")
|
|
1165
1165
|
], U);
|
|
1166
1166
|
var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
|
|
1167
1167
|
for (var s = o > 1 ? void 0 : o ? Ae(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
@@ -1420,12 +1420,12 @@ L([
|
|
|
1420
1420
|
a({ type: Boolean, reflect: !0 })
|
|
1421
1421
|
], $.prototype, "disabled", 2);
|
|
1422
1422
|
$ = L([
|
|
1423
|
-
|
|
1423
|
+
O("o-icon-button")
|
|
1424
1424
|
], $);
|
|
1425
|
-
var
|
|
1426
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
1425
|
+
var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1426
|
+
for (var s = o > 1 ? void 0 : o ? Ee(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1427
1427
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1428
|
-
return o && s &&
|
|
1428
|
+
return o && s && Se(t, e, s), s;
|
|
1429
1429
|
};
|
|
1430
1430
|
let x = class extends m {
|
|
1431
1431
|
constructor() {
|
|
@@ -1564,7 +1564,7 @@ H([
|
|
|
1564
1564
|
a({ type: Boolean, reflect: !0 })
|
|
1565
1565
|
], x.prototype, "reverseEndIcon", 2);
|
|
1566
1566
|
x = H([
|
|
1567
|
-
|
|
1567
|
+
O("o-link")
|
|
1568
1568
|
], x);
|
|
1569
1569
|
var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
|
|
1570
1570
|
for (var s = o > 1 ? void 0 : o ? Le(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
@@ -1642,16 +1642,16 @@ nt([
|
|
|
1642
1642
|
a({ type: String })
|
|
1643
1643
|
], N.prototype, "href", 2);
|
|
1644
1644
|
N = nt([
|
|
1645
|
-
|
|
1645
|
+
O("o-rating")
|
|
1646
1646
|
], N);
|
|
1647
|
-
var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor,
|
|
1647
|
+
var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, g = (n, t, e, o) => {
|
|
1648
1648
|
for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1649
1649
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1650
1650
|
return o && s && Pe(t, e, s), s;
|
|
1651
1651
|
};
|
|
1652
|
-
let
|
|
1652
|
+
let b = class extends m {
|
|
1653
1653
|
constructor() {
|
|
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.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
|
|
1654
|
+
super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
|
|
1655
1655
|
this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
|
|
1656
1656
|
};
|
|
1657
1657
|
}
|
|
@@ -1708,11 +1708,14 @@ let v = class extends m {
|
|
|
1708
1708
|
aria-labelledby="panel-title"
|
|
1709
1709
|
style="z-index: ${this.zIndex + 1}"
|
|
1710
1710
|
>
|
|
1711
|
-
<o-icon-button icon="cross" size="medium" class="close-btn" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1712
1711
|
|
|
1713
1712
|
${this.showHeader ? h`
|
|
1714
1713
|
<div class="header">
|
|
1714
|
+
${this.showHeaderStartIcon ? h`
|
|
1715
|
+
<o-icon-button icon="chevronLeft" size="medium" class="return-btn" bgstyle="none-contrast" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1716
|
+
` : null}
|
|
1715
1717
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
1718
|
+
<o-icon-button icon="cross" size="medium" class="close-btn" bgstyle="none-contrast" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1716
1719
|
</div>
|
|
1717
1720
|
` : null}
|
|
1718
1721
|
|
|
@@ -1745,7 +1748,7 @@ let v = class extends m {
|
|
|
1745
1748
|
`;
|
|
1746
1749
|
}
|
|
1747
1750
|
};
|
|
1748
|
-
|
|
1751
|
+
b.styles = A`
|
|
1749
1752
|
:host {
|
|
1750
1753
|
--z-overlay: 99;
|
|
1751
1754
|
--z-panel: 100;
|
|
@@ -1808,7 +1811,9 @@ v.styles = A`
|
|
|
1808
1811
|
|
|
1809
1812
|
.header {
|
|
1810
1813
|
flex: 0 0 auto;
|
|
1811
|
-
|
|
1814
|
+
display: flex;
|
|
1815
|
+
justify-content: space-between;
|
|
1816
|
+
padding: 20px 16px;
|
|
1812
1817
|
border-bottom: var(--border-050) solid var(--color-border-tertiary);
|
|
1813
1818
|
|
|
1814
1819
|
.panel-title {
|
|
@@ -1817,6 +1822,29 @@ v.styles = A`
|
|
|
1817
1822
|
font-weight: var(--font-weight-400);
|
|
1818
1823
|
line-height: var(--line-height-240);
|
|
1819
1824
|
font-style: italic;
|
|
1825
|
+
display: -webkit-box;
|
|
1826
|
+
-webkit-line-clamp: 2;
|
|
1827
|
+
-webkit-box-orient: vertical;
|
|
1828
|
+
height: auto;
|
|
1829
|
+
margin-top: auto;
|
|
1830
|
+
margin-bottom: auto;
|
|
1831
|
+
overflow: hidden;
|
|
1832
|
+
width: 100%;
|
|
1833
|
+
}
|
|
1834
|
+
|
|
1835
|
+
.close-btn {
|
|
1836
|
+
margin-left: 8px;
|
|
1837
|
+
margin-top: 0;
|
|
1838
|
+
flex-direction: column;
|
|
1839
|
+
justify-content: start;
|
|
1840
|
+
}
|
|
1841
|
+
|
|
1842
|
+
.return-btn {
|
|
1843
|
+
margin-right: 8px;
|
|
1844
|
+
}
|
|
1845
|
+
|
|
1846
|
+
.close-btn:focus {
|
|
1847
|
+
outline: 2px solid #000;
|
|
1820
1848
|
}
|
|
1821
1849
|
}
|
|
1822
1850
|
|
|
@@ -1836,16 +1864,6 @@ v.styles = A`
|
|
|
1836
1864
|
justify-content: flex-start;
|
|
1837
1865
|
}
|
|
1838
1866
|
|
|
1839
|
-
.close-btn {
|
|
1840
|
-
position: absolute;
|
|
1841
|
-
top: 11px;
|
|
1842
|
-
right: 5px;
|
|
1843
|
-
}
|
|
1844
|
-
|
|
1845
|
-
.close-btn:focus {
|
|
1846
|
-
outline: 2px solid #000;
|
|
1847
|
-
}
|
|
1848
|
-
|
|
1849
1867
|
@media (max-width: 640px) {
|
|
1850
1868
|
.panel {
|
|
1851
1869
|
width: 100%;
|
|
@@ -1853,51 +1871,54 @@ v.styles = A`
|
|
|
1853
1871
|
}
|
|
1854
1872
|
}
|
|
1855
1873
|
`;
|
|
1856
|
-
|
|
1874
|
+
g([
|
|
1857
1875
|
a({ type: Boolean, reflect: !0 })
|
|
1858
|
-
],
|
|
1859
|
-
|
|
1876
|
+
], b.prototype, "open", 2);
|
|
1877
|
+
g([
|
|
1860
1878
|
a({ type: Boolean, reflect: !0 })
|
|
1861
|
-
],
|
|
1862
|
-
|
|
1879
|
+
], b.prototype, "showHeader", 2);
|
|
1880
|
+
g([
|
|
1863
1881
|
a({ type: Boolean, reflect: !0 })
|
|
1864
|
-
],
|
|
1865
|
-
|
|
1882
|
+
], b.prototype, "showFooter", 2);
|
|
1883
|
+
g([
|
|
1884
|
+
a({ type: Boolean, reflect: !0 })
|
|
1885
|
+
], b.prototype, "showHeaderStartIcon", 2);
|
|
1886
|
+
g([
|
|
1866
1887
|
a({ type: String, reflect: !0 })
|
|
1867
|
-
],
|
|
1868
|
-
|
|
1888
|
+
], b.prototype, "headerTitle", 2);
|
|
1889
|
+
g([
|
|
1869
1890
|
a({ type: String, reflect: !0 })
|
|
1870
|
-
],
|
|
1871
|
-
|
|
1891
|
+
], b.prototype, "closeButtonLabel", 2);
|
|
1892
|
+
g([
|
|
1872
1893
|
a({ type: String, reflect: !0 })
|
|
1873
|
-
],
|
|
1874
|
-
|
|
1894
|
+
], b.prototype, "firstButtonLabel", 2);
|
|
1895
|
+
g([
|
|
1875
1896
|
a({ type: String, reflect: !0 })
|
|
1876
|
-
],
|
|
1877
|
-
|
|
1897
|
+
], b.prototype, "firstButtonVariant", 2);
|
|
1898
|
+
g([
|
|
1878
1899
|
a({ type: Function })
|
|
1879
|
-
],
|
|
1880
|
-
|
|
1900
|
+
], b.prototype, "onFirstButtonClick", 2);
|
|
1901
|
+
g([
|
|
1881
1902
|
a({ type: String, reflect: !0 })
|
|
1882
|
-
],
|
|
1883
|
-
|
|
1903
|
+
], b.prototype, "secondaryButtonLabel", 2);
|
|
1904
|
+
g([
|
|
1884
1905
|
a({ type: String, reflect: !0 })
|
|
1885
|
-
],
|
|
1886
|
-
|
|
1906
|
+
], b.prototype, "secondaryButtonVariant", 2);
|
|
1907
|
+
g([
|
|
1887
1908
|
a({ type: Function })
|
|
1888
|
-
],
|
|
1889
|
-
|
|
1909
|
+
], b.prototype, "onSecondaryButtonClick", 2);
|
|
1910
|
+
g([
|
|
1890
1911
|
a({ type: Boolean, reflect: !0 })
|
|
1891
|
-
],
|
|
1892
|
-
|
|
1912
|
+
], b.prototype, "disablePortal", 2);
|
|
1913
|
+
g([
|
|
1893
1914
|
a({ type: Number, reflect: !0 })
|
|
1894
|
-
],
|
|
1895
|
-
|
|
1915
|
+
], b.prototype, "zIndex", 2);
|
|
1916
|
+
g([
|
|
1896
1917
|
a({ type: Boolean, reflect: !0 })
|
|
1897
|
-
],
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
],
|
|
1918
|
+
], b.prototype, "initialized", 2);
|
|
1919
|
+
b = g([
|
|
1920
|
+
O("o-side-panel")
|
|
1921
|
+
], b);
|
|
1901
1922
|
var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
|
|
1902
1923
|
for (var s = o > 1 ? void 0 : o ? Be(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1903
1924
|
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
@@ -2087,5 +2108,5 @@ M([
|
|
|
2087
2108
|
Qt()
|
|
2088
2109
|
], _.prototype, "focusedIndex", 2);
|
|
2089
2110
|
_ = M([
|
|
2090
|
-
|
|
2111
|
+
O("thumbnail-navigation")
|
|
2091
2112
|
], _);
|