@cupra/ui-react 1.0.0-canary.13 → 1.0.0-canary.14
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/dist/index.d.ts +4 -0
- package/dist/index.js +395 -395
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(w,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],y):(w=typeof globalThis<"u"?globalThis:w||self,y(w.CupraUiReact={},w.jsxRuntime,w.React))})(this,(function(w,y,E){"use strict";const et={xs:0,s:480,m:768,l:1024,xl:1440,xxl:1920},xm={xs:`@media(min-width: ${et.xs}px)`,s:`@media(min-width: ${et.s}px)`,m:`@media(min-width: ${et.m}px)`,l:`@media(min-width: ${et.l}px)`,xl:`@media(min-width: ${et.xl}px)`,xxl:`@media(min-width: ${et.xxl}px)`};function Hr({func:e,milliseconds:t=100}){let s;return function(r){clearTimeout(s),s=setTimeout(()=>{e(r)},t)}}/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2021 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/let
|
|
5
|
+
*/let io=class extends Event{constructor(e,t,s,r){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t,this.callback=s,this.subscribe=r??!1}};/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2021 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -10,65 +10,65 @@
|
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2021 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/let
|
|
13
|
+
*/let qr=class{constructor(e,t,s,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,o)=>{this.unsubscribe&&(this.unsubscribe!==o&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,o)),this.unsubscribe=o},this.host=e,t.context!==void 0){const i=t;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=t,this.callback=s,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new io(this.context,this.host,this.t,this.subscribe))}};/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2021 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/let
|
|
17
|
+
*/let Ua=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){const s=t||!Object.is(e,this.o);this.o=e,s&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(const[t,{disposer:s}]of this.subscriptions)t(this.o,s)},e!==void 0&&(this.value=e)}addCallback(e,t,s){if(!s)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});const{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}};/**
|
|
18
18
|
* @license
|
|
19
19
|
* Copyright 2021 Google LLC
|
|
20
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
-
*/let
|
|
21
|
+
*/let Ha=class extends Event{constructor(e,t){super("context-provider",{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=t}},oo=class extends Ua{constructor(e,t,s){var r,i;super(t.context!==void 0?t.initialValue:s),this.onContextRequest=o=>{if(o.context!==this.context)return;const n=o.contextTarget??o.composedPath()[0];n!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,n,o.subscribe))},this.onProviderRequest=o=>{if(o.context!==this.context||(o.contextTarget??o.composedPath()[0])===this.host)return;const n=new Set;for(const[l,{consumerHost:c}]of this.subscriptions)n.has(l)||(n.add(l),c.dispatchEvent(new io(this.context,c,l,!0)));o.stopPropagation()},this.host=e,t.context!==void 0?this.context=t.context:this.context=t,this.attachListeners(),(i=(r=this.host).addController)==null||i.call(r,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Ha(this.context,this.host))}};/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/function
|
|
25
|
+
*/function je({context:e}){return(t,s)=>{const r=new WeakMap;if(typeof s=="object")return{get(){return t.get.call(this)},set(i){return r.get(this).setValue(i),t.set.call(this,i)},init(i){return r.set(this,new oo(this,{context:e,initialValue:i})),i}};{t.constructor.addInitializer((n=>{r.set(n,new oo(n,{context:e}))}));const i=Object.getOwnPropertyDescriptor(t,s);let o;if(i===void 0){const n=new WeakMap;o={get(){return n.get(this)},set(l){r.get(this).setValue(l),n.set(this,l)},configurable:!0,enumerable:!0}}else{const n=i.set;o={...i,set(l){r.get(this).setValue(l),n==null||n.call(this,l)}}}return void Object.defineProperty(t,s,o)}}}/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2022 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/function
|
|
29
|
+
*/function no({context:e,subscribe:t}){return(s,r)=>{typeof r=="object"?r.addInitializer((function(){new qr(this,{context:e,callback:i=>{s.set.call(this,i)},subscribe:t})})):s.constructor.addInitializer((i=>{new qr(i,{context:e,callback:o=>{i[r]=o},subscribe:t})}))}}const Wr="theme",Me=(class Hs{constructor(){this.subscribers={},this.lastPublishedData={}}static getInstance(){return Hs.instance||(Hs.instance=new Hs),Hs.instance}subscribe(t,s){return this.subscribers[t]||(this.subscribers[t]=[]),this.subscribers[t].push(s),this.lastPublishedData[t]}unsubscribe(t,s){this.subscribers[t]&&(this.subscribers[t]=this.subscribers[t].filter(r=>r!==s))}publish(t,s){this.lastPublishedData[t]=s,this.subscribers[t]&&this.subscribers[t].forEach(r=>{try{r(s)}catch(i){console.error(`Error in subscriber for event "${t}":`,i)}})}}).getInstance(),qa=(class qs{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:s})=>{if(!s||!t)return;const r=`https://ds-assets.cupra.com/1.0.0-canary.9/styles/${s}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;const o=this.fetchStyle({url:r}).then(n=>(n||this.stylePromises.delete(r),n));return this.stylePromises.set(r,o),this.stylePromises.get(r)}}async fetchStyle({url:t}){try{const s=await fetch(t,{cache:"force-cache"});if(s.ok)return s.text()}catch(s){console.error(`Failed to fetch Style Sheet "${t}":`,s)}}getCachedStyleSheetPromise({url:t}){return this.stylePromises.get(t)}static getInstance(){return qs.instance||(qs.instance=new qs),qs.instance}}).getInstance();/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2019 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/const
|
|
33
|
+
*/const Ks=globalThis,Gr=Ks.ShadowRoot&&(Ks.ShadyCSS===void 0||Ks.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Kr=Symbol(),ao=new WeakMap;let lo=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==Kr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Gr&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=ao.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&ao.set(t,e))}return e}toString(){return this.cssText}};const co=e=>new lo(typeof e=="string"?e:e+"",void 0,Kr),v=(e,...t)=>{const s=e.length===1?e[0]:t.reduce(((r,i,o)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[o+1]),e[0]);return new lo(s,e,Kr)},Yr=(e,t)=>{if(Gr)e.adoptedStyleSheets=t.map((s=>s instanceof CSSStyleSheet?s:s.styleSheet));else for(const s of t){const r=document.createElement("style"),i=Ks.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=s.cssText,e.appendChild(r)}},ho=Gr?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const r of t.cssRules)s+=r.cssText;return co(s)})(e):e;/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/const{is:
|
|
37
|
+
*/const{is:Wa,defineProperty:Ga,getOwnPropertyDescriptor:Ka,getOwnPropertyNames:Ya,getOwnPropertySymbols:Xa,getPrototypeOf:Ja}=Object,Le=globalThis,po=Le.trustedTypes,Za=po?po.emptyScript:"",uo=Le.reactiveElementPolyfillSupport,ms=(e,t)=>e,Ys={toAttribute(e,t){switch(t){case Boolean:e=e?Za:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},Xr=(e,t)=>!Wa(e,t),mo={attribute:!0,type:String,converter:Ys,reflect:!1,useDefault:!1,hasChanged:Xr};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Le.litPropertyMetadata??(Le.litPropertyMetadata=new WeakMap);let Be=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,s=mo){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const r=Symbol(),i=this.getPropertyDescriptor(t,r,s);i!==void 0&&Ga(this.prototype,t,i)}}static getPropertyDescriptor(t,s,r){const{get:i,set:o}=Ka(this.prototype,t)??{get(){return this[s]},set(n){this[s]=n}};return{get:i,set(n){const l=i==null?void 0:i.call(this);o==null||o.call(this,n),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mo}static _$Ei(){if(this.hasOwnProperty(ms("elementProperties")))return;const t=Ja(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ms("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ms("properties"))){const s=this.properties,r=[...Ya(s),...Xa(s)];for(const i of r)this.createProperty(i,s[i])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[r,i]of s)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[s,r]of this.elementProperties){const i=this._$Eu(s,r);i!==void 0&&this._$Eh.set(i,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)s.unshift(ho(i))}else t!==void 0&&s.push(ho(t));return s}static _$Eu(t,s){const r=s.attribute;return r===!1?void 0:typeof r=="string"?r: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((s=>this.enableUpdating=s)),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach((s=>s(this)))}addController(t){var s;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((s=t.hostConnected)==null||s.call(t))}removeController(t){var s;(s=this._$EO)==null||s.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const r of s.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Yr(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach((s=>{var r;return(r=s.hostConnected)==null?void 0:r.call(s)}))}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach((s=>{var r;return(r=s.hostDisconnected)==null?void 0:r.call(s)}))}attributeChangedCallback(t,s,r){this._$AK(t,r)}_$ET(t,s){var r;const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(o!==void 0&&i.reflect===!0){const n=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:Ys).toAttribute(s,i.type);this._$Em=t,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$Em=null}}_$AK(t,s){var r,i;const o=this.constructor,n=o._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const l=o.getPropertyOptions(n),c=typeof l.converter=="function"?{fromAttribute:l.converter}:((r=l.converter)==null?void 0:r.fromAttribute)!==void 0?l.converter:Ys;this._$Em=n;const h=c.fromAttribute(s,l.type);this[n]=h??((i=this._$Ej)==null?void 0:i.get(n))??h,this._$Em=null}}requestUpdate(t,s,r){var i;if(t!==void 0){const o=this.constructor,n=this[t];if(r??(r=o.getPropertyOptions(t)),!((r.hasChanged??Xr)(n,s)||r.useDefault&&r.reflect&&n===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(o._$Eu(t,r))))return;this.C(t,s,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,s,{useDefault:r,reflect:i,wrapped:o},n){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,n??s??this[t]),o!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(s=void 0),this._$AL.set(t,s)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[o,n]of i){const{wrapped:l}=n,c=this[o];l!==!0||this._$AL.has(o)||c===void 0||this.C(o,void 0,n,c)}}let s=!1;const r=this._$AL;try{s=this.shouldUpdate(r),s?(this.willUpdate(r),(t=this._$EO)==null||t.forEach((i=>{var o;return(o=i.hostUpdate)==null?void 0:o.call(i)})),this.update(r)):this._$EM()}catch(i){throw s=!1,this._$EM(),i}s&&this._$AE(r)}willUpdate(t){}_$AE(t){var s;(s=this._$EO)==null||s.forEach((r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)})),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((s=>this._$ET(s,this[s])))),this._$EM()}updated(t){}firstUpdated(t){}};Be.elementStyles=[],Be.shadowRootOptions={mode:"open"},Be[ms("elementProperties")]=new Map,Be[ms("finalized")]=new Map,uo==null||uo({ReactiveElement:Be}),(Le.reactiveElementVersions??(Le.reactiveElementVersions=[])).push("2.1.1");/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/const
|
|
42
|
-
\f\r]`,
|
|
43
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
41
|
+
*/const Xs=globalThis,Js=Xs.trustedTypes,fo=Js?Js.createPolicy("lit-html",{createHTML:e=>e}):void 0,yo="$lit$",te=`lit$${Math.random().toFixed(9).slice(2)}$`,go="?"+te,Qa=`<${go}>`,me=document,fs=()=>me.createComment(""),ys=e=>e===null||typeof e!="object"&&typeof e!="function",Jr=Array.isArray,tl=e=>Jr(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",Zr=`[
|
|
42
|
+
\f\r]`,gs=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vo=/-->/g,bo=/>/g,fe=RegExp(`>|${Zr}(?:([^\\s"'>=/]+)(${Zr}*=${Zr}*(?:[^
|
|
43
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),wo=/'/g,xo=/"/g,$o=/^(?:script|style|textarea|title)$/i,el=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),d=el(1),jt=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),So=new WeakMap,ye=me.createTreeWalker(me,129);function ko(e,t){if(!Jr(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return fo!==void 0?fo.createHTML(t):t}const sl=(e,t)=>{const s=e.length-1,r=[];let i,o=t===2?"<svg>":t===3?"<math>":"",n=gs;for(let l=0;l<s;l++){const c=e[l];let h,m,p=-1,f=0;for(;f<c.length&&(n.lastIndex=f,m=n.exec(c),m!==null);)f=n.lastIndex,n===gs?m[1]==="!--"?n=vo:m[1]!==void 0?n=bo:m[2]!==void 0?($o.test(m[2])&&(i=RegExp("</"+m[2],"g")),n=fe):m[3]!==void 0&&(n=fe):n===fe?m[0]===">"?(n=i??gs,p=-1):m[1]===void 0?p=-2:(p=n.lastIndex-m[2].length,h=m[1],n=m[3]===void 0?fe:m[3]==='"'?xo:wo):n===xo||n===wo?n=fe:n===vo||n===bo?n=gs:(n=fe,i=void 0);const g=n===fe&&e[l+1].startsWith("/>")?" ":"";o+=n===gs?c+Qa:p>=0?(r.push(h),c.slice(0,p)+yo+c.slice(p)+te+g):c+te+(p===-2?l:g)}return[ko(e,o+(e[s]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};let Qr=class Fa{constructor({strings:t,_$litType$:s},r){let i;this.parts=[];let o=0,n=0;const l=t.length-1,c=this.parts,[h,m]=sl(t,s);if(this.el=Fa.createElement(h,r),ye.currentNode=this.el.content,s===2||s===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=ye.nextNode())!==null&&c.length<l;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(yo)){const f=m[n++],g=i.getAttribute(p).split(te),x=/([.?@])?(.*)/.exec(f);c.push({type:1,index:o,name:x[2],strings:g,ctor:x[1]==="."?il:x[1]==="?"?ol:x[1]==="@"?nl:Qs}),i.removeAttribute(p)}else p.startsWith(te)&&(c.push({type:6,index:o}),i.removeAttribute(p));if($o.test(i.tagName)){const p=i.textContent.split(te),f=p.length-1;if(f>0){i.textContent=Js?Js.emptyScript:"";for(let g=0;g<f;g++)i.append(p[g],fs()),ye.nextNode(),c.push({type:2,index:++o});i.append(p[f],fs())}}}else if(i.nodeType===8)if(i.data===go)c.push({type:2,index:o});else{let p=-1;for(;(p=i.data.indexOf(te,p+1))!==-1;)c.push({type:7,index:o}),p+=te.length-1}o++}}static createElement(t,s){const r=me.createElement("template");return r.innerHTML=t,r}};function Fe(e,t,s=e,r){var i,o;if(t===jt)return t;let n=r!==void 0?(i=s._$Co)==null?void 0:i[r]:s._$Cl;const l=ys(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==l&&((o=n==null?void 0:n._$AO)==null||o.call(n,!1),l===void 0?n=void 0:(n=new l(e),n._$AT(e,s,r)),r!==void 0?(s._$Co??(s._$Co=[]))[r]=n:s._$Cl=n),n!==void 0&&(t=Fe(e,n._$AS(e,t.values),n,r)),t}let rl=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:s}=this._$AD,r=((e==null?void 0:e.creationScope)??me).importNode(t,!0);ye.currentNode=r;let i=ye.nextNode(),o=0,n=0,l=s[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new Zs(i,i.nextSibling,this,e):l.type===1?c=new l.ctor(i,l.name,l.strings,this,e):l.type===6&&(c=new al(i,this,e)),this._$AV.push(c),l=s[++n]}o!==(l==null?void 0:l.index)&&(i=ye.nextNode(),o++)}return ye.currentNode=me,r}p(e){let t=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}},Zs=class Ra{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,s,r,i){this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=Fe(this,t,s),ys(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==jt&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):tl(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!==u&&ys(this._$AH)?this._$AA.nextSibling.data=t:this.T(me.createTextNode(t)),this._$AH=t}$(t){var s;const{values:r,_$litType$:i}=t,o=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=Qr.createElement(ko(i.h,i.h[0]),this.options)),i);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(r);else{const n=new rl(o,this),l=n.u(this.options);n.p(r),this.T(l),this._$AH=n}}_$AC(t){let s=So.get(t.strings);return s===void 0&&So.set(t.strings,s=new Qr(t)),s}k(t){Jr(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let r,i=0;for(const o of t)i===s.length?s.push(r=new Ra(this.O(fs()),this.O(fs()),this,this.options)):r=s[i],r._$AI(o),i++;i<s.length&&(this._$AR(r&&r._$AB.nextSibling,i),s.length=i)}_$AR(t=this._$AA.nextSibling,s){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,s);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var s;this._$AM===void 0&&(this._$Cv=t,(s=this._$AP)==null||s.call(this,t))}};class Qs{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,r,i,o){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=s,this._$AM=i,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=u}_$AI(t,s=this,r,i){const o=this.strings;let n=!1;if(o===void 0)t=Fe(this,t,s,0),n=!ys(t)||t!==this._$AH&&t!==jt,n&&(this._$AH=t);else{const l=t;let c,h;for(t=o[0],c=0;c<o.length-1;c++)h=Fe(this,l[r+c],s,c),h===jt&&(h=this._$AH[c]),n||(n=!ys(h)||h!==this._$AH[c]),h===u?t=u:t!==u&&(t+=(h??"")+o[c+1]),this._$AH[c]=h}n&&!i&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class il extends Qs{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}class ol extends Qs{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}}class nl extends Qs{constructor(t,s,r,i,o){super(t,s,r,i,o),this.type=5}_$AI(t,s=this){if((t=Fe(this,t,s,0)??u)===jt)return;const r=this._$AH,i=t===u&&r!==u||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==u&&(r===u||i);i&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s;typeof this._$AH=="function"?this._$AH.call(((s=this.options)==null?void 0:s.host)??this.element,t):this._$AH.handleEvent(t)}}class al{constructor(t,s,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){Fe(this,t)}}const ll={I:Zs},To=Xs.litHtmlPolyfillSupport;To==null||To(Qr,Zs),(Xs.litHtmlVersions??(Xs.litHtmlVersions=[])).push("3.3.1");const cl=(e,t,s)=>{const r=(s==null?void 0:s.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const o=(s==null?void 0:s.renderBefore)??null;r._$litPart$=i=new Zs(t.insertBefore(fs(),o),o,void 0,s??{})}return i._$AI(e),i};/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/const
|
|
47
|
+
*/const vs=globalThis;let Mt=class extends Be{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const s=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=s.firstChild),s}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=cl(s,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 jt}};var Co;Mt._$litElement$=!0,Mt.finalized=!0,(Co=vs.litElementHydrateSupport)==null||Co.call(vs,{LitElement:Mt});const Eo=vs.litElementPolyfillSupport;Eo==null||Eo({LitElement:Mt}),(vs.litElementVersions??(vs.litElementVersions=[])).push("4.2.1");/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/const
|
|
51
|
+
*/const dl={attribute:!0,type:String,converter:Ys,reflect:!1,hasChanged:Xr},hl=(e=dl,t,s)=>{const{kind:r,metadata:i}=s;let o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),r==="setter"&&((e=Object.create(e)).wrapped=!0),o.set(s.name,e),r==="accessor"){const{name:n}=s;return{set(l){const c=t.get.call(this);t.set.call(this,l),this.requestUpdate(n,c,e)},init(l){return l!==void 0&&this.C(n,void 0,e,l),l}}}if(r==="setter"){const{name:n}=s;return function(l){const c=this[n];t.call(this,l),this.requestUpdate(n,c,e)}}throw Error("Unsupported decorator location: "+r)};function a(e){return(t,s)=>typeof s=="object"?hl(e,t,s):((r,i,o)=>{const n=i.hasOwnProperty(o);return i.constructor.createProperty(o,r),n?Object.getOwnPropertyDescriptor(i,o):void 0})(e,t,s)}/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/function
|
|
55
|
+
*/function T(e){return a({...e,state:!0,attribute:!1})}/**
|
|
56
56
|
* @license
|
|
57
57
|
* Copyright 2017 Google LLC
|
|
58
58
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
59
|
-
*/const
|
|
59
|
+
*/const ti=(e,t,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(e,t,s),s);/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2017 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/function
|
|
63
|
+
*/function _t(e,t){return(s,r,i)=>{const o=n=>{var l;return((l=n.renderRoot)==null?void 0:l.querySelector(e))??null};return ti(s,r,{get(){return o(this)}})}}/**
|
|
64
64
|
* @license
|
|
65
65
|
* Copyright 2021 Google LLC
|
|
66
66
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
67
|
-
*/function
|
|
67
|
+
*/function xt(e){return(t,s)=>{const{slot:r,selector:i}=e??{},o="slot"+(r?`[name=${r}]`:":not([name])");return ti(t,s,{get(){var n;const l=(n=this.renderRoot)==null?void 0:n.querySelector(o),c=(l==null?void 0:l.assignedElements(e))??[];return i===void 0?c:c.filter((h=>h.matches(i)))}})}}/**
|
|
68
68
|
* @license
|
|
69
69
|
* Copyright 2017 Google LLC
|
|
70
70
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
71
|
-
*/function
|
|
71
|
+
*/function ei(e){return(t,s)=>{const{slot:r}=e??{},i="slot"+(r?`[name=${r}]`:":not([name])");return ti(t,s,{get(){var o;const n=(o=this.renderRoot)==null?void 0:o.querySelector(i);return(n==null?void 0:n.assignedNodes(e))??[]}})}}var pl=Object.defineProperty,Oo=(e,t,s,r)=>{for(var i=void 0,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(t,s,i)||i);return i&&pl(t,s,i),i};const ul=v`:host([unresolved]){visibility:hidden}`,si=class Va extends Mt{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=t=>{this.pubSubTheme=t},this.pubSubTheme=Me.subscribe("theme",this.handleChangeTheme)}get theme(){return this.contextTheme??this.pubSubTheme}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:"open"}),this.setAttribute("unresolved","");const t=this.constructor,s=Array.isArray(t.styles)?t.styles:[t.styles].filter(Boolean);Yr(this.shadowRoot,[...s,ul]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),Me.unsubscribe("theme",this.handleChangeTheme)}updated(t){super.updated(t),(t.has("contextTheme")||t.has("pubSubTheme"))&&this.applyThemeStyles()}getComponentNames(){const t=new Set;let s=this.constructor;for(;s&&s!==Va;)Array.isArray(s.componentName)&&s.componentName.forEach(r=>t.add(r)),s=Object.getPrototypeOf(s);return Array.from(t).reverse()}supportsAdoptedSheets(){return"adoptedStyleSheets"in((ShadowRoot==null?void 0:ShadowRoot.prototype)||{})&&"replace"in CSSStyleSheet.prototype}async applyThemeStyles(){const t=this.getComponentNames();if(!(!this.theme||!(t!=null&&t.length)))try{const s=await Promise.all(t.map(n=>qa.getStyles({componentName:n,theme:this.theme}))),r=this.supportsAdoptedSheets(),i=this.shadowRoot.adoptedStyleSheets||[],o=this.appliedConstructables?i.filter(n=>!this.appliedConstructables.includes(n)):i;this.appliedConstructables=[],this.appliedStyleTags.forEach(n=>n.remove()),this.appliedStyleTags=[],s.forEach(n=>{if(n)if(r){const l=new CSSStyleSheet;l.replaceSync(n),this.appliedConstructables.push(l)}else{const l=document.createElement("style");l.textContent=n,this.shadowRoot.appendChild(l),this.appliedStyleTags.push(l)}}),r&&(this.shadowRoot.adoptedStyleSheets=[...o,...this.appliedConstructables])}catch(s){console.error(s)}finally{this.removeAttribute("unresolved"),this.requestUpdate()}}};Oo([a({attribute:!1}),no({context:Wr,subscribe:!0})],si.prototype,"contextTheme"),Oo([T()],si.prototype,"pubSubTheme");let C=si;const ml=v`
|
|
72
72
|
:host {
|
|
73
73
|
display: block;
|
|
74
74
|
width: 100%;
|
|
@@ -124,32 +124,32 @@
|
|
|
124
124
|
block-size: auto;
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
|
-
`,
|
|
127
|
+
`,Po={cupra:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"},"cupra-diagonal":{"icon-names":{open:"arrow-up",close:"arrow-down"},"icon-button-variant":"primary"},seat:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"}};/**
|
|
128
128
|
* @license
|
|
129
129
|
* Copyright 2018 Google LLC
|
|
130
130
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
131
|
-
*/const
|
|
131
|
+
*/const lt=e=>e??u,fl={createIcon:e=>d`
|
|
132
132
|
<ds-icon-react
|
|
133
|
-
class=${
|
|
134
|
-
data-testid=${
|
|
133
|
+
class=${lt(e==null?void 0:e.class)}
|
|
134
|
+
data-testid=${lt(e==null?void 0:e["data-testid"])}
|
|
135
135
|
@click=${e==null?void 0:e["@click"]}
|
|
136
136
|
@keydown=${e==null?void 0:e["@keydown"]}
|
|
137
137
|
icon-name=${e==null?void 0:e["icon-name"]}
|
|
138
|
-
color=${
|
|
139
|
-
background-color=${
|
|
140
|
-
size=${
|
|
141
|
-
aria-label=${
|
|
142
|
-
aria-hidden=${
|
|
143
|
-
role=${
|
|
144
|
-
tabindex=${
|
|
138
|
+
color=${lt(e==null?void 0:e.color)}
|
|
139
|
+
background-color=${lt(e==null?void 0:e["background-color"])}
|
|
140
|
+
size=${lt(e==null?void 0:e.size)}
|
|
141
|
+
aria-label=${lt(e==null?void 0:e["aria-label"])}
|
|
142
|
+
aria-hidden=${lt(e==null?void 0:e["aria-hidden"])}
|
|
143
|
+
role=${lt(e==null?void 0:e.role)}
|
|
144
|
+
tabindex=${lt(e==null?void 0:e.tabindex)}
|
|
145
145
|
>
|
|
146
146
|
${e.children}
|
|
147
147
|
</ds-icon-react>
|
|
148
|
-
`,createButton:(e={})=>
|
|
148
|
+
`,createButton:(e={})=>d`
|
|
149
149
|
<ds-button-react
|
|
150
150
|
class=${e==null?void 0:e.class}
|
|
151
151
|
@click=${e==null?void 0:e["@click"]}
|
|
152
|
-
.size=${
|
|
152
|
+
.size=${lt(e==null?void 0:e.size)}
|
|
153
153
|
type=${e==null?void 0:e.type}
|
|
154
154
|
icon-position=${e==null?void 0:e["icon-position"]}
|
|
155
155
|
.rounded=${e==null?void 0:e.rounded}
|
|
@@ -166,11 +166,11 @@
|
|
|
166
166
|
>
|
|
167
167
|
${e.children}
|
|
168
168
|
</ds-button-react>
|
|
169
|
-
`,createIconButton:(e={})=>
|
|
169
|
+
`,createIconButton:(e={})=>d`
|
|
170
170
|
<ds-icon-button-react
|
|
171
171
|
class=${e==null?void 0:e.class}
|
|
172
172
|
@click=${e==null?void 0:e["@click"]}
|
|
173
|
-
size=${
|
|
173
|
+
size=${lt(e==null?void 0:e.size)}
|
|
174
174
|
variant=${(e==null?void 0:e.variant)??"primary"}
|
|
175
175
|
mode=${(e==null?void 0:e.mode)??"light"}
|
|
176
176
|
.disabled=${e==null?void 0:e.disabled}
|
|
@@ -184,13 +184,13 @@
|
|
|
184
184
|
>
|
|
185
185
|
${e.children}
|
|
186
186
|
</ds-icon-button-react>
|
|
187
|
-
`,createLoaderSpinner:(e={})=>
|
|
187
|
+
`,createLoaderSpinner:(e={})=>d`
|
|
188
188
|
<ds-loader-spinner-react
|
|
189
189
|
?show=${e==null?void 0:e.show}
|
|
190
190
|
orientation=${(e==null?void 0:e.orientation)??"row"}
|
|
191
191
|
mode=${(e==null?void 0:e.mode)??"light"}
|
|
192
192
|
></ds-loader-spinner-react>
|
|
193
|
-
`,createToastMessage:e=>
|
|
193
|
+
`,createToastMessage:e=>d`
|
|
194
194
|
<ds-toast-message-react
|
|
195
195
|
data-id="${e["data-id"]}"
|
|
196
196
|
data-template="${e["data-template"]}"
|
|
@@ -198,30 +198,30 @@
|
|
|
198
198
|
text="${e.text}"
|
|
199
199
|
status="${e.status}"
|
|
200
200
|
></ds-toast-message-react>
|
|
201
|
-
`};function
|
|
201
|
+
`};function S(e,t){return function(s){var r,i,o;if(!((s==null?void 0:s.prototype)instanceof HTMLElement))throw new TypeError("@customUiKitElement requires a class that extends HTMLElement.");const n=`${e}-react`;if(customElements.get(n))return;let l=t!=null&&t.skipTagAsComponentName?[]:[e];Array.isArray(t==null?void 0:t.extendComponentNames)&&(l=[...t.extendComponentNames,...l]),(o=(r=window==null?void 0:window.customElements)==null?void 0:r.define)==null||o.call(r,n,(i=class extends s{constructor(){super(...arguments),this.componentFactory=fl}},i.componentName=l,i))}}const $=e=>typeof e=="boolean"?e:e==="true"||e===""?!0:e==="false"?!1:!!e;/**
|
|
202
202
|
* @license
|
|
203
203
|
* Copyright 2017 Google LLC
|
|
204
204
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
205
|
-
*/const
|
|
205
|
+
*/const ri={ATTRIBUTE:1,CHILD:2},ii=e=>(...t)=>({_$litDirective$:e,values:t});class oi{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,r){this._$Ct=t,this._$AM=s,this._$Ci=r}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}/**
|
|
206
206
|
* @license
|
|
207
207
|
* Copyright 2017 Google LLC
|
|
208
208
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
209
|
-
*/let
|
|
209
|
+
*/let ni=class extends oi{constructor(e){if(super(e),this.it=u,e.type!==ri.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===u||e==null)return this._t=void 0,this.it=e;if(e===jt)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};ni.directiveName="unsafeHTML",ni.resultType=1;const tr=ii(ni);function B(e,...t){const s=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v1-0-0-canary-9"),r=tr(s);return d`${r}`}/**
|
|
210
210
|
* @license
|
|
211
211
|
* Copyright 2018 Google LLC
|
|
212
212
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
213
|
-
*/const
|
|
213
|
+
*/const b=ii(class extends oi{constructor(e){var t;if(super(e),e.type!==ri.ATTRIBUTE||e.name!=="class"||((t=e.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){var s,r;if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((o=>o!==""))));for(const o in t)t[o]&&!((s=this.nt)!=null&&s.has(o))&&this.st.add(o);return this.render(t)}const i=e.element.classList;for(const o of this.st)o in t||(i.remove(o),this.st.delete(o));for(const o in t){const n=!!t[o];n===this.st.has(o)||(r=this.nt)!=null&&r.has(o)||(n?(i.add(o),this.st.add(o)):(i.remove(o),this.st.delete(o)))}return jt}});var yl=Object.defineProperty,gl=Object.getOwnPropertyDescriptor,ge=(e,t,s,r)=>{for(var i=r>1?void 0:r?gl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&yl(t,s,i),i};let Lt=class extends C{constructor(){super(...arguments),this.maxHeight=300,this.open=!1,this.mode="light",this.size="medium",this.disabled=!1,this._open=!1}async firstUpdated(t){super.firstUpdated(t),await this.updateComplete,this._open=this.open}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return u;const s=(t=Po[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon open-icon",role:"image","aria-hidden":"true","icon-name":(s==null?void 0:s.open)||"minus"})}get closeIconTemplate(){var t;if(!this.theme)return u;const s=(t=Po[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon close-icon",role:"image","aria-hidden":"true","icon-name":(s==null?void 0:s.close)||"plus"})}get styleTokens(){return B`
|
|
214
214
|
<style>
|
|
215
215
|
:host{
|
|
216
216
|
color-scheme: ${this.mode};
|
|
217
217
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
218
218
|
}
|
|
219
219
|
</style>
|
|
220
|
-
`}handleKeyDown(
|
|
220
|
+
`}handleKeyDown(t){this.disabled&&t.preventDefault()}handleToggle(t){this._open=t.newState==="open"}render(){return d`
|
|
221
221
|
${this.styleTokens}
|
|
222
222
|
|
|
223
223
|
<details
|
|
224
|
-
class=${
|
|
224
|
+
class=${b(this.containerClasses)}
|
|
225
225
|
aria-disabled=${!!this.disabled}
|
|
226
226
|
?open=${this.open}
|
|
227
227
|
@keydown=${this.handleKeyDown}
|
|
@@ -234,8 +234,8 @@
|
|
|
234
234
|
</summary>
|
|
235
235
|
<slot name="content"></slot>
|
|
236
236
|
</details>
|
|
237
|
-
<div class=${
|
|
238
|
-
`}};
|
|
237
|
+
<div class=${b(this.dividerClasses)}></div>
|
|
238
|
+
`}};Lt.styles=[ml],ge([a({type:Number,attribute:"max-height"})],Lt.prototype,"maxHeight",2),ge([a({type:Boolean,converter:$,reflect:!0})],Lt.prototype,"open",2),ge([a({type:String,reflect:!0})],Lt.prototype,"mode",2),ge([a({type:String})],Lt.prototype,"size",2),ge([a({type:Boolean,converter:$})],Lt.prototype,"disabled",2),ge([T()],Lt.prototype,"_open",2),Lt=ge([S("ds-accordion")],Lt);const vl=v`
|
|
239
239
|
:host {
|
|
240
240
|
display: block;
|
|
241
241
|
width: 100%;
|
|
@@ -253,26 +253,26 @@
|
|
|
253
253
|
.bullet.active {
|
|
254
254
|
cursor: auto;
|
|
255
255
|
}
|
|
256
|
-
`;var
|
|
257
|
-
<div @click=${this.handleClickChunk(s)} class=${
|
|
258
|
-
`)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return
|
|
256
|
+
`;var bl=Object.defineProperty,wl=Object.getOwnPropertyDescriptor,er=(e,t,s,r)=>{for(var i=r>1?void 0:r?wl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&bl(t,s,i),i};let Re=class extends C{constructor(){super(...arguments),this.mode="light",this.activeBulletIndex=0,this.handleClickChunk=t=>()=>{this.activeBulletIndex!==t&&(this.activeBulletIndex=t,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{index:t}})))}}get bulletsTemplate(){const t=[];for(let s=0;s<this.bulletsNumber;s++){const r={bullet:!0,active:s===this.activeBulletIndex};t.push(d`
|
|
257
|
+
<div @click=${this.handleClickChunk(s)} class=${b(r)}></div>
|
|
258
|
+
`)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return B`
|
|
259
259
|
<style>
|
|
260
260
|
:host{
|
|
261
261
|
color-scheme: ${this.mode};
|
|
262
262
|
}
|
|
263
263
|
</style>
|
|
264
|
-
`}render(){return this.bulletsNumber>0?
|
|
264
|
+
`}render(){return this.bulletsNumber>0?d`
|
|
265
265
|
${this.styleTokens}
|
|
266
|
-
<div class=${
|
|
267
|
-
`:
|
|
266
|
+
<div class=${b(this.classes)}>${this.bulletsTemplate}</div>
|
|
267
|
+
`:u}};Re.styles=[vl],er([a({type:String,reflect:!0})],Re.prototype,"mode",2),er([a({type:Number,attribute:"bullets-number"})],Re.prototype,"bulletsNumber",2),er([a({type:Number,attribute:"active-bullet-index",reflect:!0})],Re.prototype,"activeBulletIndex",2),Re=er([S("ds-bullets")],Re);const ee=e=>class extends e{constructor(){super(...arguments),this.handleResize=()=>{this.updateViewportWithDebounce()},this.updateViewport=()=>{let t="xs";const s=["xxl","xl","l","m","s"];for(const r of s)if((window==null?void 0:window.innerWidth)>=et[r]){t=r;break}t!==this.currentViewport&&(this.currentViewport=t,this.requestUpdate("viewport",null))}}connectedCallback(){super.connectedCallback(),this.updateViewportWithDebounce=Hr({func:this.updateViewport}),this.updateViewport(),window==null||window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("resize",this.handleResize)}get viewport(){return this.currentViewport}},bs=e=>{if(typeof e!="string")return e;try{return JSON.parse(e)}catch{return e}};/**
|
|
268
268
|
* @license
|
|
269
269
|
* Copyright 2021 Google LLC
|
|
270
270
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
271
|
-
*/const
|
|
271
|
+
*/const ws=(e,t,s)=>{for(const r of t)if(r[0]===e)return(0,r[1])();return s==null?void 0:s()};/**
|
|
272
272
|
* @license
|
|
273
273
|
* Copyright 2021 Google LLC
|
|
274
274
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
275
|
-
*/function
|
|
275
|
+
*/function It(e,t,s){return e?t(e):s==null?void 0:s(e)}const xl=v`
|
|
276
276
|
:host {
|
|
277
277
|
display: contents;
|
|
278
278
|
}
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
.button.full-width {
|
|
293
293
|
width: 100%;
|
|
294
294
|
}
|
|
295
|
-
|
|
295
|
+
`,$l=v`
|
|
296
296
|
.text.container {
|
|
297
297
|
display: inline-flex;
|
|
298
298
|
}
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
text-overflow: ellipsis;
|
|
303
303
|
white-space: nowrap;
|
|
304
304
|
}
|
|
305
|
-
`,
|
|
305
|
+
`,Sl=v`
|
|
306
306
|
.loading-dots {
|
|
307
307
|
display: inline-flex;
|
|
308
308
|
align-items: baseline;
|
|
@@ -378,13 +378,13 @@
|
|
|
378
378
|
opacity: 1;
|
|
379
379
|
}
|
|
380
380
|
}
|
|
381
|
-
`;var
|
|
381
|
+
`;var kl=Object.defineProperty,Tl=Object.getOwnPropertyDescriptor,J=(e,t,s,r)=>{for(var i=r>1?void 0:r?Tl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&kl(t,s,i),i};let W=class extends ee(C){constructor(){super(...arguments),this.variant="primary",this.mode="light",this.size="large",this.disabled=!1,this.destructive=!1,this.htmlTagName="button",this.type="button",this.iconPosition="left",this.rounded=!1,this.fullWidth=!1,this.loading=!1}firstUpdated(){this.closestForm=this.closest("form")}get classes(){const t=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",[t]:!!t,[this.mode]:!!this.mode,[this.variant]:!!this.variant,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(t){if(this.href||t.preventDefault(),this.closestForm&&this.type==="submit"){const s=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(s)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):u}get loadingTemplate(){return this.loading?d`
|
|
382
382
|
<span class="loading-dots">
|
|
383
383
|
<span>.</span>
|
|
384
384
|
<span>.</span>
|
|
385
385
|
<span>.</span>
|
|
386
386
|
</span>
|
|
387
|
-
`:
|
|
387
|
+
`:u}get cssTokens(){return B`
|
|
388
388
|
<style>
|
|
389
389
|
:host{
|
|
390
390
|
color-scheme: ${this.mode};
|
|
@@ -394,46 +394,46 @@
|
|
|
394
394
|
:host:has(::slotted(*:disabled)){
|
|
395
395
|
pointer-events: none;
|
|
396
396
|
}
|
|
397
|
-
</style>`}render(){return
|
|
397
|
+
</style>`}render(){return d`
|
|
398
398
|
${this.cssTokens}
|
|
399
|
-
${
|
|
399
|
+
${ws(this.htmlTagName||"button",[["button",()=>{var t;return d`
|
|
400
400
|
<button
|
|
401
401
|
aria-label=${(t=this.textContent)==null?void 0:t.replace(/^\s+|\s+$/g,"")}
|
|
402
|
-
class=${
|
|
402
|
+
class=${b(this.classes)}
|
|
403
403
|
type=${this.type}
|
|
404
404
|
@click=${this.handleClick}
|
|
405
405
|
?disabled=${this.disabled}
|
|
406
406
|
>
|
|
407
|
-
${
|
|
407
|
+
${It(this.iconPosition==="left",()=>d` ${this.iconTemplate} `)}
|
|
408
408
|
<span class="container">
|
|
409
409
|
<slot></slot>
|
|
410
410
|
${this.loadingTemplate}
|
|
411
411
|
</span>
|
|
412
|
-
${
|
|
412
|
+
${It(this.iconPosition==="right",()=>d` ${this.iconTemplate} `)}
|
|
413
413
|
</button>
|
|
414
|
-
`}],["a",()=>{var t;return
|
|
414
|
+
`}],["a",()=>{var t;return d`
|
|
415
415
|
<a
|
|
416
416
|
aria-label=${(t=this.textContent)==null?void 0:t.replace(/^\s+|\s+$/g,"")}
|
|
417
|
-
class=${
|
|
417
|
+
class=${b(this.classes)}
|
|
418
418
|
href=${this.href}
|
|
419
419
|
rel=${this.rel}
|
|
420
420
|
target=${this.target}
|
|
421
421
|
@click=${this.handleClick}
|
|
422
422
|
?disabled=${this.disabled}
|
|
423
423
|
>
|
|
424
|
-
${
|
|
424
|
+
${It(this.iconPosition==="left",()=>d`${this.iconTemplate}`)}
|
|
425
425
|
<span class="container">
|
|
426
426
|
<slot></slot>
|
|
427
427
|
${this.loadingTemplate}
|
|
428
428
|
</span>
|
|
429
|
-
${
|
|
429
|
+
${It(this.iconPosition==="right",()=>d`${this.iconTemplate}`)}
|
|
430
430
|
</a>
|
|
431
|
-
`}],["custom",()=>
|
|
432
|
-
<div class=${
|
|
431
|
+
`}],["custom",()=>d`
|
|
432
|
+
<div class=${b(this.classes)}>
|
|
433
433
|
<slot></slot>
|
|
434
434
|
</div>
|
|
435
435
|
`]])}
|
|
436
|
-
`}};
|
|
436
|
+
`}};W.styles=[xl,$l,Sl],J([a({type:String})],W.prototype,"variant",2),J([a({type:String,reflect:!0})],W.prototype,"mode",2),J([a({type:String,converter:bs})],W.prototype,"size",2),J([a({type:Boolean,converter:$})],W.prototype,"disabled",2),J([a({type:Boolean,converter:$})],W.prototype,"destructive",2),J([a({type:String,attribute:"icon-name"})],W.prototype,"iconName",2),J([a({type:String,attribute:"html-tag-name"})],W.prototype,"htmlTagName",2),J([a({type:String,reflect:!0})],W.prototype,"href",2),J([a({type:String,reflect:!0})],W.prototype,"rel",2),J([a({type:String,reflect:!0})],W.prototype,"target",2),J([a({type:String})],W.prototype,"type",2),J([a({type:String,attribute:"icon-position"})],W.prototype,"iconPosition",2),J([a({type:Boolean,converter:$})],W.prototype,"rounded",2),J([a({type:Boolean,converter:$,attribute:"full-width"})],W.prototype,"fullWidth",2),J([a({type:Boolean,converter:$})],W.prototype,"loading",2),J([T()],W.prototype,"closestForm",2),W=J([S("ds-button")],W);const Cl=v`
|
|
437
437
|
:host {
|
|
438
438
|
display: flex;
|
|
439
439
|
width: 100%;
|
|
@@ -444,11 +444,11 @@
|
|
|
444
444
|
.container {
|
|
445
445
|
display: flex;
|
|
446
446
|
}
|
|
447
|
-
`;var
|
|
448
|
-
<div data-testid="ds-carousel-indicator-container" class=${
|
|
447
|
+
`;var El=Object.defineProperty,Ol=Object.getOwnPropertyDescriptor,sr=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ol(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&El(t,s,i),i};let Ve=class extends C{constructor(){super(...arguments),this.maxSelectorsShown=6}get classes(){return{container:!0,infinite:this.selectorsNumber>this.maxSelectorsShown}}get selectorsTemplate(){const t=[],s=this.selectorsNumber>this.maxSelectorsShown;for(let r=0;r<this.selectorsNumber;r++){let i=!1;const o=this.selectedIndex>=3&&this.selectedIndex<this.selectorsNumber-3,n=this.selectedIndex<3,l=this.selectedIndex>=this.selectorsNumber-3;s&&(o&&(r<this.selectedIndex-3||r>this.selectedIndex+3)||n&&r>=5||l&&r<this.selectorsNumber-5)&&(i=s);const c={selector:!0,selected:r===this.selectedIndex,hidden:i};t.push(d` <div class=${b(c)}></div> `)}return t}render(){return this.selectorsNumber>0?d`
|
|
448
|
+
<div data-testid="ds-carousel-indicator-container" class=${b(this.classes)}>
|
|
449
449
|
${this.selectorsTemplate}
|
|
450
450
|
</div>
|
|
451
|
-
`:
|
|
451
|
+
`:u}};Ve.styles=[Cl],sr([a({type:Number,attribute:"selectors-number"})],Ve.prototype,"selectorsNumber",2),sr([a({type:Number,attribute:"selected-index"})],Ve.prototype,"selectedIndex",2),sr([T()],Ve.prototype,"maxSelectorsShown",2),Ve=sr([S("ds-carousel-indicator")],Ve);const rr=e=>{const t=class extends e{constructor(...i){var o;super(i),this._internals=(o=this.attachInternals)==null?void 0:o.call(this)}};return t.formAssociated=!0,t},Pl=v`
|
|
452
452
|
:host {
|
|
453
453
|
display: block;
|
|
454
454
|
width: 100%;
|
|
@@ -500,16 +500,16 @@
|
|
|
500
500
|
.container.error .helper-text {
|
|
501
501
|
display: none;
|
|
502
502
|
}
|
|
503
|
-
`;var
|
|
503
|
+
`;var _l=Object.defineProperty,Il=Object.getOwnPropertyDescriptor,rt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Il(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&_l(t,s,i),i};let Z=class extends rr(C){constructor(){super(...arguments),this.inputPlacement="left",this.checked=!1,this.required=!1,this.disabled=!1,this.mode="light",this.size="medium",this.helperText="",this.infoText="",this.forcedError="",this.invalidError="",this.indeterminate=!1}handleChange(t){const s=t.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:!!this.forcedError}}get iconTemplate(){if(!this.checked)return u;const t=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":t})}get styleTokens(){return B`
|
|
504
504
|
<style>
|
|
505
505
|
:host{
|
|
506
506
|
color-scheme: ${this.mode};
|
|
507
507
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
508
508
|
}
|
|
509
509
|
</style>
|
|
510
|
-
`}render(){return
|
|
510
|
+
`}render(){return d`
|
|
511
511
|
${this.styleTokens}
|
|
512
|
-
<div class=${
|
|
512
|
+
<div class=${b(this.classes)}>
|
|
513
513
|
<label>
|
|
514
514
|
<span class="checkmark-container">
|
|
515
515
|
<span class="checkmark">
|
|
@@ -529,15 +529,15 @@
|
|
|
529
529
|
<div class="text-container">
|
|
530
530
|
<div class="text">
|
|
531
531
|
<slot></slot>
|
|
532
|
-
${this.infoText?
|
|
532
|
+
${this.infoText?d` <div class="info-text">${this.infoText}</div> `:u}
|
|
533
533
|
</div>
|
|
534
|
-
${this.helperText?
|
|
535
|
-
${this.forcedError?
|
|
536
|
-
${this.invalidError&&!this.forcedError?
|
|
534
|
+
${this.helperText?d` <div class="helper-text">${this.helperText}</div> `:u}
|
|
535
|
+
${this.forcedError?d` <div class="error-text">${this.forcedError}</div> `:u}
|
|
536
|
+
${this.invalidError&&!this.forcedError?d`<div class="error-text invalid-error">${this.invalidError}</div>`:u}
|
|
537
537
|
</div>
|
|
538
538
|
</label>
|
|
539
539
|
</div>
|
|
540
|
-
`}};
|
|
540
|
+
`}};Z.styles=[Pl],rt([a({type:String})],Z.prototype,"name",2),rt([a({type:String})],Z.prototype,"value",2),rt([a({type:String,attribute:"input-placement"})],Z.prototype,"inputPlacement",2),rt([a({type:Boolean,converter:$,reflect:!0})],Z.prototype,"checked",2),rt([a({type:Boolean,converter:$})],Z.prototype,"required",2),rt([a({type:Boolean,converter:$})],Z.prototype,"disabled",2),rt([a({type:String,reflect:!0})],Z.prototype,"mode",2),rt([a({type:String})],Z.prototype,"size",2),rt([a({type:String,attribute:"helper-text"})],Z.prototype,"helperText",2),rt([a({type:String,attribute:"info-text"})],Z.prototype,"infoText",2),rt([a({type:String,attribute:"forced-error"})],Z.prototype,"forcedError",2),rt([a({type:String,attribute:"invalid-error"})],Z.prototype,"invalidError",2),rt([a({type:Boolean,converter:$})],Z.prototype,"indeterminate",2),Z=rt([S("ds-checkbox")],Z);const Al=v`
|
|
541
541
|
:host {
|
|
542
542
|
display: inline-block;
|
|
543
543
|
}
|
|
@@ -554,28 +554,28 @@
|
|
|
554
554
|
cursor: pointer;
|
|
555
555
|
pointer-events: visible;
|
|
556
556
|
}
|
|
557
|
-
`;var
|
|
557
|
+
`;var Nl=Object.defineProperty,zl=Object.getOwnPropertyDescriptor,ve=(e,t,s,r)=>{for(var i=r>1?void 0:r?zl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Nl(t,s,i),i};let Bt=class extends C{constructor(){super(...arguments),this.mode="light",this.size="large",this.selected=!1,this.deselectable=!1,this.slottedText=""}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot.querySelector("slot").assignedNodes({flatten:!0});this.slottedText=t.filter(s=>s.nodeType===Node.TEXT_NODE).map(s=>s.textContent.trim()).join(" ")}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return B`
|
|
558
558
|
<style>
|
|
559
559
|
:host{
|
|
560
560
|
color-scheme: ${this.mode};
|
|
561
561
|
pointer-events: ${this.selected?"none":"visible"};
|
|
562
562
|
}
|
|
563
563
|
</style>
|
|
564
|
-
`}handleClick(){this.selected||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent("deselect",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClickIcon(e))}get iconTemplate(){if(!this.selected||!this.deselectable)return
|
|
564
|
+
`}handleClick(){this.selected||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent("deselect",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClickIcon(e))}get iconTemplate(){if(!this.selected||!this.deselectable)return u;const e=this.mode==="light"?"dark":"light";return this.componentFactory.createIcon({class:"icon","icon-name":"cross","data-testid":"ds-chip-icon","@click":this.handleClickIcon,"@keydown":this.handleKeyDownIcon,role:"button","aria-label":`deselect ${this.slottedText}`,tabindex:"0",mode:e})}render(){return d`
|
|
565
565
|
${this.styleTokens}
|
|
566
566
|
<div
|
|
567
567
|
role="button"
|
|
568
568
|
aria-label=${`chip ${this.slottedText}`}
|
|
569
569
|
tabindex="0"
|
|
570
570
|
data-testid="ds-chip-container"
|
|
571
|
-
class=${
|
|
571
|
+
class=${b(this.classes)}
|
|
572
572
|
@click=${this.handleClick}
|
|
573
573
|
@keydown=${this.handleKeyDown}
|
|
574
574
|
>
|
|
575
575
|
<slot></slot>
|
|
576
576
|
${this.iconTemplate}
|
|
577
577
|
</div>
|
|
578
|
-
`}};
|
|
578
|
+
`}};Bt.styles=[Al],ve([a({type:String})],Bt.prototype,"value",2),ve([a({type:String,reflect:!0})],Bt.prototype,"mode",2),ve([a({type:String,reflect:!0})],Bt.prototype,"size",2),ve([a({type:Boolean,converter:$,reflect:!0})],Bt.prototype,"selected",2),ve([a({type:Boolean,converter:$})],Bt.prototype,"deselectable",2),ve([T()],Bt.prototype,"slottedText",2),Bt=ve([S("ds-chip")],Bt);const Dl={fromAttribute(e){if(!e)return[];try{const t=JSON.parse(e);if(Array.isArray(t))return t;throw new Error}catch{return e.split(",")}},toAttribute(e){return JSON.stringify(e)}},jl=v`
|
|
579
579
|
.container {
|
|
580
580
|
display: inline-flex;
|
|
581
581
|
position: relative;
|
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
.scroll-button.right {
|
|
646
646
|
right: 0;
|
|
647
647
|
}
|
|
648
|
-
`;var
|
|
648
|
+
`;var Ml=Object.defineProperty,Ll=Object.getOwnPropertyDescriptor,Ft=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ll(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Ml(t,s,i),i};let $t=class extends C{constructor(){super(...arguments),this.multiChoice=null,this.size="medium",this.mode="light",this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,r,i;const o=((t=this.chipsContainer)==null?void 0:t.scrollLeft)+((s=this.chipsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((r=this.chipsContainer)==null?void 0:r.scrollLeft)>0,this.hasScrollRight=o<((i=this.chipsContainer)==null?void 0:i.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:"smooth"})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(t=>this.resizeObserver.observe(t)),window.addEventListener("resize",this.handleScrollNav),this.chipsContainer.addEventListener("scroll",this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav),this.chipsContainer.removeEventListener("scroll",this.handleScrollNav)}getScrollButtonTemplate(t,s){if(t==="left"&&!this.hasScrollLeft||t==="right"&&!this.hasScrollRight)return u;const r=`arrow-${t}`;return this.componentFactory.createIconButton({class:`scroll-button ${t}`,"data-testid":`scroll-button-${t}`,"data-aria-label":`scroll-button-${t}`,"@click":s,size:this.size||"large","icon-name":r,variant:"standard",mode:this.mode})}updated(t){super.updated(t),(t.has("selectedChips")||t.has("multiChoice")||t.has("size")||t.has("mode"))&&this.updateChildChips()}updateChildChips(){var t;(t=this.chips)==null||t.forEach(s=>{var r,i;s.size=this.size,s.selected=(i=(r=this.selectedChips)==null?void 0:r.includes)==null?void 0:i.call(r,s.value),s.deselectable=!!this.multiChoice,s.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(t){var s,r;let i;this.multiChoice&&!((r=(s=this.selectedChips)==null?void 0:s.includes)!=null&&r.call(s,t.detail.value))?i=[...this.selectedChips||[],t.detail.value]:i=[t.detail.value],this.selectedChips=i,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:i}}))}handleDeselect(t){const s=[...(this.selectedChips||[]).filter(r=>r!==t.detail.value)];this.selectedChips=s,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:s}}))}render(){return d`
|
|
649
649
|
<div
|
|
650
650
|
class="container"
|
|
651
651
|
data-testid="ds-chips-container"
|
|
@@ -653,12 +653,12 @@
|
|
|
653
653
|
@deselect=${this.handleDeselect}
|
|
654
654
|
>
|
|
655
655
|
${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
|
|
656
|
-
<nav tabindex="0" class=${
|
|
656
|
+
<nav tabindex="0" class=${b(this.chipsContainerClasses)}>
|
|
657
657
|
<slot @slotchange=${this.updateChildChips}></slot>
|
|
658
658
|
</nav>
|
|
659
659
|
${this.getScrollButtonTemplate("right",this.handleScrollRight)}
|
|
660
660
|
</div>
|
|
661
|
-
`}}
|
|
661
|
+
`}};$t.styles=[jl],Ft([a({type:Array,attribute:"selected-chips",converter:Dl,reflect:!0})],$t.prototype,"selectedChips",2),Ft([a({type:Boolean,attribute:"multi-choice",converter:$})],$t.prototype,"multiChoice",2),Ft([a({type:String})],$t.prototype,"size",2),Ft([a({type:String,reflect:!0})],$t.prototype,"mode",2),Ft([T()],$t.prototype,"hasScrollLeft",2),Ft([T()],$t.prototype,"hasScrollRight",2),Ft([xt({slot:""})],$t.prototype,"chips",2),Ft([_t(".chips-container")],$t.prototype,"chipsContainer",2),$t=Ft([S("ds-chips")],$t);function _o({value:e,locale:t,style:s,unit:r,currency:i,localeMatcher:o="lookup",minimumIntegerDigits:n=1,minimumFractionDigits:l=0,maximumFractionDigits:c=20,thousandSeparator:h,fractionSeparator:m,useGrouping:p="auto"}){let f="",g,x;const k=new Intl.NumberFormat(t,{...s&&{style:s},...r&&{unit:r},...i&&{currency:i},localeMatcher:o,minimumIntegerDigits:n,minimumFractionDigits:l,maximumFractionDigits:c,useGrouping:p}).formatToParts(e??0);return k.forEach((O,I)=>{switch(O.type){case"unit":case"currency":case"percentSign":g=O.value,x=I===0||(k[0].type==="minusSign"||k[0].type==="plusSign")&&I===1?"left":"right";break;case"group":f+=h??O.value;break;case"decimal":f+=m??O.value;break;case"integer":case"fraction":case"plusSign":case"minusSign":f+=O.value;break}}),{formattedValue:f,...g&&{unitSymbol:g},...x&&{unitSymbolPosition:x}}}const Bl=v`
|
|
662
662
|
:host {
|
|
663
663
|
display: inline;
|
|
664
664
|
}
|
|
@@ -667,36 +667,36 @@
|
|
|
667
667
|
display: inline-flex;
|
|
668
668
|
align-items: flex-end;
|
|
669
669
|
}
|
|
670
|
-
`;var
|
|
671
|
-
${r==="left"?
|
|
672
|
-
<span class=${
|
|
673
|
-
${r==="right"?
|
|
674
|
-
`}get periodTemplate(){if(!this.period)return
|
|
675
|
-
<span class=${
|
|
676
|
-
`}get noteTemplate(){if(!this.note)return
|
|
670
|
+
`;var Fl=Object.defineProperty,Rl=Object.getOwnPropertyDescriptor,G=(e,t,s,r)=>{for(var i=r>1?void 0:r?Rl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Fl(t,s,i),i};let H=class extends C{constructor(){super(...arguments),this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize="medium",this.amountWeight="medium",this.currencySize="medium",this.currencyWeight="medium",this.periodSize="medium",this.periodWeight="medium",this.noteSize="medium",this.noteWeight="medium"}get valueTemplate(){const{formattedValue:t,unitSymbol:s,unitSymbolPosition:r}=_o({value:this.amountNumber??0,locale:this.locale,style:"currency",currency:this.currencyCode,localeMatcher:"lookup",minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits}),i=this.amountText||t,o={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0},n={currency:!0,left:r==="left",right:r==="right",text:!0,[`size-${this.currencySize}`]:!0,[`weight-${this.currencyWeight}`]:!0};return d`
|
|
671
|
+
${r==="left"?d`<span class=${b(n)}>${s}</span>`:u}
|
|
672
|
+
<span class=${b(o)}>${i}</span>
|
|
673
|
+
${r==="right"?d`<span class=${b(n)}>${s}</span>`:u}
|
|
674
|
+
`}get periodTemplate(){if(!this.period)return u;const t=new Intl.DisplayNames(this.locale,{type:"dateTimeField"}),s={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return d`
|
|
675
|
+
<span class=${b(s)}"period">/${t.of(this.period)}</span>
|
|
676
|
+
`}get noteTemplate(){if(!this.note)return u;const t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return d` <span class=${b(t)}>${this.note}</span> `}render(){return d`
|
|
677
677
|
<div class="container">
|
|
678
678
|
${this.valueTemplate}
|
|
679
679
|
${this.noteTemplate}
|
|
680
680
|
${this.periodTemplate}
|
|
681
681
|
</div>
|
|
682
|
-
`}};
|
|
682
|
+
`}};H.styles=[Bl],G([a({type:String})],H.prototype,"locale",2),G([a({type:String,attribute:"currency-code"})],H.prototype,"currencyCode",2),G([a({type:String,attribute:"amount-text"})],H.prototype,"amountText",2),G([a({type:Number,attribute:"amount-number"})],H.prototype,"amountNumber",2),G([a({type:Number,attribute:"minimum-fraction-digits"})],H.prototype,"minimumFractionDigits",2),G([a({type:Number,attribute:"maximum-fraction-digits"})],H.prototype,"maximumFractionDigits",2),G([a({type:String})],H.prototype,"period",2),G([a({type:String})],H.prototype,"note",2),G([a({type:String,attribute:"thousand-separator"})],H.prototype,"thousandSeparator",2),G([a({type:String,attribute:"fraction-separator"})],H.prototype,"fractionSeparator",2),G([a({type:String,attribute:"amount-size"})],H.prototype,"amountSize",2),G([a({type:String,attribute:"amount-weight"})],H.prototype,"amountWeight",2),G([a({type:String,attribute:"currency-size"})],H.prototype,"currencySize",2),G([a({type:String,attribute:"currency-weight"})],H.prototype,"currencyWeight",2),G([a({type:String,attribute:"period-size"})],H.prototype,"periodSize",2),G([a({type:String,attribute:"period-weight"})],H.prototype,"periodWeight",2),G([a({type:String,attribute:"note-size"})],H.prototype,"noteSize",2),G([a({type:String,attribute:"note-weight"})],H.prototype,"noteWeight",2),H=G([S("ds-currency")],H);const Vl=v`
|
|
683
683
|
:host {
|
|
684
684
|
display: inline-block;
|
|
685
685
|
}
|
|
686
|
-
`;var
|
|
686
|
+
`;var Ul=Object.getOwnPropertyDescriptor,Hl=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ul(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i};let ai=class extends C{get classes(){return{container:!0}}get styleTokens(){return B`
|
|
687
687
|
<style>
|
|
688
688
|
:host{
|
|
689
689
|
grid-area: body;
|
|
690
690
|
}
|
|
691
691
|
</style>
|
|
692
|
-
`}render(){return
|
|
692
|
+
`}render(){return d`
|
|
693
693
|
${this.styleTokens}
|
|
694
|
-
<div data-testid="ds-dialog-body-container" class=${
|
|
694
|
+
<div data-testid="ds-dialog-body-container" class=${b(this.classes)}>
|
|
695
695
|
<slot name="description"></slot>
|
|
696
696
|
<slot name="image"></slot>
|
|
697
697
|
<slot></slot>
|
|
698
698
|
</div>
|
|
699
|
-
`}};
|
|
699
|
+
`}};ai.styles=[Vl],ai=Hl([S("ds-dialog-body")],ai);const ql=v`
|
|
700
700
|
:host {
|
|
701
701
|
display: flex;
|
|
702
702
|
}
|
|
@@ -704,32 +704,32 @@
|
|
|
704
704
|
.container {
|
|
705
705
|
width: 100%;
|
|
706
706
|
}
|
|
707
|
-
`;var
|
|
708
|
-
<div data-testid="ds-dialog-footer-container" class=${
|
|
709
|
-
${this.withDivider?
|
|
707
|
+
`;var Wl=Object.defineProperty,Gl=Object.getOwnPropertyDescriptor,Io=(e,t,s,r)=>{for(var i=r>1?void 0:r?Gl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Wl(t,s,i),i};let ir=class extends C{constructor(){super(...arguments),this.withDivider=!0}get classes(){return{container:!0}}render(){return d`
|
|
708
|
+
<div data-testid="ds-dialog-footer-container" class=${b(this.classes)}>
|
|
709
|
+
${this.withDivider?d`<div class="divider"></div>`:u}
|
|
710
710
|
<slot></slot>
|
|
711
711
|
<slot name="actions"></slot>
|
|
712
712
|
</div>
|
|
713
|
-
`}};
|
|
713
|
+
`}};ir.styles=[ql],Io([a({type:Boolean,attribute:"with-divider",converter:$})],ir.prototype,"withDivider",2),ir=Io([S("ds-dialog-footer")],ir);const Kl=v`
|
|
714
714
|
:host {
|
|
715
715
|
display: block;
|
|
716
716
|
}
|
|
717
|
-
`;var
|
|
717
|
+
`;var Yl=Object.defineProperty,Xl=Object.getOwnPropertyDescriptor,or=(e,t,s,r)=>{for(var i=r>1?void 0:r?Xl(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Yl(t,s,i),i};let Ue=class extends C{constructor(){super(...arguments),this.title="primary",this.iconSize=32}get classes(){return{container:!0}}get styleTokens(){return B`
|
|
718
718
|
<style>
|
|
719
719
|
:host{
|
|
720
720
|
grid-area: header;
|
|
721
721
|
}
|
|
722
722
|
</style>
|
|
723
|
-
`}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):
|
|
723
|
+
`}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):u}render(){return d`
|
|
724
724
|
${this.styleTokens}
|
|
725
|
-
<div data-testid="ds-dialog-header-container" class=${
|
|
725
|
+
<div data-testid="ds-dialog-header-container" class=${b(this.classes)}>
|
|
726
726
|
<div class="title-container">
|
|
727
727
|
${this.iconTemplate}
|
|
728
728
|
<div class="title">${this.title}</div>
|
|
729
729
|
</div>
|
|
730
730
|
<slot name="subtitle"></slot>
|
|
731
731
|
</div>
|
|
732
|
-
`}};
|
|
732
|
+
`}};Ue.styles=[Kl],or([a({type:String})],Ue.prototype,"title",2),or([a({type:String,attribute:"icon-name"})],Ue.prototype,"iconName",2),or([a({type:Number,attribute:"icon-size"})],Ue.prototype,"iconSize",2),Ue=or([S("ds-dialog-header")],Ue);const ct={xs:v`@media(min-width: ${et.xs}px)`,s:v`@media(min-width: ${et.s}px)`,m:v`@media(min-width: ${et.m}px)`,l:v`@media(min-width: ${et.l}px)`,xl:v`@media(min-width: ${et.xl}px)`,xxl:v`@media(min-width: ${et.xxl}px)`},Jl=v`
|
|
733
733
|
:host {
|
|
734
734
|
transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
|
|
735
735
|
}
|
|
@@ -787,7 +787,7 @@
|
|
|
787
787
|
background-color: transparent;
|
|
788
788
|
}
|
|
789
789
|
|
|
790
|
-
${
|
|
790
|
+
${ct.xs} {
|
|
791
791
|
.ds-scroll::-webkit-scrollbar,
|
|
792
792
|
.ds-scroll-global *::-webkit-scrollbar {
|
|
793
793
|
height: 4px;
|
|
@@ -795,23 +795,23 @@
|
|
|
795
795
|
}
|
|
796
796
|
}
|
|
797
797
|
|
|
798
|
-
${
|
|
798
|
+
${ct.m} {
|
|
799
799
|
.ds-scroll::-webkit-scrollbar,
|
|
800
800
|
.ds-scroll-global *::-webkit-scrollbar {
|
|
801
801
|
height: 8px;
|
|
802
802
|
width: 8px;
|
|
803
803
|
}
|
|
804
804
|
}
|
|
805
|
-
`;var
|
|
805
|
+
`;var Zl=Object.defineProperty,Ql=Object.getOwnPropertyDescriptor,He=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ql(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Zl(t,s,i),i};let se=class extends C{constructor(){super(...arguments),this.open=!1,this.size="medium",this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=Hr({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&this.handleClose()}}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has("open")&&this.open&&(this.hasBeenOpened=!0),e.has("open")&&this.handleResizeObserver(),e.has("open")&&this.open&&(await this.updateComplete,this.requestUpdate())}async handleResizeObserver(){var e;document.body.style.overflow=this.open?"hidden":"",(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{container:!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}get dialogClasses(){return{dialog:!0,[this.size]:!!this.size}}handleClose(){this.open=!1,this.dispatchEvent(new Event("ds-dialog:close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("keydown",this.handleKeyDown),document.body.style.overflow="",(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,t;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight)}render(){return!this.hasBeenOpened&&!this.open?u:d`
|
|
806
806
|
<style>
|
|
807
807
|
:host {
|
|
808
808
|
display: ${this.open?"flex":"none"};
|
|
809
809
|
}
|
|
810
810
|
</style>
|
|
811
811
|
|
|
812
|
-
<div class=${
|
|
812
|
+
<div class=${b(this.containerClasses)}>
|
|
813
813
|
<div class="overlay" @click=${this.handleClose}></div>
|
|
814
|
-
<dialog ?open=${this.open} data-testid="ds-dialog-container" class=${
|
|
814
|
+
<dialog ?open=${this.open} data-testid="ds-dialog-container" class=${b(this.dialogClasses)}>
|
|
815
815
|
<slot name="close-button" @click=${this.handleClose}></slot>
|
|
816
816
|
<div class="content-container">
|
|
817
817
|
<div tabindex="0" class="content ds-scroll">
|
|
@@ -821,21 +821,21 @@
|
|
|
821
821
|
</div>
|
|
822
822
|
</dialog>
|
|
823
823
|
</div>
|
|
824
|
-
`}};
|
|
824
|
+
`}};se.styles=[Jl],He([a({type:Boolean,converter:$})],se.prototype,"open",2),He([a({type:String})],se.prototype,"size",2),He([T()],se.prototype,"hasBeenOpened",2),He([T()],se.prototype,"hasScroll",2),He([_t(".content")],se.prototype,"content",2),se=He([S("ds-dialog")],se);const tc=v`
|
|
825
825
|
.divider {
|
|
826
826
|
border: none;
|
|
827
827
|
margin: 0;
|
|
828
828
|
}
|
|
829
|
-
`;var
|
|
829
|
+
`;var ec=Object.defineProperty,sc=Object.getOwnPropertyDescriptor,nr=(e,t,s,r)=>{for(var i=r>1?void 0:r?sc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ec(t,s,i),i};let qe=class extends C{constructor(){super(...arguments),this.orientation="horizontal",this.variant="primary",this.mode="light"}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){return B`
|
|
830
830
|
<style>
|
|
831
831
|
:host{
|
|
832
832
|
color-scheme: ${this.mode};
|
|
833
833
|
}
|
|
834
834
|
</style>
|
|
835
|
-
`}render(){return
|
|
835
|
+
`}render(){return d`
|
|
836
836
|
${this.styleTokens}
|
|
837
|
-
<hr aria-orientation=${this.orientation} class=${
|
|
838
|
-
`}};
|
|
837
|
+
<hr aria-orientation=${this.orientation} class=${b(this.classes)} />
|
|
838
|
+
`}};qe.styles=[tc],nr([a({type:String})],qe.prototype,"orientation",2),nr([a({type:String})],qe.prototype,"variant",2),nr([a({type:String,reflect:!0})],qe.prototype,"mode",2),qe=nr([S("ds-divider")],qe);const rc=v`
|
|
839
839
|
:host {
|
|
840
840
|
display: inline-flex;
|
|
841
841
|
}
|
|
@@ -849,21 +849,21 @@
|
|
|
849
849
|
padding: 0;
|
|
850
850
|
background: transparent;
|
|
851
851
|
}
|
|
852
|
-
`;var
|
|
852
|
+
`;var ic=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,be=(e,t,s,r)=>{for(var i=r>1?void 0:r?oc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ic(t,s,i),i};let Rt=class extends C{constructor(){super(...arguments),this.htmlTagName="a",this.mode="light",this.size="large"}handleClick(t){this.href||t.preventDefault()}get styleTokens(){return B`
|
|
853
853
|
<style>
|
|
854
854
|
:host {
|
|
855
855
|
color-scheme: ${this.mode};
|
|
856
856
|
}
|
|
857
857
|
</style>
|
|
858
|
-
`}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return
|
|
858
|
+
`}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return d`
|
|
859
859
|
${this.styleTokens}
|
|
860
|
-
${
|
|
861
|
-
<button class=${
|
|
860
|
+
${ws(this.htmlTagName||"a",[["button",()=>d`
|
|
861
|
+
<button class=${b(this.classes)}>
|
|
862
862
|
<slot></slot>
|
|
863
863
|
</button>
|
|
864
|
-
`],["a",()=>
|
|
864
|
+
`],["a",()=>d`
|
|
865
865
|
<a
|
|
866
|
-
class=${
|
|
866
|
+
class=${b(this.classes)}
|
|
867
867
|
href=${this.href}
|
|
868
868
|
rel=${this.rel}
|
|
869
869
|
target=${this.target}
|
|
@@ -872,7 +872,7 @@
|
|
|
872
872
|
<slot></slot>
|
|
873
873
|
</a>
|
|
874
874
|
`]])}
|
|
875
|
-
`}};
|
|
875
|
+
`}};Rt.styles=[rc],be([a({type:String,attribute:"html-tag-name"})],Rt.prototype,"htmlTagName",2),be([a({type:String,reflect:!0})],Rt.prototype,"href",2),be([a({type:String,reflect:!0})],Rt.prototype,"rel",2),be([a({type:String,reflect:!0})],Rt.prototype,"target",2),be([a({type:String,reflect:!0})],Rt.prototype,"mode",2),be([a({type:String})],Rt.prototype,"size",2),Rt=be([S("ds-hyperlink")],Rt);const nc=v`
|
|
876
876
|
:host {
|
|
877
877
|
display: inline-flex;
|
|
878
878
|
}
|
|
@@ -888,32 +888,32 @@
|
|
|
888
888
|
outline-style: solid;
|
|
889
889
|
padding: 0;
|
|
890
890
|
}
|
|
891
|
-
`;var
|
|
891
|
+
`;var ac=Object.defineProperty,lc=Object.getOwnPropertyDescriptor,St=(e,t,s,r)=>{for(var i=r>1?void 0:r?lc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ac(t,s,i),i};let dt=class extends ee(C){constructor(){super(...arguments),this.variant="primary",this.mode="light",this.size="large",this.disabled=!1,this.htmlTagName="button"}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):u}handleClick(t){this.href||t.preventDefault()}get classes(){const t=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",disabled:this.disabled,[t]:!!t,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}get variantColorTokens(){return B`
|
|
892
892
|
<style>
|
|
893
893
|
:host{
|
|
894
894
|
color-scheme: ${this.mode};
|
|
895
895
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
896
896
|
}
|
|
897
897
|
</style>
|
|
898
|
-
`}render(){return
|
|
898
|
+
`}render(){return d`
|
|
899
899
|
<style>
|
|
900
900
|
:host {
|
|
901
901
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
902
902
|
}
|
|
903
903
|
</style>
|
|
904
904
|
${this.variantColorTokens}
|
|
905
|
-
${
|
|
905
|
+
${ws(this.htmlTagName||"button",[["button",()=>d`
|
|
906
906
|
<button
|
|
907
907
|
?disabled=${this.disabled}
|
|
908
|
-
class=${
|
|
908
|
+
class=${b(this.classes)}
|
|
909
909
|
aria-label=${this.dataAriaLabel}
|
|
910
910
|
>
|
|
911
911
|
${this.iconTemplate}
|
|
912
912
|
</button>
|
|
913
|
-
`],["a",()=>
|
|
913
|
+
`],["a",()=>d`
|
|
914
914
|
<a
|
|
915
915
|
?disabled=${this.disabled}
|
|
916
|
-
class=${
|
|
916
|
+
class=${b(this.classes)}
|
|
917
917
|
href=${this.href}
|
|
918
918
|
rel=${this.rel}
|
|
919
919
|
target=${this.target}
|
|
@@ -922,17 +922,17 @@
|
|
|
922
922
|
>
|
|
923
923
|
${this.iconTemplate}
|
|
924
924
|
</a>
|
|
925
|
-
`],["custom",()=>
|
|
926
|
-
<div class=${
|
|
925
|
+
`],["custom",()=>d`
|
|
926
|
+
<div class=${b(this.classes)}>
|
|
927
927
|
<slot></slot>
|
|
928
928
|
</div>
|
|
929
929
|
`]])}
|
|
930
|
-
`}};
|
|
930
|
+
`}};dt.styles=[nc],St([a({type:String})],dt.prototype,"variant",2),St([a({type:String,reflect:!0})],dt.prototype,"mode",2),St([a({type:String,converter:bs})],dt.prototype,"size",2),St([a({type:Boolean,converter:$})],dt.prototype,"disabled",2),St([a({type:String,attribute:"icon-name"})],dt.prototype,"iconName",2),St([a({type:String,attribute:"html-tag-name"})],dt.prototype,"htmlTagName",2),St([a({type:String,attribute:"data-aria-label"})],dt.prototype,"dataAriaLabel",2),St([a({type:String,reflect:!0})],dt.prototype,"href",2),St([a({type:String,reflect:!0})],dt.prototype,"rel",2),St([a({type:String,reflect:!0})],dt.prototype,"target",2),dt=St([S("ds-icon-button")],dt);const Ao=(class Ws{constructor(){this.icons={},this.handleChangeTheme=t=>{this.theme=t;const s=Object.keys(this.icons);this.icons={},s.forEach(r=>this.fetchIcon(r))},this.fetchIcon=async(t,s={})=>(!this.theme&&window.DS_THEME&&(this.theme=window.DS_THEME),await this.getCachedIcon(t)||(this.icons[t]=this.loadIcon(t,s),this.icons[t])),Me.subscribe("theme",this.handleChangeTheme)}static getInstance(){return Ws.instance||(Ws.instance=new Ws),Ws.instance}getCachedIcon(t){return this.icons[t]}loadIcon(t,{cache:s="force-cache",...r}){return this.theme?fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${t}.svg`,{cache:s,...r}).then(i=>i.text()).catch(i=>((i==null?void 0:i.name)!=="AbortError"&&console.error(`Failed to fetch icon "${t}":`,i),"")):Promise.resolve('<svg class="ds-icon"></svg>')}}).getInstance();var cc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,No=e=>{throw TypeError(e)},we=(e,t,s,r)=>{for(var i=r>1?void 0:r?dc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&cc(t,s,i),i},zo=(e,t,s)=>t.has(e)||No("Cannot "+s),Do=(e,t,s)=>(zo(e,t,"read from private field"),t.get(e)),hc=(e,t,s)=>t.has(e)?No("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),pc=(e,t,s,r)=>(zo(e,t,"write to private field"),t.set(e,s),s),xs;let Vt=class extends C{constructor(){super(),this.iconHtml="",hc(this,xs),this.getIcon=async()=>{var t,s;(t=Do(this,xs))==null||t.abort(),pc(this,xs,new AbortController);const r=Do(this,xs).signal;this.iconHtml=await((s=Ao.fetchIcon)==null?void 0:s.call(Ao,this.iconName,{signal:r}))},Me.subscribe("theme",this.getIcon)}async updated(t){super.updated(t),(t.has("iconName")||!this.iconHtml)&&await this.getIcon()}getDimension(t,s,r){return t?`${t}px`:s?"auto":this.size?`${this.size}px`:r}get styleTokens(){const t=this.getDimension(this.width,this.height,"var(--private-ds-icon-width, var(--ds-icon-width, 20px))"),s=this.getDimension(this.height,this.width,"var(--private-ds-icon-height, var(--ds-icon-height, 20px))");return B`
|
|
931
931
|
<style>
|
|
932
932
|
.ds-icon {
|
|
933
933
|
display: inline-block;
|
|
934
|
-
width: ${
|
|
935
|
-
height: ${
|
|
934
|
+
width: ${t};
|
|
935
|
+
height: ${s};
|
|
936
936
|
}
|
|
937
937
|
|
|
938
938
|
.ds-icon-color {
|
|
@@ -943,15 +943,15 @@
|
|
|
943
943
|
stroke: ${this.color?this.color:"var(--private-ds-icon-color, var(--ds-icon-color, black))"};
|
|
944
944
|
}
|
|
945
945
|
</style>
|
|
946
|
-
`}render(){return
|
|
946
|
+
`}render(){return d`
|
|
947
947
|
${this.styleTokens}
|
|
948
|
-
${this.iconHtml?
|
|
949
|
-
`}};
|
|
948
|
+
${this.iconHtml?tr(this.iconHtml):d`<svg class="ds-icon"></svg>`}
|
|
949
|
+
`}};xs=new WeakMap,Vt.styles=v`
|
|
950
950
|
:host {
|
|
951
951
|
line-height: 0;
|
|
952
952
|
display: inline-block;
|
|
953
953
|
}
|
|
954
|
-
`,
|
|
954
|
+
`,we([a({type:String,attribute:"icon-name"})],Vt.prototype,"iconName",2),we([a({type:String,attribute:"color"})],Vt.prototype,"color",2),we([a({type:Number})],Vt.prototype,"width",2),we([a({type:Number})],Vt.prototype,"height",2),we([a({type:Number,attribute:"size"})],Vt.prototype,"size",2),we([T()],Vt.prototype,"iconHtml",2),Vt=we([S("ds-icon")],Vt);var uc=Object.defineProperty,li=(e,t,s,r)=>{for(var i=void 0,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(t,s,i)||i);return i&&uc(t,s,i),i};let $s=class extends Mt{constructor(){super(),this.handleChangeTheme=t=>{this.pubSubTheme=t},this.pubSubTheme=Me.subscribe("theme",this.handleChangeTheme)}connectedCallback(){super.connectedCallback(),this.applyTheme()}updated(t){super.updated(t),(t.has("contextTheme")||t.has("pubSubTheme"))&&(this.theme=this.contextTheme??this.pubSubTheme,this.applyTheme())}applyTheme(){var t;const s=this.constructor,r=(t=s.themesStyles)==null?void 0:t[this.theme],i=Array.isArray(r)?r:[r];if(!(i!=null&&i.length))return;const o=Array.isArray(s.styles)?s.styles:[s.styles];Yr(this.shadowRoot,[...o,...i].filter(Boolean))}};li([a({attribute:!1}),no({context:Wr,subscribe:!0})],$s.prototype,"contextTheme"),li([T()],$s.prototype,"pubSubTheme"),li([T()],$s.prototype,"theme");const mc=v`
|
|
955
955
|
:host {
|
|
956
956
|
display: block;
|
|
957
957
|
width: 100%;
|
|
@@ -974,7 +974,7 @@
|
|
|
974
974
|
font-size 0.2s;
|
|
975
975
|
white-space: nowrap;
|
|
976
976
|
}
|
|
977
|
-
`,
|
|
977
|
+
`,fc=v`
|
|
978
978
|
.container {
|
|
979
979
|
position: relative;
|
|
980
980
|
}
|
|
@@ -1005,7 +1005,7 @@
|
|
|
1005
1005
|
.input-field:focus {
|
|
1006
1006
|
outline: none;
|
|
1007
1007
|
}
|
|
1008
|
-
`,
|
|
1008
|
+
`,yc=v`
|
|
1009
1009
|
.container {
|
|
1010
1010
|
padding: 16px 0 0 0;
|
|
1011
1011
|
}
|
|
@@ -1121,16 +1121,16 @@
|
|
|
1121
1121
|
.disabled.dark .icon {
|
|
1122
1122
|
--ds-icon-color: var(--ds-color-dark-grey);
|
|
1123
1123
|
}
|
|
1124
|
-
`,
|
|
1124
|
+
`,gc=[yc];var vc=Object.defineProperty,kt=(e,t,s,r)=>{for(var i=void 0,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(t,s,i)||i);return i&&vc(t,s,i),i};const ci=class extends rr($s){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(t){this._value=t}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return B`
|
|
1125
1125
|
<style>
|
|
1126
1126
|
:host{
|
|
1127
1127
|
color-scheme: ${this.mode};
|
|
1128
1128
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
1129
1129
|
}
|
|
1130
1130
|
</style>
|
|
1131
|
-
`}render(){return
|
|
1131
|
+
`}render(){return d`
|
|
1132
1132
|
${this.styleTokens}
|
|
1133
|
-
<div class=${
|
|
1133
|
+
<div class=${b(this.classes)}>
|
|
1134
1134
|
<div class="inner-container">
|
|
1135
1135
|
${this.labelTemplate}
|
|
1136
1136
|
${this.inputTemplate}
|
|
@@ -1140,14 +1140,14 @@
|
|
|
1140
1140
|
<div class="error-text">${this.errorText}</div>
|
|
1141
1141
|
${this.dropdownTemplate}
|
|
1142
1142
|
</div>
|
|
1143
|
-
`}};
|
|
1143
|
+
`}};ci.styles=[mc,fc],ci.themesStyles={cupra:gc};let ft=ci;kt([a({type:String,reflect:!0,attribute:"initial-value"})],ft.prototype,"initialValue"),kt([a({type:String})],ft.prototype,"label"),kt([a({type:String,attribute:"helper-text"})],ft.prototype,"helperText"),kt([a({type:String,attribute:"error-text"})],ft.prototype,"errorText"),kt([a({type:Boolean,converter:$})],ft.prototype,"disabled"),kt([a({type:Boolean,converter:$})],ft.prototype,"success"),kt([a({type:String,reflect:!0})],ft.prototype,"mode"),kt([a({type:String})],ft.prototype,"size"),kt([T()],ft.prototype,"_value"),kt([T()],ft.prototype,"focused"),kt([_t(".input-field")],ft.prototype,"inputField");var bc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,Ut=(e,t,s,r)=>{for(var i=r>1?void 0:r?wc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&bc(t,s,i),i};let At=class extends ft{constructor(){super(...arguments),this.name="",this.placeholder="",this.type="text",this.min=0,this.max=100,this.step=1,this._hasPicker=!1,this.handleClickIcon=()=>{var t,s;(s=(t=this.inputField)==null?void 0:t.showPicker)==null||s.call(t)},this.handleInput=t=>{const s=t.target;this._value=s.value||""}}firstUpdated(){var t;super.firstUpdated(),this._hasPicker=!!((t=this.inputField)!=null&&t.showPicker)}get iconTemplate(){if(this.type!=="time"&&this.type!=="date")return u;let t;switch(this.type){case"date":t="calendar";break;case"time":t="clock";break}return d`
|
|
1144
1144
|
<style>
|
|
1145
1145
|
.icon {
|
|
1146
1146
|
cursor: ${this._hasPicker?"pointer":"auto"};
|
|
1147
1147
|
}
|
|
1148
1148
|
</style>
|
|
1149
1149
|
${this.componentFactory.createIcon({class:"icon","icon-name":t,"@click":this.handleClickIcon})}
|
|
1150
|
-
`}get labelTemplate(){return
|
|
1150
|
+
`}get labelTemplate(){return d`
|
|
1151
1151
|
<label
|
|
1152
1152
|
id="label"
|
|
1153
1153
|
class="label"
|
|
@@ -1155,8 +1155,8 @@
|
|
|
1155
1155
|
>
|
|
1156
1156
|
${this.label}
|
|
1157
1157
|
</label>
|
|
1158
|
-
`}get inputTemplate(){return
|
|
1159
|
-
${
|
|
1158
|
+
`}get inputTemplate(){return d`
|
|
1159
|
+
${ws(this.type==="number",[[!0,()=>d`
|
|
1160
1160
|
<input
|
|
1161
1161
|
aria-labelledby="label"
|
|
1162
1162
|
class="input-field number"
|
|
@@ -1171,7 +1171,7 @@
|
|
|
1171
1171
|
@blur=${this.handleBlur}
|
|
1172
1172
|
@input=${this.handleInput}
|
|
1173
1173
|
/>
|
|
1174
|
-
`],[!1,()=>
|
|
1174
|
+
`],[!1,()=>d`
|
|
1175
1175
|
<input
|
|
1176
1176
|
aria-labelledby="label"
|
|
1177
1177
|
class="input-field"
|
|
@@ -1185,7 +1185,7 @@
|
|
|
1185
1185
|
@input=${this.handleInput}
|
|
1186
1186
|
/>
|
|
1187
1187
|
`]])}
|
|
1188
|
-
`}get dropdownTemplate(){return
|
|
1188
|
+
`}get dropdownTemplate(){return u}};Ut([a({type:String})],At.prototype,"name",2),Ut([a({type:String})],At.prototype,"placeholder",2),Ut([a({type:String,attribute:"max-length"})],At.prototype,"maxLength",2),Ut([a({type:String})],At.prototype,"type",2),Ut([a({type:Number})],At.prototype,"min",2),Ut([a({type:Number})],At.prototype,"max",2),Ut([a({type:Number})],At.prototype,"step",2),Ut([T()],At.prototype,"_hasPicker",2),At=Ut([S("ds-input",{skipTagAsComponentName:!0})],At);const xc=v`
|
|
1189
1189
|
:host {
|
|
1190
1190
|
display: inline-flex;
|
|
1191
1191
|
}
|
|
@@ -1201,36 +1201,36 @@
|
|
|
1201
1201
|
align-items: center;
|
|
1202
1202
|
cursor: pointer;
|
|
1203
1203
|
}
|
|
1204
|
-
`;var
|
|
1204
|
+
`;var $c=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,Tt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Sc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&$c(t,s,i),i};let ht=class extends C{constructor(){super(...arguments),this.mode="light",this.size="large",this.underline=!1,this.disabled=!1,this.iconName="arrow-right",this.iconPosition="right"}get iconTemplate(){return this.iconName==="none"?u:this.componentFactory.createIcon({class:"icon","icon-name":this.iconName})}get classes(){return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[this.size]:!0,[this.mode]:!!this.mode}}handleClick(t){this.href||t.preventDefault()}get styleTokens(){return B`
|
|
1205
1205
|
<style>
|
|
1206
1206
|
:host{
|
|
1207
1207
|
color-scheme: ${this.mode};
|
|
1208
1208
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
1209
1209
|
}
|
|
1210
1210
|
</style>
|
|
1211
|
-
`}render(){return
|
|
1211
|
+
`}render(){return d`
|
|
1212
1212
|
${this.styleTokens}
|
|
1213
|
-
${
|
|
1214
|
-
<button class=${
|
|
1215
|
-
${this.iconPosition==="left"?this.iconTemplate:
|
|
1213
|
+
${ws(this.htmlTagName||"button",[["button",()=>d`
|
|
1214
|
+
<button class=${b(this.classes)} ?disabled=${this.disabled}>
|
|
1215
|
+
${this.iconPosition==="left"?this.iconTemplate:u}
|
|
1216
1216
|
<slot></slot>
|
|
1217
|
-
${this.iconPosition==="right"?this.iconTemplate:
|
|
1217
|
+
${this.iconPosition==="right"?this.iconTemplate:u}
|
|
1218
1218
|
</button>
|
|
1219
|
-
`],["a",()=>
|
|
1219
|
+
`],["a",()=>d`
|
|
1220
1220
|
<a
|
|
1221
|
-
class=${
|
|
1221
|
+
class=${b(this.classes)}
|
|
1222
1222
|
href=${this.href}
|
|
1223
1223
|
rel=${this.rel}
|
|
1224
1224
|
target=${this.target}
|
|
1225
1225
|
@click=${this.handleClick}
|
|
1226
1226
|
?disabled=${this.disabled}
|
|
1227
1227
|
>
|
|
1228
|
-
${this.iconPosition==="left"?this.iconTemplate:
|
|
1228
|
+
${this.iconPosition==="left"?this.iconTemplate:u}
|
|
1229
1229
|
<slot></slot>
|
|
1230
|
-
${this.iconPosition==="right"?this.iconTemplate:
|
|
1230
|
+
${this.iconPosition==="right"?this.iconTemplate:u}
|
|
1231
1231
|
</a>
|
|
1232
1232
|
`]])}
|
|
1233
|
-
`}};
|
|
1233
|
+
`}};ht.styles=[xc],Tt([a({type:String,reflect:!0})],ht.prototype,"mode",2),Tt([a({type:String})],ht.prototype,"size",2),Tt([a({type:Boolean,converter:$})],ht.prototype,"underline",2),Tt([a({type:Boolean,converter:$})],ht.prototype,"disabled",2),Tt([a({type:String,attribute:"html-tag-name"})],ht.prototype,"htmlTagName",2),Tt([a({type:String,reflect:!0})],ht.prototype,"href",2),Tt([a({type:String,reflect:!0})],ht.prototype,"rel",2),Tt([a({type:String,reflect:!0})],ht.prototype,"target",2),Tt([a({type:String,attribute:"icon-name"})],ht.prototype,"iconName",2),Tt([a({type:String,attribute:"icon-position"})],ht.prototype,"iconPosition",2),ht=Tt([S("ds-link-button")],ht);const kc=v`
|
|
1234
1234
|
.track {
|
|
1235
1235
|
width: 100%;
|
|
1236
1236
|
position: relative;
|
|
@@ -1244,7 +1244,7 @@
|
|
|
1244
1244
|
height: 100%;
|
|
1245
1245
|
display: block;
|
|
1246
1246
|
}
|
|
1247
|
-
`,
|
|
1247
|
+
`,Tc=v`
|
|
1248
1248
|
.track.large {
|
|
1249
1249
|
height: 4px;
|
|
1250
1250
|
}
|
|
@@ -1263,7 +1263,7 @@
|
|
|
1263
1263
|
.dark .fill {
|
|
1264
1264
|
background-color: var(--ds-color-white);
|
|
1265
1265
|
}
|
|
1266
|
-
`,
|
|
1266
|
+
`,Cc=[Tc],Ec=v`
|
|
1267
1267
|
.track.large {
|
|
1268
1268
|
height: 4px;
|
|
1269
1269
|
}
|
|
@@ -1282,18 +1282,18 @@
|
|
|
1282
1282
|
.dark .fill {
|
|
1283
1283
|
background-color: var(--ds-color-white);
|
|
1284
1284
|
}
|
|
1285
|
-
`,
|
|
1285
|
+
`,Oc=[Ec],Pc=v``,_c=[Pc];var Ic=Object.defineProperty,di=(e,t,s,r)=>{for(var i=void 0,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(t,s,i)||i);return i&&Ic(t,s,i),i};const hi=class extends $s{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return B`
|
|
1286
1286
|
<style>
|
|
1287
1287
|
:host {
|
|
1288
1288
|
color-scheme: ${this.mode};
|
|
1289
1289
|
}
|
|
1290
1290
|
</style>
|
|
1291
|
-
`}get barTemplate(){return
|
|
1291
|
+
`}get barTemplate(){return d`
|
|
1292
1292
|
${this.styleTokens}
|
|
1293
|
-
<div class=${
|
|
1293
|
+
<div class=${b(this.classes)}>
|
|
1294
1294
|
<div class="fill"></div>
|
|
1295
1295
|
</div>
|
|
1296
|
-
`}};
|
|
1296
|
+
`}};hi.styles=[kc],hi.themesStyles={cupra:Oc,"cupra-diagonal":Cc,seat:_c};let Ss=hi;di([a({type:Boolean,converter:$})],Ss.prototype,"show"),di([a({type:String,reflect:!0})],Ss.prototype,"mode"),di([a({type:String})],Ss.prototype,"size");const Ac=v`
|
|
1297
1297
|
.fill {
|
|
1298
1298
|
width: 33%;
|
|
1299
1299
|
transform: translateX(-100%);
|
|
@@ -1308,7 +1308,7 @@
|
|
|
1308
1308
|
transform: translateX(300%);
|
|
1309
1309
|
}
|
|
1310
1310
|
}
|
|
1311
|
-
`;var
|
|
1311
|
+
`;var Nc=Object.getOwnPropertyDescriptor,zc=Object.getPrototypeOf,Dc=Reflect.get,jc=(e,t,s,r)=>{for(var i=r>1?void 0:r?Nc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=n(i)||i);return i},Mc=(e,t,s)=>Dc(zc(e),s,t);let ks=class extends Ss{render(){return this.show?this.barTemplate:u}};ks.styles=[...Mc(ks,ks,"styles"),Ac],ks=jc([S("ds-loader-bar",{skipTagAsComponentName:!0})],ks);function xe(e,...t){const s=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v1-0-0-canary-9"),r=co(s);return v`${r}`}const Lc=xe`
|
|
1312
1312
|
.container {
|
|
1313
1313
|
display: inline-flex;
|
|
1314
1314
|
justify-content: center;
|
|
@@ -1338,20 +1338,20 @@
|
|
|
1338
1338
|
82% { opacity: 0.6 }
|
|
1339
1339
|
100% { opacity: 1 }
|
|
1340
1340
|
}
|
|
1341
|
-
`;var
|
|
1341
|
+
`;var Bc=Object.defineProperty,Fc=Object.getOwnPropertyDescriptor,ar=(e,t,s,r)=>{for(var i=r>1?void 0:r?Fc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Bc(t,s,i),i};let We=class extends C{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return B`
|
|
1342
1342
|
<style>
|
|
1343
1343
|
:host {
|
|
1344
1344
|
color-scheme: ${this.mode};
|
|
1345
1345
|
}
|
|
1346
1346
|
</style>
|
|
1347
|
-
`}render(){return this.show?
|
|
1347
|
+
`}render(){return this.show?d`
|
|
1348
1348
|
${this.styleTokens}
|
|
1349
|
-
<div class=${
|
|
1349
|
+
<div class=${b(this.classes)}>
|
|
1350
1350
|
<div class="dot first"></div>
|
|
1351
1351
|
<div class="dot middle"></div>
|
|
1352
1352
|
<div class="dot last"></div>
|
|
1353
1353
|
</div>
|
|
1354
|
-
`:
|
|
1354
|
+
`:u}};We.styles=[Lc],ar([a({type:Boolean,converter:$})],We.prototype,"show",2),ar([a({type:String,reflect:!0})],We.prototype,"mode",2),ar([a({type:String})],We.prototype,"size",2),We=ar([S("ds-loader-dots")],We);const Rc=v`
|
|
1355
1355
|
.backdrop {
|
|
1356
1356
|
display: flex;
|
|
1357
1357
|
position: fixed;
|
|
@@ -1410,13 +1410,13 @@
|
|
|
1410
1410
|
.back-logo {
|
|
1411
1411
|
z-index: 0;
|
|
1412
1412
|
}
|
|
1413
|
-
`;var
|
|
1413
|
+
`;var Vc=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,Ts=(e,t,s,r)=>{for(var i=r>1?void 0:r?Uc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Vc(t,s,i),i};let $e=class extends C{constructor(){super(...arguments),this.show=!1,this.zIndex=2e3,this.iconName="logo"}get styleTokens(){return d`
|
|
1414
1414
|
<style>
|
|
1415
1415
|
:host {
|
|
1416
1416
|
--ds-icon-color: ${this.color||"var(--ds-loader-logo-icon-color)"};
|
|
1417
1417
|
}
|
|
1418
1418
|
</style>
|
|
1419
|
-
`}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):
|
|
1419
|
+
`}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):u}render(){return this.show?d`
|
|
1420
1420
|
<style>
|
|
1421
1421
|
.backdrop {
|
|
1422
1422
|
z-index: ${this.zIndex};
|
|
@@ -1426,7 +1426,7 @@
|
|
|
1426
1426
|
<div class="backdrop">
|
|
1427
1427
|
<div class="container">${this.iconTemplate}</div>
|
|
1428
1428
|
</div>
|
|
1429
|
-
`:
|
|
1429
|
+
`:u}};$e.styles=[Rc],Ts([a({type:Boolean,converter:$})],$e.prototype,"show",2),Ts([a({type:Number,attribute:"z-index"})],$e.prototype,"zIndex",2),Ts([a({type:String,attribute:"icon-name"})],$e.prototype,"iconName",2),Ts([a({type:String})],$e.prototype,"color",2),$e=Ts([S("ds-loader-logo")],$e);const Hc=v`
|
|
1430
1430
|
:host {
|
|
1431
1431
|
display: contents;
|
|
1432
1432
|
}
|
|
@@ -1443,7 +1443,7 @@
|
|
|
1443
1443
|
.container.default ::slotted([slot='text']) {
|
|
1444
1444
|
display: none;
|
|
1445
1445
|
}
|
|
1446
|
-
`,
|
|
1446
|
+
`,qc=v`
|
|
1447
1447
|
.spinner {
|
|
1448
1448
|
width: 24px;
|
|
1449
1449
|
height: 24px;
|
|
@@ -1474,36 +1474,36 @@
|
|
|
1474
1474
|
transform: rotate(360deg);
|
|
1475
1475
|
}
|
|
1476
1476
|
}
|
|
1477
|
-
`,
|
|
1478
|
-
<div class=${
|
|
1477
|
+
`,Wc=[Hc,qc];var Gc=Object.defineProperty,Kc=Object.getOwnPropertyDescriptor,lr=(e,t,s,r)=>{for(var i=r>1?void 0:r?Kc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Gc(t,s,i),i};let Ge=class extends C{constructor(){super(...arguments),this.show=!1,this.mode="light",this.orientation="row"}get classes(){return{container:!0,[this.mode]:!!this.mode,[this.orientation]:!!this.orientation}}render(){return this.show?d`
|
|
1478
|
+
<div class=${b(this.classes)}>
|
|
1479
1479
|
<svg class="spinner" viewBox="0 0 50 50">
|
|
1480
1480
|
<circle class="spinner-bg" cx="25" cy="25" r="20" />
|
|
1481
1481
|
<circle class="spinner-fg" cx="25" cy="25" r="20" />
|
|
1482
1482
|
</svg>
|
|
1483
1483
|
<slot name="text"></slot>
|
|
1484
1484
|
</div>
|
|
1485
|
-
`:
|
|
1485
|
+
`:u}};Ge.styles=Wc,lr([a({type:Boolean,converter:$})],Ge.prototype,"show",2),lr([a({type:String,reflect:!0})],Ge.prototype,"mode",2),lr([a({type:String})],Ge.prototype,"orientation",2),Ge=lr([S("ds-loader-spinner")],Ge);const Yc=v`
|
|
1486
1486
|
:host {
|
|
1487
1487
|
display: contents;
|
|
1488
1488
|
}
|
|
1489
|
-
`,
|
|
1489
|
+
`,Xc=v`
|
|
1490
1490
|
.container {
|
|
1491
1491
|
display: grid;
|
|
1492
1492
|
grid-template-columns: auto auto;
|
|
1493
1493
|
}
|
|
1494
|
-
`;var
|
|
1494
|
+
`;var Jc=Object.defineProperty,Zc=Object.getOwnPropertyDescriptor,pi=(e,t,s,r)=>{for(var i=r>1?void 0:r?Zc(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Jc(t,s,i),i};let Cs=class extends C{constructor(){super(...arguments),this.size="xxsmall",this.mode="light"}get logoTemplate(){return this.componentFactory.createIcon({class:"icon-logo","icon-name":"logo"})}get logoWordmarkTemplate(){return this.componentFactory.createIcon({class:"icon-wordmark","icon-name":"logo-wordmark"})}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return B`
|
|
1495
1495
|
<style>
|
|
1496
1496
|
:host {
|
|
1497
1497
|
color-scheme: ${this.mode};
|
|
1498
1498
|
}
|
|
1499
1499
|
</style>
|
|
1500
|
-
`}render(){return
|
|
1500
|
+
`}render(){return d`
|
|
1501
1501
|
${this.styleTokens}
|
|
1502
|
-
<div data-testid="ds-logo-container" class=${
|
|
1502
|
+
<div data-testid="ds-logo-container" class=${b(this.classes)}>
|
|
1503
1503
|
${this.logoTemplate}
|
|
1504
1504
|
${this.logoWordmarkTemplate}
|
|
1505
1505
|
</div>
|
|
1506
|
-
`}};
|
|
1506
|
+
`}};Cs.styles=[Yc,Xc],pi([a({type:String})],Cs.prototype,"size",2),pi([a({type:String,reflect:!0})],Cs.prototype,"mode",2),Cs=pi([S("ds-logo")],Cs);const Qc=v`
|
|
1507
1507
|
:host {
|
|
1508
1508
|
display: inline-block;
|
|
1509
1509
|
}
|
|
@@ -1538,11 +1538,11 @@
|
|
|
1538
1538
|
letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
|
|
1539
1539
|
color: var(--dg-color-text-strong);
|
|
1540
1540
|
}
|
|
1541
|
-
`;var
|
|
1541
|
+
`;var td=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,re=(e,t,s,r)=>{for(var i=r>1?void 0:r?ed(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&td(t,s,i),i};let Nt=class extends C{constructor(){super(...arguments),this.width=48,this.height=48,this.checked=!1,this.iconSize=24,this.iconTop=8}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):u}get clusterNumberTemplate(){return this.clusterCount?d`
|
|
1542
1542
|
<div class='cluster-count'>
|
|
1543
1543
|
${this.clusterCount}
|
|
1544
1544
|
</div>
|
|
1545
|
-
`:
|
|
1545
|
+
`:u}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}get styleTokens(){return d`
|
|
1546
1546
|
<style>
|
|
1547
1547
|
:host{
|
|
1548
1548
|
--ds-icon-color: var(--ds-map-pin-icon-color);
|
|
@@ -1552,9 +1552,9 @@
|
|
|
1552
1552
|
top: ${this.iconTop}px;
|
|
1553
1553
|
}
|
|
1554
1554
|
</style>
|
|
1555
|
-
`}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return
|
|
1555
|
+
`}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return d`
|
|
1556
1556
|
${this.styleTokens}
|
|
1557
|
-
<span data-testid="ds-map-pin-container" class=${
|
|
1557
|
+
<span data-testid="ds-map-pin-container" class=${b(this.classes)} @click=${this.handleClick}>
|
|
1558
1558
|
<svg
|
|
1559
1559
|
class="marker"
|
|
1560
1560
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1573,7 +1573,7 @@
|
|
|
1573
1573
|
${this.iconTemplate}
|
|
1574
1574
|
${this.clusterNumberTemplate}
|
|
1575
1575
|
</span>
|
|
1576
|
-
`}};
|
|
1576
|
+
`}};Nt.styles=[Qc],re([a({type:Number,attribute:"width"})],Nt.prototype,"width",2),re([a({type:Number,attribute:"height"})],Nt.prototype,"height",2),re([a({type:Boolean,converter:$,reflect:!0})],Nt.prototype,"checked",2),re([a({type:String,attribute:"icon-name"})],Nt.prototype,"iconName",2),re([a({type:Number,attribute:"icon-size"})],Nt.prototype,"iconSize",2),re([a({type:Number,attribute:"icon-top"})],Nt.prototype,"iconTop",2),re([a({type:Number,attribute:"cluster-count"})],Nt.prototype,"clusterCount",2),Nt=re([S("ds-map-pin")],Nt);const sd=v`
|
|
1577
1577
|
:host {
|
|
1578
1578
|
transition: display 300ms ease allow-discrete;
|
|
1579
1579
|
}
|
|
@@ -1643,7 +1643,7 @@
|
|
|
1643
1643
|
grid-area: confirmButton;
|
|
1644
1644
|
}
|
|
1645
1645
|
|
|
1646
|
-
${
|
|
1646
|
+
${ct.m} {
|
|
1647
1647
|
.content-container.full-width {
|
|
1648
1648
|
max-width: 700px;
|
|
1649
1649
|
}
|
|
@@ -1674,7 +1674,7 @@
|
|
|
1674
1674
|
}
|
|
1675
1675
|
}
|
|
1676
1676
|
|
|
1677
|
-
${
|
|
1677
|
+
${ct.l} {
|
|
1678
1678
|
.content-container.full-width {
|
|
1679
1679
|
max-width: 952px;
|
|
1680
1680
|
}
|
|
@@ -1692,7 +1692,7 @@
|
|
|
1692
1692
|
}
|
|
1693
1693
|
}
|
|
1694
1694
|
|
|
1695
|
-
${
|
|
1695
|
+
${ct.xl} {
|
|
1696
1696
|
.content-container.full-width {
|
|
1697
1697
|
max-width: 1138px;
|
|
1698
1698
|
}
|
|
@@ -1709,7 +1709,7 @@
|
|
|
1709
1709
|
'. cancelButton confirmButton';
|
|
1710
1710
|
}
|
|
1711
1711
|
}
|
|
1712
|
-
`,
|
|
1712
|
+
`,rd=v`
|
|
1713
1713
|
.container.full-screen {
|
|
1714
1714
|
position: fixed;
|
|
1715
1715
|
height: 100%;
|
|
@@ -1726,7 +1726,7 @@
|
|
|
1726
1726
|
.icon {
|
|
1727
1727
|
margin-bottom: 32px;
|
|
1728
1728
|
}
|
|
1729
|
-
`,
|
|
1729
|
+
`,id=v`
|
|
1730
1730
|
.container.dialog {
|
|
1731
1731
|
position: fixed;
|
|
1732
1732
|
height: auto;
|
|
@@ -1754,23 +1754,23 @@
|
|
|
1754
1754
|
width: calc(100dvw - 32px);
|
|
1755
1755
|
}
|
|
1756
1756
|
|
|
1757
|
-
${
|
|
1757
|
+
${ct.m} {
|
|
1758
1758
|
.container.dialog .content-container {
|
|
1759
1759
|
max-height: calc(100dvh - 112px);
|
|
1760
1760
|
padding: 48px;
|
|
1761
1761
|
}
|
|
1762
1762
|
}
|
|
1763
|
-
`,
|
|
1763
|
+
`,od=v`
|
|
1764
1764
|
.container.fit {
|
|
1765
1765
|
position: absolute;
|
|
1766
1766
|
}
|
|
1767
|
-
`,
|
|
1767
|
+
`,nd=v`
|
|
1768
1768
|
.container.full-screen.v-align-default {
|
|
1769
1769
|
justify-content: flex-start;
|
|
1770
1770
|
padding-top: 24px;
|
|
1771
1771
|
}
|
|
1772
1772
|
|
|
1773
|
-
${
|
|
1773
|
+
${ct.m} {
|
|
1774
1774
|
.container.full-screen.v-align-default {
|
|
1775
1775
|
justify-content: center;
|
|
1776
1776
|
padding-top: 0;
|
|
@@ -1787,19 +1787,19 @@
|
|
|
1787
1787
|
padding-top: 24px;
|
|
1788
1788
|
}
|
|
1789
1789
|
|
|
1790
|
-
${
|
|
1790
|
+
${ct.m} {
|
|
1791
1791
|
.container.full-screen.v-align-start {
|
|
1792
1792
|
padding-top: 32px;
|
|
1793
1793
|
}
|
|
1794
1794
|
}
|
|
1795
1795
|
|
|
1796
|
-
${
|
|
1796
|
+
${ct.l} {
|
|
1797
1797
|
.container.full-screen.v-align-start {
|
|
1798
1798
|
padding-top: 32px;
|
|
1799
1799
|
}
|
|
1800
1800
|
}
|
|
1801
1801
|
|
|
1802
|
-
${
|
|
1802
|
+
${ct.xl} {
|
|
1803
1803
|
.container.full-screen.v-align-start {
|
|
1804
1804
|
padding-top: 64px;
|
|
1805
1805
|
}
|
|
@@ -1826,19 +1826,19 @@
|
|
|
1826
1826
|
padding-bottom: 24px;
|
|
1827
1827
|
}
|
|
1828
1828
|
|
|
1829
|
-
${
|
|
1829
|
+
${ct.m} {
|
|
1830
1830
|
.container.full-screen.v-align-end {
|
|
1831
1831
|
padding-bottom: 32px;
|
|
1832
1832
|
}
|
|
1833
1833
|
}
|
|
1834
1834
|
|
|
1835
|
-
${
|
|
1835
|
+
${ct.l} {
|
|
1836
1836
|
.container.full-screen.v-align-end {
|
|
1837
1837
|
padding-bottom: 32px;
|
|
1838
1838
|
}
|
|
1839
1839
|
}
|
|
1840
1840
|
|
|
1841
|
-
${
|
|
1841
|
+
${ct.xl} {
|
|
1842
1842
|
.container.full-screen.v-align-end {
|
|
1843
1843
|
padding-bottom: 64px;
|
|
1844
1844
|
}
|
|
@@ -1849,7 +1849,7 @@
|
|
|
1849
1849
|
transform: translateX(-50%);
|
|
1850
1850
|
margin-bottom: 24px;
|
|
1851
1851
|
}
|
|
1852
|
-
`;var
|
|
1852
|
+
`;var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,Ct=(e,t,s,r)=>{for(var i=r>1?void 0:r?ld(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ad(t,s,i),i};let pt=class extends ee(C){constructor(){super(...arguments),this.withCloseButton=!0,this.variant="fullScreen",this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign="default"}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight="0",document.body.style.overflow=""}handleScroll(){const t=this.open&&!this.disableScrollLock,s=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=t&&s?`${window.innerWidth-document.documentElement.clientWidth}px`:"0",document.body.style.overflow=t?"hidden":""}updated(t){super.updated(t),(t.has("open")||t.has("disableScrollLock"))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant==="dialog"?d`<div class=${b(this.backdropClasses)} />`:u}get buttonSize(){return["xs","s","m"].includes(this.viewport)?"medium":"large"}get closeButtonSize(){return this.variant==="dialog"||["xs","s"].includes(this.viewport)?"small":"medium"}get closeButtonTemplate(){return this.withCloseButton?this.componentFactory.createIconButton({class:"close-button","data-aria-label":"close-button","@click":this.handleClickCloseButton,size:this.closeButtonSize,"icon-name":"cross",mode:"light",variant:"primary"}):u}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:64}):u}get cancelButtonTemplate(){return this.cancelButtonText?this.componentFactory.createButton({class:"cancel-button",variant:"secondary",size:this.buttonSize,"@click":this.handleClickCancelButton,children:this.cancelButtonText}):u}get confirmButtonTemplate(){return this.confirmButtonText?this.componentFactory.createButton({class:"confirm-button",variant:"primary",size:this.buttonSize,"@click":this.handleClickConfirmButton,children:this.confirmButtonText}):u}get modalClasses(){return{container:!0,animate:!0,open:this.open,close:!this.open,dialog:this.variant==="dialog","full-screen":this.variant==="fullScreen"||this.variant==="fit",fit:this.variant==="fit",[`v-align-${this.vAlign}`]:!!this.vAlign}}get contentClasses(){return{"content-container":!0,"full-width":!!this.fullWidth}}render(){return d`
|
|
1853
1853
|
<style>
|
|
1854
1854
|
:host {
|
|
1855
1855
|
${!this.open&&"display: none;"}
|
|
@@ -1862,24 +1862,24 @@
|
|
|
1862
1862
|
<div
|
|
1863
1863
|
role="dialog"
|
|
1864
1864
|
aria-labelledby="ds-modal-title"
|
|
1865
|
-
class=${
|
|
1865
|
+
class=${b(this.modalClasses)}
|
|
1866
1866
|
@transitionend=${this.handleTransitionEnd}
|
|
1867
1867
|
>
|
|
1868
1868
|
${this.closeButtonTemplate}
|
|
1869
1869
|
${this.iconTemplate}
|
|
1870
|
-
<div class=${
|
|
1870
|
+
<div class=${b(this.contentClasses)}>
|
|
1871
1871
|
<slot id="ds-modal-title" name="title"></slot>
|
|
1872
1872
|
<slot name="content"></slot>
|
|
1873
1873
|
${this.cancelButtonTemplate}
|
|
1874
1874
|
${this.confirmButtonTemplate}
|
|
1875
1875
|
</div>
|
|
1876
1876
|
</div>
|
|
1877
|
-
`}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-cancel-button",{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent("click-confirm-button",{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-close-button",{bubbles:!0,composed:!0}))}handleTransitionEnd(t){t.propertyName==="opacity"&&(this.open?this.dispatchEvent(new CustomEvent("open-transition-end",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close-transition-end",{bubbles:!0,composed:!0})))}};
|
|
1877
|
+
`}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-cancel-button",{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent("click-confirm-button",{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-close-button",{bubbles:!0,composed:!0}))}handleTransitionEnd(t){t.propertyName==="opacity"&&(this.open?this.dispatchEvent(new CustomEvent("open-transition-end",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close-transition-end",{bubbles:!0,composed:!0})))}};pt.styles=[rd,id,od,sd,nd],Ct([a({type:Boolean,reflect:!0,converter:$})],pt.prototype,"open",2),Ct([a({type:Boolean,attribute:"with-close-button",converter:$})],pt.prototype,"withCloseButton",2),Ct([a({type:String,attribute:"cancel-button-text"})],pt.prototype,"cancelButtonText",2),Ct([a({type:String,attribute:"confirm-button-text"})],pt.prototype,"confirmButtonText",2),Ct([a({type:String})],pt.prototype,"variant",2),Ct([a({type:Number,attribute:"z-index"})],pt.prototype,"zIndex",2),Ct([a({type:Boolean,converter:$,attribute:"disable-scroll-lock"})],pt.prototype,"disableScrollLock",2),Ct([a({type:String,attribute:"icon-name"})],pt.prototype,"iconName",2),Ct([a({type:Boolean,converter:$,attribute:"full-width"})],pt.prototype,"fullWidth",2),Ct([a({type:String,attribute:"v-align"})],pt.prototype,"vAlign",2),pt=Ct([S("ds-modal")],pt);const ui=e=>class extends e{constructor(){super(...arguments),this.inputStates={currentValue:"",focus:!1,focusVisible:!1,invalid:!1,filled:!1,disabled:!1},this.keyboardMode=!1,this._updateStates=()=>{var t,s,r,i,o;this.inputStates.currentValue=(t=this.nativeInput)==null?void 0:t.value,this.inputStates.invalid=!((s=this.nativeInput)!=null&&s.validity.valid),this.inputStates.focus=document.activeElement===this.nativeInput,this.inputStates.disabled=(r=this.nativeInput)==null?void 0:r.disabled,this.inputStates.filled=((o=(i=this.nativeInput)==null?void 0:i.value)==null?void 0:o.length)>0,this.requestUpdate()},this._handleKeydown=()=>{this.keyboardMode=!0},this._handleMousedown=()=>{this.keyboardMode=!1},this._handlePointerdown=()=>{this.keyboardMode=!1},this._handleFocusIn=t=>{t.target===this.nativeInput&&(this.inputStates.focus=!0,this.inputStates.focusVisible=!!this.keyboardMode,this.requestUpdate())},this._handleFocusOut=()=>{this.inputStates.focus=!1,this.inputStates.focusVisible=!1,this.requestUpdate()}}onInputReady(t){}firstUpdated(t){super.firstUpdated(t),window==null||window.addEventListener("keydown",this._handleKeydown),window==null||window.addEventListener("mousedown",this._handleMousedown),window==null||window.addEventListener("pointerdown",this._handlePointerdown);const s=()=>{var r,i,o;const n=this.querySelector("input")||this.querySelector("textarea")||((r=this.shadowRoot)==null?void 0:r.querySelector("input"))||((i=this.shadowRoot)==null?void 0:i.querySelector("textarea"));n&&(this.nativeInput=n,this._setupInputObservers(),this.onInputReady(n),(o=this.hostMutationObserver)==null||o.disconnect())};s(),this.hostMutationObserver=new MutationObserver(s),this.hostMutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0})}_setupInputObservers(){this.nativeInput.addEventListener("input",this._updateStates),this.nativeInput.addEventListener("focusin",this._handleFocusIn),this.nativeInput.addEventListener("focusout",this._handleFocusOut),this.inputMutationObserver=new MutationObserver(this._updateStates),this.inputMutationObserver.observe(this.nativeInput,{attributes:!0}),this._updateStates()}disconnectedCallback(){var t,s;super.disconnectedCallback(),window==null||window.removeEventListener("keydown",this._handleKeydown),window==null||window.removeEventListener("mousedown",this._handleMousedown),window==null||window.removeEventListener("pointerdown",this._handlePointerdown),(t=this.hostMutationObserver)==null||t.disconnect(),(s=this.inputMutationObserver)==null||s.disconnect(),this.nativeInput&&(this.nativeInput.removeEventListener("input",this._updateStates),this.nativeInput.removeEventListener("focusin",this._handleFocusIn),this.nativeInput.removeEventListener("focusout",this._handleFocusOut))}};function mi(e){return!e||typeof e!="string"&&typeof e!="number"?!1:(typeof e=="string"?Number(e):e)>0}const cd=v`
|
|
1878
1878
|
:host {
|
|
1879
1879
|
display: contents;
|
|
1880
1880
|
}
|
|
1881
|
-
`;var
|
|
1882
|
-
<div class=${
|
|
1881
|
+
`;var dd=Object.defineProperty,hd=Object.getOwnPropertyDescriptor,Ke=(e,t,s,r)=>{for(var i=r>1?void 0:r?hd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&dd(t,s,i),i};let Ht=class extends ui(C){constructor(){super(...arguments),this.keyboardMode=!1,this.size="medium",this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.handleClickIcon=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))}}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return d`
|
|
1882
|
+
<div class=${b(this.classes)}>
|
|
1883
1883
|
<div class="input-container">
|
|
1884
1884
|
<div><slot></slot></div>
|
|
1885
1885
|
${this.iconTemplate}
|
|
@@ -1891,11 +1891,11 @@
|
|
|
1891
1891
|
${this.lengthTemplate}
|
|
1892
1892
|
</div>
|
|
1893
1893
|
</div>
|
|
1894
|
-
`}get iconTemplate(){var
|
|
1894
|
+
`}get iconTemplate(){var t,s,r;return(s=(t=this.nativeInput)==null?void 0:t.value)!=null&&s.length?this.componentFactory.createIconButton({class:"icon-button","icon-name":"cross",size:this.size,disabled:!!((r=this.nativeInput)!=null&&r.disabled),variant:"standard","@click":this.handleClickIcon,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"}):u}get lengthTemplate(){var t,s,r;const i=(s=(t=this.nativeInput)==null?void 0:t.maxLength)==null?void 0:s.toString();return mi(i)?d`<span class="char-counter">${((r=this.inputStates.currentValue)==null?void 0:r.length)||0}/${i}</span>`:u}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError?u:d`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?d`<span class="support-text error-text forced-error">${this.forcedError}</span>`:u}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?u:d`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};Ht.styles=[cd],Ke([a({type:String})],Ht.prototype,"size",2),Ke([a({type:String,attribute:"helper-text"})],Ht.prototype,"helperText",2),Ke([a({type:String,attribute:"forced-error"})],Ht.prototype,"forcedError",2),Ke([a({type:String,attribute:"invalid-error"})],Ht.prototype,"invalidError",2),Ke([a({type:String,attribute:"data-aria-label-remove-button"})],Ht.prototype,"dataAriaLabelRemoveButton",2),Ht=Ke([S("ds-text-input")],Ht);var pd=Object.defineProperty,ud=Object.getOwnPropertyDescriptor,cr=(e,t,s,r)=>{for(var i=r>1?void 0:r?ud(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&pd(t,s,i),i};let Es=class extends Ht{constructor(){super(...arguments),this.dataAriaLabelHideButton="",this.dataAriaLabelShowButton="",this.visible=!1,this.handleClickIcon=()=>{this.visible?(this.nativeInput.setAttribute("type","password"),this.visible=!1):(this.nativeInput.setAttribute("type","text"),this.visible=!0)}}get iconTemplate(){var t;return this.componentFactory.createIconButton({class:"icon-button","icon-name":this.visible?"eye-crossed-out":"eye",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"standard","@click":this.handleClickIcon,"data-aria-label":this.visible?this.dataAriaLabelHideButton||"hide":this.dataAriaLabelShowButton||"show"})}};cr([a({type:String,attribute:"data-aria-label-hide-button"})],Es.prototype,"dataAriaLabelHideButton",2),cr([a({type:String,attribute:"data-aria-label-show-button"})],Es.prototype,"dataAriaLabelShowButton",2),cr([T()],Es.prototype,"visible",2),Es=cr([S("ds-password-input",{extendComponentNames:["ds-text-input"]})],Es);const md=v`
|
|
1895
1895
|
:host {
|
|
1896
1896
|
display: contents;
|
|
1897
1897
|
}
|
|
1898
|
-
`;var
|
|
1898
|
+
`;var fd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,Os=(e,t,s,r)=>{for(var i=r>1?void 0:r?yd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&fd(t,s,i),i};let Se=class extends ee(C){constructor(){super(...arguments),this.variant="without-border",this.size="medium",this.loading=!1,this.selected=!1}get containerClasses(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[e]:!!e,selected:this.selected,loading:this.loading}}handleClick(){this.selected||this.loading||this.dispatchEvent(new CustomEvent("ds-picker-item:click",{bubbles:!0,composed:!0}))}get imageContainerClasses(){return{"image-container":!0,[this.variant]:!!this.variant}}get loadingTemplate(){return this.loading?d`
|
|
1899
1899
|
<div class="overlay">
|
|
1900
1900
|
<svg class="spinner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
|
|
1901
1901
|
<path
|
|
@@ -1908,25 +1908,25 @@
|
|
|
1908
1908
|
/>
|
|
1909
1909
|
</svg>
|
|
1910
1910
|
</div>
|
|
1911
|
-
`:
|
|
1912
|
-
<div class=${
|
|
1913
|
-
<div class=${
|
|
1911
|
+
`:u}render(){return d`
|
|
1912
|
+
<div class=${b(this.containerClasses)} @click=${this.handleClick}>
|
|
1913
|
+
<div class=${b(this.imageContainerClasses)}>
|
|
1914
1914
|
<slot></slot>
|
|
1915
1915
|
</div>
|
|
1916
1916
|
${this.loadingTemplate}
|
|
1917
1917
|
</div>
|
|
1918
|
-
`}};
|
|
1918
|
+
`}};Se.styles=[md],Os([a({type:String})],Se.prototype,"variant",2),Os([a({type:String,converter:bs})],Se.prototype,"size",2),Os([a({type:Boolean,converter:$})],Se.prototype,"loading",2),Os([a({type:Boolean,converter:$})],Se.prototype,"selected",2),Se=Os([S("ds-picker-item")],Se);var gd=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,jo=(e,t,s,r)=>{for(var i=r>1?void 0:r?vd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&gd(t,s,i),i};let fi=class extends Mt{constructor(){super(...arguments),this.nodes=[],this.querySelectorText="body"}render(){return d`<slot></slot>`}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.nodes)==null||e.forEach(t=>t.remove())}updated(e){super.updated(e),requestAnimationFrame(()=>{const t=document.querySelector(this.querySelectorText)||document.body;if(!t)return;const s=this.renderRoot.querySelector("slot"),r=(s==null?void 0:s.assignedNodes())||[];this.nodes=r,r.forEach(i=>{t.appendChild(i)})})}};jo([a({type:String,attribute:"query-selector-text"})],fi.prototype,"querySelectorText",2),fi=jo([S("ds-portal",{skipTagAsComponentName:!0})],fi);const bd=v`
|
|
1919
1919
|
.fill {
|
|
1920
1920
|
transition: all 200ms ease-in-out;
|
|
1921
1921
|
}
|
|
1922
|
-
`;var
|
|
1922
|
+
`;var wd=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,$d=Object.getPrototypeOf,Sd=Reflect.get,Mo=(e,t,s,r)=>{for(var i=r>1?void 0:r?xd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&wd(t,s,i),i},kd=(e,t,s)=>Sd($d(e),s,t);let Ye=class extends Ss{render(){return this.show?d`
|
|
1923
1923
|
<style>
|
|
1924
1924
|
.fill {
|
|
1925
1925
|
width: ${this.progress}%;
|
|
1926
1926
|
}
|
|
1927
1927
|
</style>
|
|
1928
1928
|
${this.barTemplate}
|
|
1929
|
-
`:
|
|
1929
|
+
`:u}};Ye.styles=[...kd(Ye,Ye,"styles"),bd],Mo([a({type:Number})],Ye.prototype,"progress",2),Ye=Mo([S("ds-progress-bar",{skipTagAsComponentName:!0})],Ye);const Td=v`
|
|
1930
1930
|
:host {
|
|
1931
1931
|
display: contents;
|
|
1932
1932
|
}
|
|
@@ -1943,10 +1943,10 @@
|
|
|
1943
1943
|
display: inline-flex;
|
|
1944
1944
|
vertical-align: top;
|
|
1945
1945
|
}
|
|
1946
|
-
`;var
|
|
1946
|
+
`;var Cd=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,ke=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ed(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Cd(t,s,i),i};const Lo=Symbol("ds-radio-button-group:disabled"),Bo=Symbol("ds-radio-button-group:error"),Fo=Symbol("ds-radio-button-group:error-text"),Ro=Symbol("ds-radio-button-group:helper-text"),Vo=Symbol("ds-radio-button-group:size");let qt=class extends C{constructor(){super(...arguments),this.error=!1,this.errorText="",this.helperText="",this.disabled=!1,this.size="medium",this.orientation="vertical"}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return d`
|
|
1947
1947
|
<div
|
|
1948
1948
|
data-testid="ds-radio-button-group-container"
|
|
1949
|
-
class=${
|
|
1949
|
+
class=${b(this.classes)}
|
|
1950
1950
|
.aria-invalid=${this.error}
|
|
1951
1951
|
>
|
|
1952
1952
|
<slot name="title"></slot>
|
|
@@ -1954,10 +1954,10 @@
|
|
|
1954
1954
|
<div class="radio-buttons-container">
|
|
1955
1955
|
<slot></slot>
|
|
1956
1956
|
</div>
|
|
1957
|
-
${!this.error&&this.helperText?
|
|
1958
|
-
${this.error&&this.errorText?
|
|
1957
|
+
${!this.error&&this.helperText?d`<div class = 'helper-text' > ${this.helperText}</div>`:u}
|
|
1958
|
+
${this.error&&this.errorText?d`<div class="error-text">${this.errorText}</div>`:u}
|
|
1959
1959
|
</div>
|
|
1960
|
-
`}};
|
|
1960
|
+
`}};qt.styles=[Td],ke([je({context:Bo}),a({type:Boolean,converter:$})],qt.prototype,"error",2),ke([je({context:Fo}),a({type:String,attribute:"error-text"})],qt.prototype,"errorText",2),ke([je({context:Ro}),a({type:String,attribute:"helper-text"})],qt.prototype,"helperText",2),ke([je({context:Lo}),a({type:Boolean,converter:$})],qt.prototype,"disabled",2),ke([je({context:Vo}),a({type:String})],qt.prototype,"size",2),ke([a({type:String,reflect:!0})],qt.prototype,"orientation",2),qt=ke([S("ds-radio-button-group")],qt);const Od=v`
|
|
1961
1961
|
:host {
|
|
1962
1962
|
display: block;
|
|
1963
1963
|
flex: 0 0 auto;
|
|
@@ -2001,18 +2001,18 @@
|
|
|
2001
2001
|
::slotted([slot='label']) {
|
|
2002
2002
|
cursor: pointer;
|
|
2003
2003
|
}
|
|
2004
|
-
`;var
|
|
2005
|
-
<div @click=${this.handleClick} class=${
|
|
2004
|
+
`;var Pd=Object.defineProperty,_d=Object.getOwnPropertyDescriptor,it=(e,t,s,r)=>{for(var i=r>1?void 0:r?_d(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Pd(t,s,i),i};let Q=class extends C{constructor(){super(...arguments),this.inputPlacement="left",this._size="medium",this.errorText="",this.helperText="",this._disabled=!1,this.handleChange=t=>{this.checkInputState(t.target)},this.handleClick=()=>{var t;(t=this.input[0])==null||t.click()}}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:Bo,callback:t=>{this.errorGroup=t}},{context:Fo,callback:t=>{this.errorTextGroup=t}},{context:Lo,callback:t=>{this.disabledGroup=t}},{context:Ro,callback:t=>{this.helperTextGroup=t}},{context:Vo,callback:t=>{this.sizeGroup=t}}])})}firstUpdated(t){var s;super.firstUpdated(t);const r=(s=this.input)==null?void 0:s[0];r&&(r.addEventListener("change",this.handleChange),this.observeInputAttributes(),this.checkInputState(r),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:s,callback:r})=>{new qr(this,{context:s,callback:r,subscribe:!0})})}disconnectedCallback(){var t;super.disconnectedCallback();const s=(t=this.input)==null?void 0:t[0];s&&(s.removeEventListener("change",this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(t){this._disabled=this.disabledGroup??(t==null?void 0:t.disabled)}observeInputAttributes(){const t=new MutationObserver(()=>{this.checkInputState(this.input[0])});t.observe(this.input[0],{attributes:!0,attributeFilter:["required","disabled"]}),this.inputMutationObserver=t}updated(t){super.updated(t),(t.has("error")||t.has("errorText")||t.has("helperText"))&&this.applyAriaAttributes()}applyAriaAttributes(){var t;const s=(t=this.input)==null?void 0:t[0];if(!s)return;const r=!!this.error,i=r?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;s.setAttribute("aria-disabled",this.disabled?"true":"false"),s.setAttribute("aria-invalid",r?"true":"false"),i?s.setAttribute("aria-description",i):s.removeAttribute("aria-description")}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return d`
|
|
2005
|
+
<div @click=${this.handleClick} class=${b(this.containerClasses)}>
|
|
2006
2006
|
<span class="input-container">
|
|
2007
2007
|
<slot name="input"></slot>
|
|
2008
2008
|
</span>
|
|
2009
2009
|
<div class="text-container">
|
|
2010
2010
|
<slot name="label"></slot>
|
|
2011
|
-
${!(this.error&&this.errorText)&&this.helperText?
|
|
2012
|
-
${this.error&&this.errorText?
|
|
2011
|
+
${!(this.error&&this.errorText)&&this.helperText?d`<div class="helper-text" > ${this.helperText}</div>`:u}
|
|
2012
|
+
${this.error&&this.errorText?d`<div class="error-text">${this.errorText}</div>`:u}
|
|
2013
2013
|
</div>
|
|
2014
2014
|
</div>
|
|
2015
|
-
`}};
|
|
2015
|
+
`}};Q.styles=[Od],it([a({type:String,attribute:"input-placement"})],Q.prototype,"inputPlacement",2),it([a({type:String,attribute:"size"})],Q.prototype,"_size",2),it([a({type:Boolean,attribute:"error",converter:$})],Q.prototype,"_error",2),it([a({type:String,attribute:"error-text"})],Q.prototype,"errorText",2),it([a({type:String,attribute:"helper-text"})],Q.prototype,"helperText",2),it([T()],Q.prototype,"errorGroup",2),it([T()],Q.prototype,"errorTextGroup",2),it([T()],Q.prototype,"disabledGroup",2),it([T()],Q.prototype,"helperTextGroup",2),it([T()],Q.prototype,"sizeGroup",2),it([T()],Q.prototype,"_disabled",2),it([T()],Q.prototype,"inputMutationObserver",2),it([xt({slot:"input",selector:"input"})],Q.prototype,"input",2),Q=it([S("ds-radio-button")],Q);const Id=v`
|
|
2016
2016
|
:host {
|
|
2017
2017
|
display: flex;
|
|
2018
2018
|
flex-direction: column;
|
|
@@ -2025,11 +2025,11 @@
|
|
|
2025
2025
|
border: none;
|
|
2026
2026
|
display: contents;
|
|
2027
2027
|
}
|
|
2028
|
-
`;var
|
|
2029
|
-
<fieldset class=${
|
|
2028
|
+
`;var Ad=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Xe=(e,t,s,r)=>{for(var i=r>1?void 0:r?Nd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Ad(t,s,i),i};let ie=class extends rr(Mt){constructor(){super(...arguments),this.mode="light",this.size="large"}updateRadioChecked(){requestAnimationFrame(()=>{this.radioElements.forEach(e=>{e.checked=e.value===this.value})})}setRadioProps(e){requestAnimationFrame(()=>{["name","size","mode"].forEach(t=>{e.has(t)&&this.radioElements.forEach(s=>{s[t]=this[t]})})})}updated(e){super.updated(e),this.setRadioProps(e)}firstUpdated(e){super.firstUpdated(e),this.updateRadioChecked(),this.setRadioProps(e)}handleChangeRadio(e){var t;this.value=(t=e.detail)==null?void 0:t.value}get classes(){return{container:!0}}render(){return d`
|
|
2029
|
+
<fieldset class=${b(this.classes)} @change=${this.handleChangeRadio}>
|
|
2030
2030
|
<slot></slot>
|
|
2031
2031
|
</fieldset>
|
|
2032
|
-
`}};
|
|
2032
|
+
`}};ie.styles=[Id],Xe([a({type:String})],ie.prototype,"name",2),Xe([a({type:String,reflect:!0})],ie.prototype,"value",2),Xe([a({type:String,reflect:!0})],ie.prototype,"mode",2),Xe([a({type:String})],ie.prototype,"size",2),Xe([xt({selector:"ds-radio"})],ie.prototype,"radioElements",2),ie=Xe([S("ds-radio-group",{skipTagAsComponentName:!0})],ie);const zd=v`
|
|
2033
2033
|
:host {
|
|
2034
2034
|
display: inline-block;
|
|
2035
2035
|
}
|
|
@@ -2065,25 +2065,25 @@
|
|
|
2065
2065
|
label ::slotted(input:checked)::before {
|
|
2066
2066
|
transform: scale(1);
|
|
2067
2067
|
}
|
|
2068
|
-
`;var
|
|
2068
|
+
`;var Dd=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,Wt=(e,t,s,r)=>{for(var i=r>1?void 0:r?jd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Dd(t,s,i),i};let Et=class extends C{constructor(){super(...arguments),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode="light",this.size="large",this.handleClickInput=t=>{this.readonly&&t.preventDefault()},this.handleClickLabel=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value}})))}}connectedCallback(){super.connectedCallback(),this.input=document.createElement("input"),this.input.type="radio",this.input.slot="radio",this.input.ariaLabel=this.value,this.input.addEventListener("click",this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener("click",this.handleClickInput)}updated(t){super.updated(t),["name","value"].forEach(s=>{t.has(s)&&(this.input[s]=this[s])}),t.has("checked")&&requestAnimationFrame(()=>{this.input.checked=this.checked}),t.has("disabled")&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return B`
|
|
2069
2069
|
<style>
|
|
2070
2070
|
:host{
|
|
2071
2071
|
color-scheme: ${this.mode};
|
|
2072
2072
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
2073
2073
|
}
|
|
2074
2074
|
</style>
|
|
2075
|
-
`}render(){return
|
|
2075
|
+
`}render(){return d`
|
|
2076
2076
|
${this.styleTokens}
|
|
2077
|
-
<label @click=${this.handleClickLabel} class=${
|
|
2077
|
+
<label @click=${this.handleClickLabel} class=${b(this.labelClasses)}>
|
|
2078
2078
|
<slot name="radio"></slot>
|
|
2079
2079
|
<slot></slot>
|
|
2080
2080
|
</label>
|
|
2081
|
-
`}};
|
|
2081
|
+
`}};Et.styles=[zd],Wt([a({type:Boolean,converter:$,reflect:!0})],Et.prototype,"readonly",2),Wt([a({type:String,reflect:!0})],Et.prototype,"name",2),Wt([a({type:String})],Et.prototype,"value",2),Wt([a({type:Boolean,converter:$,reflect:!0})],Et.prototype,"checked",2),Wt([a({type:Boolean,converter:$,reflect:!0})],Et.prototype,"disabled",2),Wt([a({type:String,reflect:!0})],Et.prototype,"mode",2),Wt([a({type:String})],Et.prototype,"size",2),Wt([ei({slot:"",flatten:!0})],Et.prototype,"_defaultSlotNodes",2),Et=Wt([S("ds-radio")],Et);const Md=v`
|
|
2082
2082
|
:host {
|
|
2083
2083
|
display: contents;
|
|
2084
2084
|
}
|
|
2085
|
-
`;var
|
|
2086
|
-
<div part="container" class=${
|
|
2085
|
+
`;var Ld=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,zt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Bd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Ld(t,s,i),i};let yt=class extends ui(C){constructor(){super(...arguments),this.size="medium",this.variant="primary",this.loading=!1,this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.dataAriaLabelPositionButton="",this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event("ds-search-input:click-position-button",{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return d`
|
|
2086
|
+
<div part="container" class=${b(this.classes)}>
|
|
2087
2087
|
<div part="input-container" class="input-container">
|
|
2088
2088
|
${this.searchIconTemplate}
|
|
2089
2089
|
<slot></slot>
|
|
@@ -2095,14 +2095,14 @@
|
|
|
2095
2095
|
</div>
|
|
2096
2096
|
${this.footerTemplate}
|
|
2097
2097
|
</div>
|
|
2098
|
-
`}get searchIconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"magnifying-glass",variant:"standard"})}get removeTemplate(){var t,s,r;return!((s=(t=this.nativeInput)==null?void 0:t.value)!=null&&s.length)||this.loading?
|
|
2098
|
+
`}get searchIconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"magnifying-glass",variant:"standard"})}get removeTemplate(){var t,s,r;return!((s=(t=this.nativeInput)==null?void 0:t.value)!=null&&s.length)||this.loading?u:this.componentFactory.createIconButton({class:"remove-icon-button","icon-name":"cross",disabled:!!((r=this.nativeInput)!=null&&r.disabled),size:this.size,variant:"standard","@click":this.handleRemove,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"})}get positionTemplate(){var t;return this.loading||!this.withPositionButton?u:this.componentFactory.createIconButton({class:"position-icon-button","icon-name":"position",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"standard","@click":this.handleClickPositionButton,"data-aria-label":this.dataAriaLabelPositionButton||"position button"})}get loaderSpinnerTemplate(){return this.componentFactory.createLoaderSpinner({show:this.loading})}get footerTemplate(){var t,s;return!((t=this.helperText)!=null&&t.length)&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number((s=this.nativeInput)==null?void 0:s.maxLength)<0?u:d`
|
|
2099
2099
|
<div class="footer">
|
|
2100
2100
|
${this.helperTextTemplate}
|
|
2101
2101
|
${this.forcedErrorTemplate}
|
|
2102
2102
|
${this.invalidErrorTemplate}
|
|
2103
2103
|
${this.lengthTemplate}
|
|
2104
2104
|
</div>
|
|
2105
|
-
`}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?
|
|
2105
|
+
`}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?u:d`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?d`<span class="support-text error-text forced-error">${this.forcedError}</span>`:u}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?u:d`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){var t,s,r;const i=(s=(t=this.nativeInput)==null?void 0:t.maxLength)==null?void 0:s.toString();return mi(i)?d`<span class="char-counter">${((r=this.inputStates.currentValue)==null?void 0:r.length)||0}/${i}</span>`:u}};yt.styles=[Md],zt([a({type:String})],yt.prototype,"size",2),zt([a({type:String})],yt.prototype,"variant",2),zt([a({type:Boolean,converter:$})],yt.prototype,"loading",2),zt([a({type:String,attribute:"helper-text"})],yt.prototype,"helperText",2),zt([a({type:String,attribute:"forced-error"})],yt.prototype,"forcedError",2),zt([a({type:String,attribute:"invalid-error"})],yt.prototype,"invalidError",2),zt([a({type:String,attribute:"data-aria-label-remove-button"})],yt.prototype,"dataAriaLabelRemoveButton",2),zt([a({type:String,attribute:"data-aria-label-position-button"})],yt.prototype,"dataAriaLabelPositionButton",2),zt([a({type:Boolean,converter:$,attribute:"with-position-button"})],yt.prototype,"withPositionButton",2),yt=zt([S("ds-search-input")],yt);const Fd=v`
|
|
2106
2106
|
:host {
|
|
2107
2107
|
display: block;
|
|
2108
2108
|
width: 100%;
|
|
@@ -2112,11 +2112,11 @@
|
|
|
2112
2112
|
.helper-text {
|
|
2113
2113
|
user-select: none;
|
|
2114
2114
|
}
|
|
2115
|
-
`,
|
|
2115
|
+
`,Rd=v`
|
|
2116
2116
|
.container {
|
|
2117
2117
|
position: relative;
|
|
2118
2118
|
}
|
|
2119
|
-
`,
|
|
2119
|
+
`,Vd=v`
|
|
2120
2120
|
.input-field::-webkit-search-decoration,
|
|
2121
2121
|
.input-field::-webkit-search-cancel-button,
|
|
2122
2122
|
.input-field::-webkit-search-results-button,
|
|
@@ -2137,27 +2137,27 @@
|
|
|
2137
2137
|
.input-field:focus {
|
|
2138
2138
|
outline: none;
|
|
2139
2139
|
}
|
|
2140
|
-
`,
|
|
2140
|
+
`,Ud=v`
|
|
2141
2141
|
.helper-text {
|
|
2142
2142
|
cursor: pointer;
|
|
2143
2143
|
display: flex;
|
|
2144
2144
|
justify-content: flex-start;
|
|
2145
2145
|
align-items: center;
|
|
2146
2146
|
}
|
|
2147
|
-
`,
|
|
2147
|
+
`,Hd=v`
|
|
2148
2148
|
.input-container {
|
|
2149
2149
|
align-items: center;
|
|
2150
2150
|
justify-content: center;
|
|
2151
2151
|
display: flex;
|
|
2152
2152
|
position: relative;
|
|
2153
2153
|
}
|
|
2154
|
-
`;var
|
|
2154
|
+
`;var qd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,tt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Wd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&qd(t,s,i),i};let X=class extends rr(C){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.name="",this.placeholder="",this.type="text",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value="",this.dispatchEvent(new CustomEvent("ds-search:clear",{bubbles:!0,composed:!0}))},this.handleInput=t=>{const s=t.target;this._value=s.value||""},this.handleSuccess=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-success",{bubbles:!0,composed:!0,detail:{position:t}}))},this.handleError=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-error",{bubbles:!0,composed:!0,detail:{error:t}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(t){this._value=t}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return d`
|
|
2155
2155
|
${this.componentFactory.createIcon({class:"search-icon","icon-name":"magnifying-glass"})}
|
|
2156
|
-
`}get positionIconTemplate(){return
|
|
2156
|
+
`}get positionIconTemplate(){return d`
|
|
2157
2157
|
${this.componentFactory.createIcon({class:"position-icon","icon-name":"position"})}
|
|
2158
|
-
`}get clearIconTemplate(){return
|
|
2158
|
+
`}get clearIconTemplate(){return d`
|
|
2159
2159
|
${this.componentFactory.createIcon({class:"clear-icon","data-testid":"clear-icon","icon-name":"cross","@click":this.handleClickClearIcon})}
|
|
2160
|
-
`}get inputTemplate(){return
|
|
2160
|
+
`}get inputTemplate(){return d`
|
|
2161
2161
|
<input
|
|
2162
2162
|
class="input-field"
|
|
2163
2163
|
type=${this.type}
|
|
@@ -2171,21 +2171,21 @@
|
|
|
2171
2171
|
@input=${this.handleInput}
|
|
2172
2172
|
?disabled=${this.disabled}
|
|
2173
2173
|
/>
|
|
2174
|
-
`}get helperTextTemplate(){return this.helperText?
|
|
2174
|
+
`}get helperTextTemplate(){return this.helperText?d`
|
|
2175
2175
|
<div class="helper-text" @click=${this.handleClickHelperText}>
|
|
2176
2176
|
${this.positionIconTemplate}
|
|
2177
2177
|
${this.helperText}
|
|
2178
2178
|
</div>
|
|
2179
|
-
`:
|
|
2179
|
+
`:u}get errorTextTemplate(){return this.errorText?d`<div class="error-text">${this.errorText}</div>`:u}get styleTokens(){return B`
|
|
2180
2180
|
<style>
|
|
2181
2181
|
:host{
|
|
2182
2182
|
color-scheme: ${this.mode};
|
|
2183
2183
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
2184
2184
|
}
|
|
2185
2185
|
</style>
|
|
2186
|
-
`}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return
|
|
2186
|
+
`}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return d`
|
|
2187
2187
|
${this.styleTokens}
|
|
2188
|
-
<div class=${
|
|
2188
|
+
<div class=${b(this.classes)}>
|
|
2189
2189
|
<div class="input-container">
|
|
2190
2190
|
${this.searchIconTemplate}
|
|
2191
2191
|
${this.inputTemplate}
|
|
@@ -2194,14 +2194,14 @@
|
|
|
2194
2194
|
${this.errorTextTemplate}
|
|
2195
2195
|
${this.helperTextTemplate}
|
|
2196
2196
|
</div>
|
|
2197
|
-
`}};
|
|
2197
|
+
`}};X.styles=[Fd,Rd,Ud,Vd,Hd],tt([a({type:String,reflect:!0,attribute:"initial-value"})],X.prototype,"initialValue",2),tt([a({type:String})],X.prototype,"label",2),tt([a({type:String,attribute:"helper-text"})],X.prototype,"helperText",2),tt([a({type:String,attribute:"error-text"})],X.prototype,"errorText",2),tt([a({type:Boolean,converter:$})],X.prototype,"disabled",2),tt([a({type:Boolean,converter:$})],X.prototype,"success",2),tt([a({type:String,reflect:!0})],X.prototype,"mode",2),tt([a({type:String})],X.prototype,"size",2),tt([a({type:String})],X.prototype,"name",2),tt([a({type:String})],X.prototype,"placeholder",2),tt([a({type:String,attribute:"max-length"})],X.prototype,"maxLength",2),tt([a({type:String})],X.prototype,"type",2),tt([T()],X.prototype,"_value",2),tt([T()],X.prototype,"focused",2),tt([_t(".input-field")],X.prototype,"inputField",2),X=tt([S("ds-search")],X);const Gd=v`
|
|
2198
2198
|
:host {
|
|
2199
2199
|
display: contents;
|
|
2200
2200
|
}
|
|
2201
|
-
`;var
|
|
2201
|
+
`;var Kd=Object.defineProperty,Yd=Object.getOwnPropertyDescriptor,Dt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Yd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Kd(t,s,i),i};let gt=class extends ee(C){constructor(){super(...arguments),this.dropdownButtonText="Menu",this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var t,s,r,i;const o=((t=this.itemsContainer)==null?void 0:t.scrollLeft)+((s=this.itemsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((r=this.itemsContainer)==null?void 0:r.scrollLeft)>0,this.hasScrollRight=o<((i=this.itemsContainer)==null?void 0:i.scrollWidth)}}updated(t){super.updated(t),t.has("viewport")&&this.updateCtas(),t.has("selectedIndex")&&this.updateSelectedItem()}firstUpdated(t){var s;super.firstUpdated(t),this.handleScroll(),this.resizeObserver.observe(this.itemsContainer),window.addEventListener("resize",this.handleScroll),(s=this.itemsContainer)==null||s.addEventListener("scroll",this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScroll)}get selectedItemText(){var t,s,r;return((r=(s=(t=this.items)==null?void 0:t[this.selectedIndex])==null?void 0:s.textContent)==null?void 0:r.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1,this.openCtas=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var t;(t=this.items)==null||t.forEach((s,r)=>{r===this.selectedIndex?s.classList.add("selected"):s.classList.remove("selected")})}updateCtas(){var t;(t=this.ctas)==null||t.forEach(s=>{["xxl","xl"].includes(this.viewport)?s==null||s.setAttribute("size","large"):s==null||s.setAttribute("size","medium")})}handleItemClick(t){var s,r;const i=t.target,o=((s=this.items)==null?void 0:s.indexOf(i))??-1;if(o!==-1){this.selectedIndex=o,this.updateSelectedItem();const n=((r=i.textContent)==null?void 0:r.trim())||i.getAttribute("data-label")||"";this.dispatchEvent(new CustomEvent("ds-secondary-navigation:select",{detail:{index:o,label:n},bubbles:!0,composed:!0})),this.closeDropdowns()}}render(){return d`
|
|
2202
2202
|
${this.backdropTemplate}
|
|
2203
2203
|
<div class="container gutter">
|
|
2204
|
-
<nav data-testid="ds-secondary-navigation-container" class=${
|
|
2204
|
+
<nav data-testid="ds-secondary-navigation-container" class=${b(this.classes)}>
|
|
2205
2205
|
${this.itemsTemplate}
|
|
2206
2206
|
${this.itemsDropdownButtonTemplate}
|
|
2207
2207
|
${this.actionsTemplate}
|
|
@@ -2210,17 +2210,17 @@
|
|
|
2210
2210
|
${this.itemsDropdownTemplate}
|
|
2211
2211
|
${this.actionsDropdownTemplate}
|
|
2212
2212
|
</div>
|
|
2213
|
-
`}get itemsTemplate(){return["l","xl","xxl"].includes(this.viewport)?
|
|
2213
|
+
`}get itemsTemplate(){return["l","xl","xxl"].includes(this.viewport)?d`
|
|
2214
2214
|
<div class="items-container">
|
|
2215
2215
|
<div>
|
|
2216
2216
|
<slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
|
|
2217
2217
|
</div>
|
|
2218
2218
|
</div>
|
|
2219
|
-
`:
|
|
2219
|
+
`:u}get actionsTemplate(){return["m","l","xl","xxl"].includes(this.viewport)?d`
|
|
2220
2220
|
<div class="actions-container">
|
|
2221
2221
|
<slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
|
|
2222
2222
|
</div>
|
|
2223
|
-
`:
|
|
2223
|
+
`:u}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.openItems?"arrow-up":"arrow-down",size:20})}get itemsDropdownButtonTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?d`
|
|
2224
2224
|
<button
|
|
2225
2225
|
class="items-dropdown-button"
|
|
2226
2226
|
@click=${this.toggleItemsDropdown}
|
|
@@ -2230,9 +2230,9 @@
|
|
|
2230
2230
|
<span>${this.selectedItemText}</span>
|
|
2231
2231
|
${this.iconTemplate}
|
|
2232
2232
|
</button>
|
|
2233
|
-
`:
|
|
2233
|
+
`:u}get itemsDropdownTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?d`
|
|
2234
2234
|
<div
|
|
2235
|
-
class=${
|
|
2235
|
+
class=${b({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
|
|
2236
2236
|
role="menu"
|
|
2237
2237
|
aria-hidden=${!this.openItems}
|
|
2238
2238
|
>
|
|
@@ -2242,9 +2242,9 @@
|
|
|
2242
2242
|
<slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
|
|
2243
2243
|
</div>
|
|
2244
2244
|
</div>
|
|
2245
|
-
`:
|
|
2245
|
+
`:u}get actionsDropdownButtonTemplate(){return["xxs","xs","s"].includes(this.viewport)?this.componentFactory.createIconButton({class:"nav-arrow","data-aria-label":"open actions dropdown","@click":this.toggleActionsDropdown,size:"medium","icon-name":"triple-dot-v"}):u}get actionsDropdownTemplate(){return["xxs","xs","s"].includes(this.viewport)?d`
|
|
2246
2246
|
<div
|
|
2247
|
-
class=${
|
|
2247
|
+
class=${b({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
|
|
2248
2248
|
role="menu"
|
|
2249
2249
|
aria-hidden=${!this.openCtas}
|
|
2250
2250
|
>
|
|
@@ -2255,7 +2255,7 @@
|
|
|
2255
2255
|
<slot name="actions"></slot>
|
|
2256
2256
|
</div>
|
|
2257
2257
|
</div>
|
|
2258
|
-
`:
|
|
2258
|
+
`:u}get backdropTemplate(){return!this.openItems&&!this.openCtas?u:d`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};gt.styles=[Gd],Dt([a({type:String,attribute:"dropdown-button-text"})],gt.prototype,"dropdownButtonText",2),Dt([a({type:Number,attribute:"selected-index"})],gt.prototype,"selectedIndex",2),Dt([T()],gt.prototype,"openItems",2),Dt([T()],gt.prototype,"openCtas",2),Dt([T()],gt.prototype,"hasScrollLeft",2),Dt([T()],gt.prototype,"hasScrollRight",2),Dt([xt({slot:"items"})],gt.prototype,"items",2),Dt([xt({slot:"actions"})],gt.prototype,"ctas",2),Dt([_t(".items-container")],gt.prototype,"itemsContainer",2),gt=Dt([S("ds-secondary-navigation")],gt);const Xd=v`
|
|
2259
2259
|
:host {
|
|
2260
2260
|
display: flex;
|
|
2261
2261
|
flex: 1 1 auto;
|
|
@@ -2303,11 +2303,11 @@
|
|
|
2303
2303
|
::slotted(label.checked) {
|
|
2304
2304
|
flex-shrink: 0;
|
|
2305
2305
|
}
|
|
2306
|
-
`;var
|
|
2307
|
-
<fieldset class=${
|
|
2306
|
+
`;var Jd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,dr=(e,t,s,r)=>{for(var i=r>1?void 0:r?Zd(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Jd(t,s,i),i};let Je=class extends C{constructor(){super(...arguments),this.size="medium",this.fullWidth=!1}get classes(){return{container:!0,[this.size]:!0,"full-width":this.fullWidth}}firstUpdated(){this.addEventListener("change",()=>this.updateCheckedStates()),this.addEventListener("focusin",t=>this.updateFocusState(t,!0)),this.addEventListener("focusout",t=>this.updateFocusState(t,!1)),this.updateCheckedStates()}updateCheckedStates(){this.slottedElements.forEach(t=>{if(t.tagName==="LABEL"){const s=t,r=this.querySelector(`#${s.htmlFor}`);r&&s.classList.toggle("checked",r.checked)}})}updateFocusState(t,s){const r=t.target,i=r.matches(":focus-visible"),o=this.slottedElements.find(n=>n.tagName==="LABEL"&&n.htmlFor===r.id);o&&o.classList.toggle("focused",i)}render(){return d`
|
|
2307
|
+
<fieldset class=${b(this.classes)}>
|
|
2308
2308
|
<slot @slotchange=${this.updateCheckedStates}></slot>
|
|
2309
2309
|
</fieldset>
|
|
2310
|
-
`}};
|
|
2310
|
+
`}};Je.styles=[Xd],dr([a({type:String})],Je.prototype,"size",2),dr([a({type:Boolean,converter:$,attribute:"full-width"})],Je.prototype,"fullWidth",2),dr([xt({slot:"",flatten:!0})],Je.prototype,"slottedElements",2),Je=dr([S("ds-segmented-control")],Je);const yi=class{static handleKeydownWhenOpen(t,s){switch(this.KEYS_WHEN_OPEN.has(t.key)&&t.preventDefault(),t.key){case" ":case"Enter":s.commit();break;case"ArrowDown":s.navigateNext();break;case"ArrowUp":s.navigatePrev();break;case"Home":s.navigateFirst();break;case"End":s.navigateLast();break;case"Escape":s.close();break}}static handleKeydownWhenClosed(t,s){this.KEYS_WHEN_CLOSED.has(t.key)&&(t.preventDefault(),s.open())}};yi.KEYS_WHEN_OPEN=new Set(["ArrowDown","ArrowUp","Home","End","Enter","Escape"," "]),yi.KEYS_WHEN_CLOSED=new Set(["ArrowDown","ArrowUp"," "]);let Uo=yi;const Qd=v`
|
|
2311
2311
|
:host {
|
|
2312
2312
|
display: contents;
|
|
2313
2313
|
}
|
|
@@ -2328,16 +2328,16 @@
|
|
|
2328
2328
|
.option.selected {
|
|
2329
2329
|
pointer-events: none;
|
|
2330
2330
|
}
|
|
2331
|
-
`;var
|
|
2331
|
+
`;var th=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,ot=(e,t,s,r)=>{for(var i=r>1?void 0:r?eh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&th(t,s,i),i};let K=class extends C{constructor(){super(...arguments),this.mode="light",this.size="medium",this.variant="primary",this._open=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.activeIndex=-1,this.hasForcedError=!1,this.handleMutations=t=>{t.forEach(s=>{s.type==="childList"&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this._open=!0,this.activeIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect()},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():this.handleOpen()},this.handleKeydown=t=>{this._open?Uo.handleKeydownWhenOpen(t,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose}):Uo.handleKeydownWhenClosed(t,{open:this.handleOpen})}}firstUpdated(){this.initializeNativeSelect()}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var t,s;this.nativeSelect=(t=this.nativeSelects)==null?void 0:t[0],this.nativeLabel=(s=this.nativeLabels)==null?void 0:s[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var t;this.hasForcedError=((t=this.forcedError)==null?void 0:t.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute("aria-hidden","true"),this.nativeSelect.setAttribute("tabindex","-1")}setupEventListeners(){this.nativeSelect.addEventListener("change",this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var t,s;(t=this.nativeSelect)==null||t.removeEventListener("change",this.syncNativeOptions),(s=this.observer)==null||s.disconnect()}findSelectedOptionIndex(){var t;const s=this.nativeOptions.findIndex(r=>r.value===this.nativeSelect.value);return(t=this.nativeOptions[s])!=null&&t.hidden?this.nativeOptions.findIndex(r=>!r.hidden):s}focusDisplaySelect(){this.updateComplete.then(()=>{var t;(t=this.displaySelect)==null||t.focus()})}advanceToFirst(){if(this.nativeOptions.length){const t=this.nativeOptions.findIndex(s=>!s.hidden);this.advanceSelection(t-this.activeIndex)}}advanceToLast(){if(this.nativeOptions.length){let t=-1;for(let s=this.nativeOptions.length-1;s>=0;s--)if(!this.nativeOptions[s].hidden){t=s;break}this.advanceSelection(t-this.activeIndex)}}advanceSelection(t){const s=this.nativeOptions.length;this.activeIndex=(this.activeIndex+t+s)%s,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(t)):this.scrollToActive(this.nativeOptions[this.activeIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(t=>!t.hidden)&&this.nativeOptions[this.activeIndex].hidden}scrollToActive(t){var s;(s=t==null?void 0:t.scrollIntoView)==null||s.call(t,{block:"nearest"})}commitSelection(){this.handleClose();const t=this.nativeOptions[this.activeIndex];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(t){this.nativeSelect.value=t,["input","change"].forEach(s=>this.nativeSelect.dispatchEvent(new Event(s,{bubbles:!0,composed:!0})))}get containerClasses(){var t,s,r,i;return{container:!0,open:this._open,disabled:!!((t=this.nativeSelect)!=null&&t.disabled),filled:!!((r=(s=this.nativeOptions)==null?void 0:s.find(o=>o.selected&&!o.hidden))!=null&&r.selected),invalid:!((i=this.nativeSelect)!=null&&i.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(t){this._open=t}get open(){return this._open}render(){return d`
|
|
2332
2332
|
<slot @slotchange=${this.initializeNativeSelect}></slot>
|
|
2333
|
-
<div class=${
|
|
2333
|
+
<div class=${b(this.containerClasses)}>
|
|
2334
2334
|
${this.displaySelectTemplate}
|
|
2335
2335
|
${this.optionsContainerTemplate}
|
|
2336
2336
|
<slot name="helper-text"></slot>
|
|
2337
2337
|
<slot name="forced-error" @slotchange=${this.handleChangeForcedError}></slot>
|
|
2338
2338
|
<slot name="invalid-error"></slot>
|
|
2339
2339
|
</div>
|
|
2340
|
-
`}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this._open?"arrow-up":"arrow-down"})}get displaySelectTemplate(){var t,s,r;const i=this.nativeOptions.find(
|
|
2340
|
+
`}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this._open?"arrow-up":"arrow-down"})}get displaySelectTemplate(){var t,s,r;const i=this.nativeOptions.find(n=>n.selected),o=(t=Array.from((i==null?void 0:i.childNodes)||[]))==null?void 0:t.map(n=>{const l=n.cloneNode(!0);if(n.nodeType!==3)return l;if(n.textContent.trim()==="")return"";const c=document.createElement("span");return c.classList.add("text"),c.appendChild(l),c});return d`
|
|
2341
2341
|
<div class="select-outline">
|
|
2342
2342
|
<div class="select-container">
|
|
2343
2343
|
<label id="display-label" class="label">${(s=this.nativeLabel)==null?void 0:s.innerText}</label>
|
|
@@ -2354,19 +2354,19 @@
|
|
|
2354
2354
|
@keydown=${this.handleKeydown}
|
|
2355
2355
|
@blur=${this.handleClose}
|
|
2356
2356
|
>
|
|
2357
|
-
<span class="select-content">${
|
|
2357
|
+
<span class="select-content">${o}</span>
|
|
2358
2358
|
${this.iconTemplate}
|
|
2359
2359
|
</div>
|
|
2360
2360
|
</div>
|
|
2361
2361
|
</div>
|
|
2362
|
-
`}get activeDescendantId(){return this._open&&this.activeIndex>=0?`${
|
|
2362
|
+
`}get activeDescendantId(){return this._open&&this.activeIndex>=0?`${K.ARIA_OPTION_PREFIX}${this.nativeOptions[this.activeIndex].value}`:""}get optionsContainerTemplate(){return d`
|
|
2363
2363
|
<div id="options-container" class="options-container" role="listbox">
|
|
2364
|
-
${this.nativeOptions.map((t,s)=>t.hidden?
|
|
2364
|
+
${this.nativeOptions.map((t,s)=>t.hidden?u:this.renderOptionClone(t,s))}
|
|
2365
2365
|
</div>
|
|
2366
|
-
`}renderOptionClone(t,s){const r=Array.from(t.childNodes).map(i=>i.cloneNode(!0));return
|
|
2366
|
+
`}renderOptionClone(t,s){const r=Array.from(t.childNodes).map(i=>i.cloneNode(!0));return d`
|
|
2367
2367
|
<div
|
|
2368
|
-
id="${
|
|
2369
|
-
class=${
|
|
2368
|
+
id="${K.ARIA_OPTION_PREFIX}${t.value}"
|
|
2369
|
+
class=${b({option:!0,active:s===this.activeIndex,selected:t.value===this.nativeSelect.value})}
|
|
2370
2370
|
role="option"
|
|
2371
2371
|
aria-selected="${t.value===this.nativeSelect.value}"
|
|
2372
2372
|
tabindex="-1"
|
|
@@ -2374,7 +2374,7 @@
|
|
|
2374
2374
|
>
|
|
2375
2375
|
${r}
|
|
2376
2376
|
</div>
|
|
2377
|
-
`}};
|
|
2377
|
+
`}};K.styles=[Qd],K.ARIA_OPTION_PREFIX="option-",ot([a({type:String})],K.prototype,"mode",2),ot([a({type:String})],K.prototype,"size",2),ot([a({type:String})],K.prototype,"variant",2),ot([T()],K.prototype,"_open",2),ot([T()],K.prototype,"nativeSelect",2),ot([T()],K.prototype,"nativeLabel",2),ot([T()],K.prototype,"nativeOptions",2),ot([T()],K.prototype,"activeIndex",2),ot([T()],K.prototype,"hasForcedError",2),ot([xt({slot:"",selector:"select",flatten:!0})],K.prototype,"nativeSelects",2),ot([xt({slot:"",selector:"label",flatten:!0})],K.prototype,"nativeLabels",2),ot([xt({slot:"forced-error",flatten:!0})],K.prototype,"forcedError",2),ot([_t(".select")],K.prototype,"displaySelect",2),K=ot([S("ds-select")],K);const sh=v`
|
|
2378
2378
|
:host {
|
|
2379
2379
|
display: inline-block;
|
|
2380
2380
|
}
|
|
@@ -2383,15 +2383,15 @@
|
|
|
2383
2383
|
display: inline-block;
|
|
2384
2384
|
cursor: pointer;
|
|
2385
2385
|
}
|
|
2386
|
-
`;var
|
|
2387
|
-
<span data-testid="ds-selection-container" class=${
|
|
2386
|
+
`;var rh=Object.defineProperty,ih=Object.getOwnPropertyDescriptor,Ho=(e,t,s,r)=>{for(var i=r>1?void 0:r?ih(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&rh(t,s,i),i};let hr=class extends C{get iconTemplate(){return this.componentFactory.createIcon({class:"icon",size:40,"icon-name":this.checked?"check":"plus"})}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return d`
|
|
2387
|
+
<span data-testid="ds-selection-container" class=${b(this.classes)} @click=${this.handleClick}>
|
|
2388
2388
|
${this.iconTemplate}
|
|
2389
2389
|
</span>
|
|
2390
|
-
`}};
|
|
2390
|
+
`}};hr.styles=[sh],Ho([a({type:Boolean,converter:$})],hr.prototype,"checked",2),hr=Ho([S("ds-selection")],hr);function gi({value:e,min:t,max:s}){return Math.min(Math.max(e,t),s)}const qo=(e,t,s=10)=>{const r=Math.pow(10,s),i=Math.round(e*r),o=Math.round(t*r);return(i+o)/r},Ps=({step:e=1,min:t=0,max:s=100,proposedValue:r,role:i,currentValues:o})=>{const n=i==="min"?1:2,l=r;let c,h=t,m=s;return Number.isFinite(l)?(Object.keys(o).forEach(p=>{if(Number(p)<n&&o[p]>=h){if(h=o[p],e===0)return;let f=t;for(;f<=h;)f=qo(f,e);h=f}if(Number(p)>n&&o[p]<=m){if(m=o[p],e===0)return;let f=t;for(;f+e<m;)f=qo(f,e);m=f}h=gi({value:h,min:t,max:s}),m=gi({value:m,min:t,max:s})}),l<=h||l>=m?(c=Math.max(h,Math.min(m,l)),{stepValue:c,minLimit:h,maxLimit:m}):e===0?{stepValue:l,minLimit:h,maxLimit:m}:(c=Math.round((l-h)/e)*e+h,c=l-c>m-l?m:c,c=gi({value:c,min:h,max:m}),{stepValue:c,minLimit:h,maxLimit:m})):{stepValue:o[String(n)],minLimit:h,maxLimit:m}},oh=({value:e,fractionDigits:t})=>{const s=Math.pow(10,t);return Math.round(e*s)/s},nh=v`
|
|
2391
2391
|
:host {
|
|
2392
2392
|
display: block;
|
|
2393
2393
|
}
|
|
2394
|
-
`,
|
|
2394
|
+
`,ah=xe`
|
|
2395
2395
|
.current-value-container {
|
|
2396
2396
|
position: relative;
|
|
2397
2397
|
}
|
|
@@ -2400,7 +2400,7 @@
|
|
|
2400
2400
|
display: inline-flex;
|
|
2401
2401
|
position: absolute;
|
|
2402
2402
|
}
|
|
2403
|
-
`,
|
|
2403
|
+
`,lh=xe`
|
|
2404
2404
|
.range-value-container {
|
|
2405
2405
|
display: flex;
|
|
2406
2406
|
justify-content: space-between;
|
|
@@ -2413,7 +2413,7 @@
|
|
|
2413
2413
|
.range-value-label:after {
|
|
2414
2414
|
content: ':';
|
|
2415
2415
|
}
|
|
2416
|
-
`,
|
|
2416
|
+
`,ch=xe`
|
|
2417
2417
|
.track {
|
|
2418
2418
|
position: relative;
|
|
2419
2419
|
cursor: pointer;
|
|
@@ -2430,28 +2430,28 @@
|
|
|
2430
2430
|
.track, .track-range {
|
|
2431
2431
|
background-clip: content-box;
|
|
2432
2432
|
}
|
|
2433
|
-
`,
|
|
2433
|
+
`,dh=xe`
|
|
2434
2434
|
.thumb {
|
|
2435
2435
|
z-index: 2;
|
|
2436
2436
|
position: absolute;
|
|
2437
2437
|
}
|
|
2438
|
-
`;var
|
|
2438
|
+
`;var hh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,N=(e,t,s,r)=>{for(var i=r>1?void 0:r?ph(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&hh(t,s,i),i};let A=class extends ee(C){constructor(){super(...arguments),this.min=0,this.max=100,this.minLabel="",this.maxLabel="",this.step=1,this.initialValueMin=0,this.mode="light",this.locale=void 0,this.localeMatcher="lookup",this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size="medium",this.disabled=!1,this.keyboardMode=!1,this.getNewValue=t=>{const{width:s,left:r}=this.track.getBoundingClientRect(),i=t.type.indexOf("mouse")!==-1?t.clientX:t.touches[0].clientX,o=Math.min(Math.max(0,i-r),s)*100/s;return this.min+o*(this.max-this.min)/100},this.setActiveThumb=t=>{const s=this.getNewValue(t);typeof this.valueMax!="number"||s<=this.valueMin?this.activeThumb="min":s>=this.valueMax?this.activeThumb="max":s-this.valueMin<this.valueMax-s?this.activeThumb="min":this.activeThumb="max"},this.handleMouseMove=t=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{const s=this.getNewValue(t),r=this.activeThumb??"min",{stepValue:i}=Ps({step:this.step,min:this.min,max:this.max,proposedValue:s,role:r,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:i,role:r})})},this.handleMouseDown=t=>{var s;this.disabled||((s=t==null?void 0:t.preventDefault)==null||s.call(t),this.setActiveThumb(t),this.handleMouseMove(t),window==null||window.addEventListener("mousemove",this.handleMouseMove),window==null||window.addEventListener("touchmove",this.handleMouseMove),window==null||window.addEventListener("pointerup",this.handlePointerUp))},this.handlePointerUp=()=>{window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(t,s)=>{const r=t.currentTarget,i=s===1?"min":"max";this.editingField=i,r.type="number",r.step=String(this.step??1);const o=i==="min"?this.valueMin:this.valueMax;r.value=String(o??""),this.keyboardMode&&r.classList.add("focus-visible")},this.commitInputValue=(t,s)=>{const r=t.currentTarget,i=s===1?"min":"max",{stepValue:o}=Ps({step:this.step,min:this.min,max:this.max,proposedValue:Number(r.value),role:i,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:o,role:i}),r.value=String(o)},this.onInputBlur=t=>{var s;this.editingField=void 0;const r=t.currentTarget;(s=r==null?void 0:r.classList)==null||s.remove("focus-visible")},this.onInputKeyDown=(t,s)=>{t.key==="Enter"&&(t.preventDefault(),this.commitInputValue(t,s))},this.onThumbKeyDown=(t,s)=>{if(!this.disabled&&(t.key==="ArrowLeft"||t.key==="ArrowRight")){t.preventDefault();const r=this.step??1,i=t.key==="ArrowLeft"?-r:r,o=s===1?"min":"max",n=(o==="min"?this.valueMin:this.valueMax)+i,{stepValue:l}=Ps({step:this.step,min:this.min,max:this.max,proposedValue:n,role:o,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:l,role:o})}}}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp),window==null||window.removeEventListener("keydown",this.handleKeydown),window==null||window.removeEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.removeEventListener("pointerdown",this.handlePointerOrMouseDown)}firstUpdated(t){super.firstUpdated(t),window==null||window.addEventListener("keydown",this.handleKeydown),window==null||window.addEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.addEventListener("pointerdown",this.handlePointerOrMouseDown),["min","max"].forEach(s=>{const r=this[s==="min"?"initialValueMin":"initialValueMax"];if(typeof r!="number")return;const{stepValue:i}=Ps({step:this.step,min:this.min,max:this.max,proposedValue:r,role:s,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this[s==="min"?"valueMin":"valueMax"]!==i&&this.handleChange({value:i,role:s})})}getTrackPct(t){const s=this.max-this.min;return s===0?0:(t-this.min)/s*100}handleChange({value:t,role:s}){const r=oh({value:t,fractionDigits:this.maximumFractionDigits}),i=s==="min"?"valueMin":"valueMax";this[i]!==r&&(this[i]=r,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{role:s,value:r}})))}formatNumber(t){const s={value:t,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping};return _o(s)}get rangeValuesTemplates(){const{formattedValue:t,unitSymbol:s,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??s,o=this.unitSymbolPosition??r,{formattedValue:n}=this.formatNumber(this.max);return d`
|
|
2439
2439
|
<div class="range-value-text">
|
|
2440
|
-
${this.minLabel?
|
|
2441
|
-
${
|
|
2440
|
+
${this.minLabel?d`<span class="range-value-label">${this.minLabel}</span>`:u}
|
|
2441
|
+
${o==="left"?d`<span>${i}</span>`:u}
|
|
2442
2442
|
<span>${t}</span>
|
|
2443
|
-
${
|
|
2443
|
+
${o==="right"?d`<span>${i}</span>`:u}
|
|
2444
2444
|
</div>
|
|
2445
2445
|
<div class="range-value-text">
|
|
2446
|
-
${this.maxLabel?
|
|
2447
|
-
${
|
|
2448
|
-
<span>${
|
|
2449
|
-
${
|
|
2446
|
+
${this.maxLabel?d` <span class="range-value-label">${this.maxLabel}</span>`:u}
|
|
2447
|
+
${o==="left"?d`<span>${i}</span>`:u}
|
|
2448
|
+
<span>${n}</span>
|
|
2449
|
+
${o==="right"?d`<span>${i}</span>`:u}
|
|
2450
2450
|
</div>
|
|
2451
|
-
`}getThumbTemplate(t){const s=t===1?"min":"max",r=s==="min"?this.valueMin:this.valueMax,{minLimit:i,maxLimit:
|
|
2451
|
+
`}getThumbTemplate(t){const s=t===1?"min":"max",r=s==="min"?this.valueMin:this.valueMax,{minLimit:i,maxLimit:o}=Ps({step:this.step,min:this.min,max:this.max,proposedValue:r,role:s,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}}),n=this.getTrackPct(r);return d`
|
|
2452
2452
|
<style>
|
|
2453
2453
|
.thumb${t} {
|
|
2454
|
-
left: ${
|
|
2454
|
+
left: ${n}%;
|
|
2455
2455
|
}
|
|
2456
2456
|
</style>
|
|
2457
2457
|
<div
|
|
@@ -2463,7 +2463,7 @@
|
|
|
2463
2463
|
aria-disabled=${String(!!this.disabled)}
|
|
2464
2464
|
aria-label=${t===1?"Minumum value":"Maximum Value"}
|
|
2465
2465
|
aria-valuemin=${i}
|
|
2466
|
-
aria-valuemax=${
|
|
2466
|
+
aria-valuemax=${o}
|
|
2467
2467
|
aria-valuenow=${r}
|
|
2468
2468
|
>
|
|
2469
2469
|
<svg
|
|
@@ -2475,10 +2475,10 @@
|
|
|
2475
2475
|
<circle cx="17" cy="17" r="16" class="thumb-circle" />
|
|
2476
2476
|
</svg>
|
|
2477
2477
|
</div>
|
|
2478
|
-
`}get thumbTemplates(){return
|
|
2478
|
+
`}get thumbTemplates(){return d`
|
|
2479
2479
|
${this.getThumbTemplate(1)}
|
|
2480
|
-
${typeof this.initialValueMax=="number"?this.getThumbTemplate(2):
|
|
2481
|
-
`}get trackRangeTemplate(){let t,s;return typeof this.initialValueMax!="number"?(t=0,s=this.getTrackPct(this.valueMin)):(t=this.getTrackPct(this.valueMin),s=this.getTrackPct(this.valueMax)-t),
|
|
2480
|
+
${typeof this.initialValueMax=="number"?this.getThumbTemplate(2):u}
|
|
2481
|
+
`}get trackRangeTemplate(){let t,s;return typeof this.initialValueMax!="number"?(t=0,s=this.getTrackPct(this.valueMin)):(t=this.getTrackPct(this.valueMin),s=this.getTrackPct(this.valueMax)-t),d`
|
|
2482
2482
|
<style>
|
|
2483
2483
|
.track-range {
|
|
2484
2484
|
left: ${t}%;
|
|
@@ -2486,39 +2486,39 @@
|
|
|
2486
2486
|
}
|
|
2487
2487
|
</style>
|
|
2488
2488
|
<div class="track-range" role="presentation"></div>
|
|
2489
|
-
`}getInputTemplate(t){const s=t===1?"min":"max",r=this.editingField===s,i=s==="min"?this.valueMin:this.valueMax,{formattedValue:
|
|
2489
|
+
`}getInputTemplate(t){const s=t===1?"min":"max",r=this.editingField===s,i=s==="min"?this.valueMin:this.valueMax,{formattedValue:o,unitSymbol:n,unitSymbolPosition:l}=this.formatNumber(i),c=this.unitSymbolPosition??l,h=this.unitSymbol??n,m=h?c==="left"?`${h} ${o}`:`${o} ${h}`:`${o}`,p=r?"number":"text",f=r?String(i??""):m,g=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,x=typeof this.initialValueMax=="number"?t===1?"Start value":"End value":"Value",k=g??x;return d`
|
|
2490
2490
|
<div class="input-wrapper">
|
|
2491
2491
|
<input
|
|
2492
2492
|
class="input-value input-value-${t}"
|
|
2493
2493
|
type=${p}
|
|
2494
|
-
.value=${
|
|
2494
|
+
.value=${f}
|
|
2495
2495
|
step=${String(this.step??1)}
|
|
2496
2496
|
?disabled=${this.disabled}
|
|
2497
2497
|
tabindex=${this.disabled?-1:0}
|
|
2498
2498
|
aria-disabled=${String(!!this.disabled)}
|
|
2499
|
-
aria-label=${
|
|
2499
|
+
aria-label=${k}
|
|
2500
2500
|
?readonly=${this.disabled}
|
|
2501
|
-
@focus=${
|
|
2501
|
+
@focus=${O=>this.onInputFocus(O,t)}
|
|
2502
2502
|
@blur=${this.onInputBlur}
|
|
2503
|
-
@change=${
|
|
2504
|
-
@keydown=${
|
|
2505
|
-
title=${
|
|
2503
|
+
@change=${O=>this.commitInputValue(O,t)}
|
|
2504
|
+
@keydown=${O=>this.onInputKeyDown(O,t)}
|
|
2505
|
+
title=${f}
|
|
2506
2506
|
/>
|
|
2507
2507
|
</div>
|
|
2508
|
-
`}get inputsTemplate(){return
|
|
2508
|
+
`}get inputsTemplate(){return d`
|
|
2509
2509
|
<div class="inputs-container">
|
|
2510
2510
|
${this.getInputTemplate(1)}
|
|
2511
|
-
${typeof this.initialValueMax=="number"?this.getInputTemplate(2):
|
|
2511
|
+
${typeof this.initialValueMax=="number"?this.getInputTemplate(2):u}
|
|
2512
2512
|
</div>
|
|
2513
|
-
`}get containerClasses(){var t;const s=typeof this.size=="string"?this.size:(t=this.size)==null?void 0:t[this.viewport];return{container:!0,[this.mode]:!!this.mode,[s]:!!s,disabled:!!this.disabled}}get styleTokens(){return
|
|
2513
|
+
`}get containerClasses(){var t;const s=typeof this.size=="string"?this.size:(t=this.size)==null?void 0:t[this.viewport];return{container:!0,[this.mode]:!!this.mode,[s]:!!s,disabled:!!this.disabled}}get styleTokens(){return B`
|
|
2514
2514
|
<style>
|
|
2515
2515
|
:host{
|
|
2516
2516
|
color-scheme: ${this.mode};
|
|
2517
2517
|
}
|
|
2518
2518
|
</style>
|
|
2519
|
-
`}render(){return
|
|
2519
|
+
`}render(){return d`
|
|
2520
2520
|
${this.styleTokens}
|
|
2521
|
-
<div class=${
|
|
2521
|
+
<div class=${b(this.containerClasses)}>
|
|
2522
2522
|
<div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track" role="presentation">
|
|
2523
2523
|
${this.thumbTemplates}
|
|
2524
2524
|
${this.trackRangeTemplate}
|
|
@@ -2526,12 +2526,12 @@
|
|
|
2526
2526
|
<div class="range-value-container">${this.rangeValuesTemplates}</div>
|
|
2527
2527
|
${this.inputsTemplate}
|
|
2528
2528
|
</div>
|
|
2529
|
-
`}};A.styles=[
|
|
2529
|
+
`}};A.styles=[nh,ch,dh,ah,lh],N([a({type:Number})],A.prototype,"min",2),N([a({type:Number})],A.prototype,"max",2),N([a({type:String,attribute:"min-label"})],A.prototype,"minLabel",2),N([a({type:String,attribute:"max-label"})],A.prototype,"maxLabel",2),N([a({type:Number})],A.prototype,"step",2),N([a({type:Number,attribute:"initial-value-min"})],A.prototype,"initialValueMin",2),N([a({type:Number,attribute:"initial-value-max"})],A.prototype,"initialValueMax",2),N([a({type:String,reflect:!0})],A.prototype,"mode",2),N([a({type:String,attribute:"locale"})],A.prototype,"locale",2),N([a({type:String,attribute:"locale-matcher"})],A.prototype,"localeMatcher",2),N([a({type:String,attribute:"unit-symbol"})],A.prototype,"unitSymbol",2),N([a({type:String,attribute:"unit-symbol-position"})],A.prototype,"unitSymbolPosition",2),N([a({type:String,attribute:"unit-style"})],A.prototype,"unitStyle",2),N([a({type:String,attribute:"currency"})],A.prototype,"currency",2),N([a({type:String,attribute:"unit"})],A.prototype,"unit",2),N([a({type:String,attribute:"use-grouping",converter:e=>e==="auto"?"auto":typeof e=="boolean"?e:e==="true"||e===""?!0:e!=="false"})],A.prototype,"useGrouping",2),N([a({type:Number,attribute:"minimum-integer-digits"})],A.prototype,"minimumIntegerDigits",2),N([a({type:Number,attribute:"minimum-fraction-digits"})],A.prototype,"minimumFractionDigits",2),N([a({type:Number,attribute:"maximum-fraction-digits"})],A.prototype,"maximumFractionDigits",2),N([a({type:String,attribute:"thousand-separator"})],A.prototype,"thousandSeparator",2),N([a({type:String,attribute:"fraction-separator"})],A.prototype,"fractionSeparator",2),N([a({type:String,converter:bs})],A.prototype,"size",2),N([a({type:Boolean,converter:$})],A.prototype,"disabled",2),N([a({type:String,attribute:"input-min-aria-label"})],A.prototype,"inputMinAriaLabel",2),N([a({type:String,attribute:"input-max-aria-label"})],A.prototype,"inputMaxAriaLabel",2),N([_t(".track")],A.prototype,"track",2),N([T()],A.prototype,"valueMin",2),N([T()],A.prototype,"valueMax",2),N([T()],A.prototype,"activeThumb",2),N([T()],A.prototype,"animationFrameRequest",2),N([T()],A.prototype,"editingField",2),N([T()],A.prototype,"keyboardMode",2),A=N([S("ds-slider")],A);const uh=v`
|
|
2530
2530
|
:host {
|
|
2531
2531
|
display: block;
|
|
2532
2532
|
width: 100%;
|
|
2533
2533
|
}
|
|
2534
|
-
`,
|
|
2534
|
+
`,mh=v`
|
|
2535
2535
|
nav {
|
|
2536
2536
|
display: flex;
|
|
2537
2537
|
justify-content: flex-start;
|
|
@@ -2587,7 +2587,7 @@
|
|
|
2587
2587
|
.nav-container:hover .nav-arrow {
|
|
2588
2588
|
visibility: visible;
|
|
2589
2589
|
}
|
|
2590
|
-
`,
|
|
2590
|
+
`,fh=v`
|
|
2591
2591
|
::slotted([slot='tab']) {
|
|
2592
2592
|
white-space: nowrap;
|
|
2593
2593
|
-webkit-user-select: none;
|
|
@@ -2605,16 +2605,16 @@
|
|
|
2605
2605
|
::slotted([slot='tab'][selected]) {
|
|
2606
2606
|
cursor: auto;
|
|
2607
2607
|
}
|
|
2608
|
-
`,
|
|
2608
|
+
`,yh=v`
|
|
2609
2609
|
::slotted([slot='panel']) {
|
|
2610
2610
|
display: none;
|
|
2611
2611
|
}
|
|
2612
2612
|
::slotted([slot='panel'][selected]) {
|
|
2613
2613
|
display: block;
|
|
2614
2614
|
}
|
|
2615
|
-
`,
|
|
2616
|
-
<div part="container" class=${
|
|
2617
|
-
<div class=${
|
|
2615
|
+
`,gh={cupra:{"icon-button-variant":"primary"},"cupra-diagonal":{"icon-button-variant":"standard"},seat:{"icon-button-variant":"primary"}};var vh=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,vt=(e,t,s,r)=>{for(var i=r>1?void 0:r?bh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&vh(t,s,i),i};let nt=class extends C{constructor(){super(...arguments),this.selectedTab=0,this.mode="light",this.variant="primary",this.size="large",this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=t=>{var s,r,i,o;if(!(this.focusedTabIndex<0))switch(t.key){case"ArrowRight":case"Right":t.preventDefault(),this.focusedTabIndex+1<((s=this.tabs)==null?void 0:s.length)&&(this.focusedTabIndex+=1,(r=this.tabs[this.focusedTabIndex])==null||r.focus());break;case"ArrowLeft":case"Left":t.preventDefault(),this.focusedTabIndex-1>=0&&(this.focusedTabIndex-=1,(i=this.tabs[this.focusedTabIndex])==null||i.focus());break;case"Enter":case" ":t.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((o=this.tabs)==null?void 0:o.length)&&this.handleChangeSelectedTab(this.focusedTabIndex);break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,r,i;const o=((t=this.nav)==null?void 0:t.scrollLeft)+((s=this.nav)==null?void 0:s.clientWidth);this.hasScrollLeft=((r=this.nav)==null?void 0:r.scrollLeft)>0,this.hasScrollRight=o<((i=this.nav)==null?void 0:i.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:"smooth"})},this.handleFocus=t=>{var s;const r=t.target,i=((s=this.tabs)==null?void 0:s.findIndex(o=>o===r))??-1;if(i<0||this.disabled){t.preventDefault();return}this.focusedTabIndex=i},this.handleBlur=()=>{this.focusedTabIndex=-1}}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll("[slot=tab]")),this.panels=Array.from(this.querySelectorAll("[slot=panel]"))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav)}getScrollButtonTemplate(t,s){var r;if(!this.theme||t==="left"&&!this.hasScrollLeft||t==="right"&&!this.hasScrollRight)return u;const i=`arrow-${t}`,o=(r=gh[this.theme])==null?void 0:r["icon-button-variant"];return this.componentFactory.createIconButton({class:`nav-arrow ${t}`,"data-aria-label":`nav-arrow-${t}`,"@click":s,size:["xxsmall","xsmall","small"].includes(this.size)?"medium":"large","icon-name":i,mode:this.mode,variant:o})}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(t=>this.resizeObserver.observe(t)),window.addEventListener("resize",this.handleScrollNav),this.nav.addEventListener("scroll",this.handleScrollNav),this.setTabsFocusable()}updated(t){if(super.updated(t),t.has("selectedTab")&&this.selectTab(this.selectedTab),t.has("variant")){const s=this.variant==="secondary"||this.variant==="primary"?this.variant:"primary";this.variant!==s&&(this.variant=s)}this.setupTabAccessibility()}handleTabsSlotchange(t){this.tabs=t.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(t){this.panels=t.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var t;(t=this.tabs)==null||t.forEach(s=>{s.setAttribute("tabindex","0")})}selectTab(t){var s,r,i,o,n;(s=this.tabs)==null||s.forEach((c,h)=>{c.removeAttribute("selected"),c.setAttribute("aria-selected",h===t?"true":"false")}),(r=this.tabs[t])==null||r.setAttribute("selected",""),this.panels.forEach(c=>c.removeAttribute("selected")),(i=this.panels[t])==null||i.setAttribute("selected","");const l=(o=this.tabs)==null?void 0:o[this.selectedTab];this.nav.scrollLeft=(l==null?void 0:l.offsetLeft)-((n=this.nav)==null?void 0:n.offsetWidth)/2}setupTabAccessibility(){var t;(t=this.tabs)==null||t.forEach((s,r)=>{s.setAttribute("role","tab"),s.setAttribute("tabindex",r===this.selectedTab&&!this.disabled?"0":"-1"),s.addEventListener("focus",this.handleFocus),s.addEventListener("blur",this.handleBlur)})}handleChangeSelectedTab(t){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{selectedTab:t}})),this.selectedTab=t}handleSelect(t){let s;this.tabs.forEach((r,i)=>{(r===t.target||r.contains(t.target))&&(s=i)}),!(typeof s!="number"||s===this.selectedTab)&&this.handleChangeSelectedTab(s)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return d`
|
|
2616
|
+
<div part="container" class=${b(this.classes)}>
|
|
2617
|
+
<div class=${b(this.navContainerClasses)}>
|
|
2618
2618
|
${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
|
|
2619
2619
|
<nav tabindex="-1" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
|
|
2620
2620
|
<slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
|
|
@@ -2623,7 +2623,7 @@
|
|
|
2623
2623
|
</div>
|
|
2624
2624
|
<slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
|
|
2625
2625
|
</div>
|
|
2626
|
-
`}};
|
|
2626
|
+
`}};nt.styles=[uh,mh,fh,yh],vt([a({type:Number,attribute:"selected-tab",reflect:!0})],nt.prototype,"selectedTab",2),vt([a({type:String,reflect:!0})],nt.prototype,"mode",2),vt([a({type:String,reflect:!0})],nt.prototype,"variant",2),vt([a({type:String})],nt.prototype,"size",2),vt([a({type:Boolean,converter:$})],nt.prototype,"disabled",2),vt([T()],nt.prototype,"focusedTabIndex",2),vt([_t("nav")],nt.prototype,"nav",2),vt([T()],nt.prototype,"tabs",2),vt([T()],nt.prototype,"panels",2),vt([T()],nt.prototype,"hasScrollLeft",2),vt([T()],nt.prototype,"hasScrollRight",2),nt=vt([S("ds-tabs")],nt);const wh=xe`
|
|
2627
2627
|
:host {
|
|
2628
2628
|
display: inline-block;
|
|
2629
2629
|
}
|
|
@@ -2633,17 +2633,17 @@
|
|
|
2633
2633
|
justify-content: center;
|
|
2634
2634
|
align-items: center;
|
|
2635
2635
|
}
|
|
2636
|
-
`,
|
|
2636
|
+
`,xh=xe`
|
|
2637
2637
|
.icon.clicable {
|
|
2638
2638
|
cursor: pointer;
|
|
2639
2639
|
}
|
|
2640
|
-
`;var
|
|
2641
|
-
<div class=${
|
|
2642
|
-
${
|
|
2640
|
+
`;var $h=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,Te=(e,t,s,r)=>{for(var i=r>1?void 0:r?Sh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&$h(t,s,i),i};let Gt=class extends C{constructor(){super(...arguments),this.show=!0,this.clickableIcon=!1,this.iconPosition="left",this.color="black"}get classes(){return{container:!0,[this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;const e=new CustomEvent("clickicon",{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:b(this.iconClasses),"icon-name":this.iconName,size:16,"@click":this.handleClickIcon}):u}render(){return this.show?d`
|
|
2641
|
+
<div class=${b(this.classes)}>
|
|
2642
|
+
${It(this.iconPosition==="left",()=>d`${this.iconTemplate}`)}
|
|
2643
2643
|
<slot></slot>
|
|
2644
|
-
${
|
|
2644
|
+
${It(this.iconPosition==="right",()=>d`${this.iconTemplate}`)}
|
|
2645
2645
|
</div>
|
|
2646
|
-
`:
|
|
2646
|
+
`:u}};Gt.styles=[wh,xh],Te([a({type:Boolean,converter:$})],Gt.prototype,"show",2),Te([a({type:Boolean,converter:$,attribute:"clickable-icon"})],Gt.prototype,"clickableIcon",2),Te([a({type:String,attribute:"icon-name"})],Gt.prototype,"iconName",2),Te([a({type:String,attribute:"icon-position"})],Gt.prototype,"iconPosition",2),Te([a({type:String,attribute:"color"})],Gt.prototype,"color",2),Te([T()],Gt.prototype,"onClickHandler",2),Gt=Te([S("ds-tag")],Gt);const kh=v`
|
|
2647
2647
|
:host {
|
|
2648
2648
|
display: contents;
|
|
2649
2649
|
}
|
|
@@ -2664,24 +2664,24 @@
|
|
|
2664
2664
|
.uppercase {
|
|
2665
2665
|
text-transform: uppercase;
|
|
2666
2666
|
}
|
|
2667
|
-
`;var
|
|
2667
|
+
`;var Th=Object.defineProperty,Ch=Object.getOwnPropertyDescriptor,Kt=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ch(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Th(t,s,i),i};let Ot=class extends C{constructor(){super(...arguments),this.size="medium",this.weight="regular",this.variant="body",this.mode="light"}get classes(){return{container:!0,[`size-${this.size}`]:!!this.size,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,uppercase:this.uppercase}}get customElementTemplate(){return!this.htmlTagName||!this.value?u:d`${tr(`<${this.htmlTagName} class="text">${this.value}</${this.htmlTagName}>`)}`}get styles(){return B`
|
|
2668
2668
|
<style>
|
|
2669
2669
|
.container {
|
|
2670
2670
|
color: ${this.color||"var(--ds-text-color)"}
|
|
2671
2671
|
}
|
|
2672
2672
|
</style>
|
|
2673
|
-
`}render(){return
|
|
2673
|
+
`}render(){return d`
|
|
2674
2674
|
${this.styles}
|
|
2675
|
-
<div data-testid="ds-text-container" class=${
|
|
2675
|
+
<div data-testid="ds-text-container" class=${b(this.classes)}>
|
|
2676
2676
|
${this.customElementTemplate}
|
|
2677
2677
|
<slot></slot>
|
|
2678
2678
|
</div>
|
|
2679
|
-
`}};
|
|
2679
|
+
`}};Ot.styles=[kh],Kt([a({type:String})],Ot.prototype,"size",2),Kt([a({type:String})],Ot.prototype,"weight",2),Kt([a({type:String})],Ot.prototype,"variant",2),Kt([a({type:String,attribute:"html-tag-name"})],Ot.prototype,"htmlTagName",2),Kt([a({type:String})],Ot.prototype,"value",2),Kt([a({type:String,reflect:!0})],Ot.prototype,"mode",2),Kt([a({type:String,reflect:!0})],Ot.prototype,"color",2),Kt([a({type:Boolean,converter:$,reflect:!0})],Ot.prototype,"uppercase",2),Ot=Kt([S("ds-text")],Ot);const Eh=v`
|
|
2680
2680
|
:host {
|
|
2681
2681
|
display: contents;
|
|
2682
2682
|
}
|
|
2683
|
-
`;var
|
|
2684
|
-
<div class=${
|
|
2683
|
+
`;var Oh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Ze=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ph(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Oh(t,s,i),i};let oe=class extends ui(C){constructor(){super(...arguments),this.keyboardMode=!1,this.size="medium",this.helperText="",this.forcedError="",this.invalidError="",this.mode="light"}onInputReady(e){e.classList.add("ds-scroll")}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return d`
|
|
2684
|
+
<div class=${b(this.classes)}>
|
|
2685
2685
|
<div class="input-container">
|
|
2686
2686
|
<slot></slot>
|
|
2687
2687
|
</div>
|
|
@@ -2692,34 +2692,34 @@
|
|
|
2692
2692
|
${this.lengthTemplate}
|
|
2693
2693
|
</div>
|
|
2694
2694
|
</div>
|
|
2695
|
-
`}get lengthTemplate(){var e,t,s;const r=(t=(e=this.nativeInput)==null?void 0:e.maxLength)==null?void 0:t.toString();return
|
|
2695
|
+
`}get lengthTemplate(){var e,t,s;const r=(t=(e=this.nativeInput)==null?void 0:e.maxLength)==null?void 0:t.toString();return mi(r)?d`<span class="char-counter">${((s=this.inputStates.currentValue)==null?void 0:s.length)||0}/${r}</span>`:u}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError?u:d`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?d`<span class="support-text error-text forced-error">${this.forcedError}</span>`:u}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?u:d`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};oe.styles=[Eh],Ze([a({type:String})],oe.prototype,"size",2),Ze([a({type:String,attribute:"helper-text"})],oe.prototype,"helperText",2),Ze([a({type:String,attribute:"forced-error"})],oe.prototype,"forcedError",2),Ze([a({type:String,attribute:"invalid-error"})],oe.prototype,"invalidError",2),Ze([a({type:String})],oe.prototype,"mode",2),oe=Ze([S("ds-textarea")],oe);const _h={cupra:{fonts:[{name:"cupra-screen",weight:"300",file:"CupraScreen-Light"},{name:"cupra-screen",weight:"350",file:"CupraScreen-Book"},{name:"cupra-screen",weight:"400",file:"CupraScreen-Regular"},{name:"cupra-screen",weight:"500",file:"CupraScreen-Medium"}]},"cupra-diagonal":{fonts:[{name:"cupra-screen",weight:"300",file:"CupraScreen-Light"},{name:"cupra-screen",weight:"350",file:"CupraScreen-Book"},{name:"cupra-screen",weight:"400",file:"CupraScreen-Regular"},{name:"cupra-screen",weight:"500",file:"CupraScreen-Medium"}]},seat:{fonts:[{name:"seat",weight:"400",file:"SeatBcn-Regular"},{name:"seat",weight:"500",file:"SeatBcn-Medium"},{name:"seat",weight:"700",file:"SeatBcn-Bold"}]}};var Ih=Object.defineProperty,Ah=Object.getOwnPropertyDescriptor,Qe=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ah(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Ih(t,s,i),i};let Ce=class extends Mt{constructor(){super(...arguments),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has("theme")&&(Me.publish("theme",this.theme),window.DS_THEME=this.theme,this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0}))}loadThemeFonts(){var e;(e=_h[this.theme])==null||e.fonts.forEach(t=>{this.loadThemeFont(t)})}async loadThemeFont({weight:e,name:t,file:s}){if(!this.loadFonts)return Promise.resolve();const r=`${t}-${e}`;if(this.loadedFonts.has(r))return;const i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff2') format('woff2'),
|
|
2696
2696
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff') format('woff'),
|
|
2697
2697
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.ttf') format('truetype'),
|
|
2698
|
-
url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(
|
|
2698
|
+
url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(o){console.error(`Error loading "${t}" font with "${e}" weight:`,o)}}loadThemeStyles(){return this.loadStyles?new Promise((e,t)=>{const s="/1.0.0-canary.9",r=`https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{const i=`ui-kit-theme-${s}`,o=document.getElementById(i),n=document.createElement("link");n.id=i,n.rel="stylesheet",n.href=r,n.onload=()=>e(),n.onerror=()=>t(new Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(n),o==null||o.remove()}}):Promise.resolve()}render(){return this.cssLoaded?d`<slot></slot>`:u}};Qe([a({type:Boolean,converter:$,attribute:"load-fonts"})],Ce.prototype,"loadFonts",2),Qe([a({type:Boolean,converter:$,attribute:"load-styles"})],Ce.prototype,"loadStyles",2),Qe([je({context:Wr}),a({type:String})],Ce.prototype,"theme",2),Qe([T()],Ce.prototype,"cssLoaded",2),Qe([T()],Ce.prototype,"loadedFonts",2),Ce=Qe([S("ds-theme-provider")],Ce);const Nh=v`
|
|
2699
2699
|
:host {
|
|
2700
2700
|
display: contents;
|
|
2701
2701
|
}
|
|
2702
|
-
`;var
|
|
2703
|
-
<div class=${
|
|
2702
|
+
`;var zh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,ts=(e,t,s,r)=>{for(var i=r>1?void 0:r?Dh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&zh(t,s,i),i};let ne=class extends C{constructor(){super(...arguments),this.status="default",this.dataId="",this.title="",this.text="",this.dataTemplate=!0}getIconName(){switch(this.status){case"success":return"check-mark-circle";case"error":return"cross-circle";case"warning":return"exclamation-mark-circle";case"info":return"info-circle";default:return"chat-bubble"}}handleClickCloseButton(){const e=new CustomEvent("toast:remove",{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||"default"]:!0}}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.getIconName(),size:24})}get closeButtonTemplate(){return this.componentFactory.createIconButton({"data-aria-label":"close-button","@click":this.handleClickCloseButton,"icon-name":"cross",variant:"standard",size:"medium"})}render(){return this.dataTemplate?u:d`
|
|
2703
|
+
<div class=${b(this.toastMessageClasses)}>
|
|
2704
2704
|
${this.iconTemplate}
|
|
2705
2705
|
<div class="content">
|
|
2706
2706
|
<div class="header">
|
|
2707
|
-
${
|
|
2708
|
-
${
|
|
2707
|
+
${It(this.title,()=>d`<div class="title">${this.title}</div>`)}
|
|
2708
|
+
${It(this.text,()=>d`<div class="message">${this.text}</div>`)}
|
|
2709
2709
|
</div>
|
|
2710
2710
|
<slot></slot>
|
|
2711
2711
|
</div>
|
|
2712
2712
|
${this.closeButtonTemplate}
|
|
2713
2713
|
</div>
|
|
2714
|
-
`}};
|
|
2714
|
+
`}};ne.styles=[Nh],ts([a({type:String})],ne.prototype,"status",2),ts([a({type:String,attribute:"data-id",reflect:!0})],ne.prototype,"dataId",2),ts([a({type:String})],ne.prototype,"title",2),ts([a({type:String})],ne.prototype,"text",2),ts([a({type:Boolean,converter:$,attribute:"data-template",reflect:!0})],ne.prototype,"dataTemplate",2),ne=ts([S("ds-toast-message")],ne);const jh=1e4,Mh=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():Math.random().toString(36).substring(2),Wo=(class Gs{constructor(){this.toasts=[],this.subscribers=[],this.defaultDuration=jh,this.handleAddToast=t=>{const{id:s=Mh(),status:r="default",duration:i=this.defaultDuration,...o}=t.detail||{},n={id:s,status:r,...o,exiting:!1};n.timeoutId=window.setTimeout(()=>{this.toasts.find(l=>l.id===s).exiting=!0,this.notifySubscribers()},i),this.toasts=[...this.toasts,n],this.notifySubscribers()},this.handleRemoveToast=t=>{const{id:s,referenceId:r}=t.detail||{};if(!s&&!r)return;let i;s?i=this.toasts.find(o=>o.id===s):r&&(i=this.toasts.find(o=>o.referenceId===r)),i&&(i!=null&&i.timeoutId&&window.clearTimeout(i.timeoutId),i.exiting=!0,this.notifySubscribers())},this.initialize()}initialize(){window.addEventListener("toast:add",this.handleAddToast),window.addEventListener("toast:remove",this.handleRemoveToast)}static getInstance(){return Gs.instance||(Gs.instance=new Gs),Gs.instance}removeToast(t){const s=this.toasts.find(r=>r.id===t);s!=null&&s.timeoutId&&window.clearTimeout(s.timeoutId),this.toasts=this.toasts.filter(r=>r.id!==t),this.notifySubscribers()}getToasts(){return[...this.toasts]}subscribe(t){return this.subscribers.push(t),()=>{this.subscribers=this.subscribers.filter(s=>s!==t)}}notifySubscribers(){const t=this.getToasts();this.subscribers.forEach(s=>s(t))}}).getInstance();/**
|
|
2715
2715
|
* @license
|
|
2716
2716
|
* Copyright 2020 Google LLC
|
|
2717
2717
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2718
|
-
*/const{I:
|
|
2718
|
+
*/const{I:Lh}=ll,Go=()=>document.createComment(""),_s=(e,t,s)=>{var r;const i=e._$AA.parentNode,o=t===void 0?e._$AB:t._$AA;if(s===void 0){const n=i.insertBefore(Go(),o),l=i.insertBefore(Go(),o);s=new Lh(n,l,e,e.options)}else{const n=s._$AB.nextSibling,l=s._$AM,c=l!==e;if(c){let h;(r=s._$AQ)==null||r.call(s,e),s._$AM=e,s._$AP!==void 0&&(h=e._$AU)!==l._$AU&&s._$AP(h)}if(n!==o||c){let h=s._$AA;for(;h!==n;){const m=h.nextSibling;i.insertBefore(h,o),h=m}}}return s},Ee=(e,t,s=e)=>(e._$AI(t,s),e),Bh={},Fh=(e,t=Bh)=>e._$AH=t,Rh=e=>e._$AH,vi=e=>{e._$AR(),e._$AA.remove()};/**
|
|
2719
2719
|
* @license
|
|
2720
2720
|
* Copyright 2017 Google LLC
|
|
2721
2721
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2722
|
-
*/const
|
|
2722
|
+
*/const Ko=(e,t,s)=>{const r=new Map;for(let i=t;i<=s;i++)r.set(e[i],i);return r},Vh=ii(class extends oi{constructor(e){if(super(e),e.type!==ri.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,s){let r;s===void 0?s=t:t!==void 0&&(r=t);const i=[],o=[];let n=0;for(const l of e)i[n]=r?r(l,n):n,o[n]=s(l,n),n++;return{values:o,keys:i}}render(e,t,s){return this.dt(e,t,s).values}update(e,[t,s,r]){const i=Rh(e),{values:o,keys:n}=this.dt(t,s,r);if(!Array.isArray(i))return this.ut=n,o;const l=this.ut??(this.ut=[]),c=[];let h,m,p=0,f=i.length-1,g=0,x=o.length-1;for(;p<=f&&g<=x;)if(i[p]===null)p++;else if(i[f]===null)f--;else if(l[p]===n[g])c[g]=Ee(i[p],o[g]),p++,g++;else if(l[f]===n[x])c[x]=Ee(i[f],o[x]),f--,x--;else if(l[p]===n[x])c[x]=Ee(i[p],o[x]),_s(e,c[x+1],i[p]),p++,x--;else if(l[f]===n[g])c[g]=Ee(i[f],o[g]),_s(e,i[p],i[f]),f--,g++;else if(h===void 0&&(h=Ko(n,g,x),m=Ko(l,p,f)),h.has(l[p]))if(h.has(l[f])){const k=m.get(n[g]),O=k!==void 0?i[k]:null;if(O===null){const I=_s(e,i[p]);Ee(I,o[g]),c[g]=I}else c[g]=Ee(O,o[g]),_s(e,i[p],O),i[k]=null;g++}else vi(i[f]),f--;else vi(i[p]),p++;for(;g<=x;){const k=_s(e,c[x+1]);Ee(k,o[g]),c[g++]=k}for(;p<=f;){const k=i[p++];k!==null&&vi(k)}return this.ut=n,Fh(e,c),jt}}),Uh=v`
|
|
2723
2723
|
:host {
|
|
2724
2724
|
display: contents;
|
|
2725
2725
|
}
|
|
@@ -2760,7 +2760,7 @@
|
|
|
2760
2760
|
left: 1rem;
|
|
2761
2761
|
align-items: flex-start;
|
|
2762
2762
|
}
|
|
2763
|
-
`,
|
|
2763
|
+
`,Hh=v`
|
|
2764
2764
|
.toast {
|
|
2765
2765
|
margin-bottom: 1rem;
|
|
2766
2766
|
animation: toast-in-top 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
|
|
@@ -2822,16 +2822,16 @@
|
|
|
2822
2822
|
transform: translateX(1rem);
|
|
2823
2823
|
}
|
|
2824
2824
|
}
|
|
2825
|
-
`;var
|
|
2825
|
+
`;var qh=Object.defineProperty,Wh=Object.getOwnPropertyDescriptor,bi=(e,t,s,r)=>{for(var i=r>1?void 0:r?Wh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&qh(t,s,i),i};let Is=class extends C{constructor(){super(...arguments),this.position="top-right",this.toasts=[],this.unsubscribe=null}connectedCallback(){super.connectedCallback(),this.unsubscribe=Wo.subscribe(t=>{this.toasts=t})}disconnectedCallback(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),super.disconnectedCallback()}handleAnimationEnd(t){const s=t.target;if(s.classList.contains("exiting")&&(t.animationName==="toast-out-left"||t.animationName==="toast-out-right")){const r=s.getAttribute("data-id");r&&Wo.removeToast(r)}}getToastMessageTemplate(t){const s={toast:!0,[t.status]:!0,exiting:t.exiting};let r=u;if(t.referenceId){const i=document.querySelector(`[data-id="${t.referenceId}"]`);if(i){const o=i.cloneNode(!0);o.setAttribute("data-template","false"),o.setAttribute("data-id",t.id),r=tr(o.outerHTML)}}else r=this.componentFactory.createToastMessage({"data-id":t.id,"data-template":!1,title:t.title,text:t.text,status:t.status});return d`<div class=${b(s)} data-id="${t.id}">${r}</div>`}get containerClasses(){return{"toast-container":!0,[this.position]:!0}}render(){return d`
|
|
2826
2826
|
<div
|
|
2827
2827
|
part="toast-container"
|
|
2828
|
-
class=${
|
|
2828
|
+
class=${b(this.containerClasses)}
|
|
2829
2829
|
@animationend=${this.handleAnimationEnd}
|
|
2830
2830
|
aria-live="polite"
|
|
2831
2831
|
>
|
|
2832
|
-
${
|
|
2832
|
+
${Vh(this.toasts,t=>t.id,t=>this.getToastMessageTemplate(t))}
|
|
2833
2833
|
</div>
|
|
2834
|
-
`}};
|
|
2834
|
+
`}};Is.styles=[Uh,Hh],bi([a({type:String})],Is.prototype,"position",2),bi([T()],Is.prototype,"toasts",2),Is=bi([S("ds-toast")],Is);var Gh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,As=(e,t,s,r)=>{for(var i=r>1?void 0:r?Kh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Gh(t,s,i),i};let es=class extends W{constructor(){super(...arguments),this.checked=!1,this.checkedText="",this.uncheckedText="",this.rounded=!0}updated(t){super.updated(t),this.iconName=this.checked?"minus":"plus",this.variant=this.checked?"primary":"secondary"}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){var t;return d`
|
|
2835
2835
|
<style>
|
|
2836
2836
|
:host {
|
|
2837
2837
|
pointer-events: ${this.disabled?"none":"visible"};
|
|
@@ -2840,16 +2840,16 @@
|
|
|
2840
2840
|
${this.cssTokens}
|
|
2841
2841
|
<button
|
|
2842
2842
|
aria-label=${(t=this.textContent)==null?void 0:t.replace(/^\s+|\s+$/g,"")}
|
|
2843
|
-
class=${
|
|
2843
|
+
class=${b(this.classes)}
|
|
2844
2844
|
?disabled=${this.disabled}
|
|
2845
2845
|
type=${this.type}
|
|
2846
2846
|
@click=${this.handleClick}
|
|
2847
2847
|
>
|
|
2848
|
-
${
|
|
2848
|
+
${It(this.iconPosition==="left",()=>d`${this.iconTemplate}`)}
|
|
2849
2849
|
${this.checked?this.checkedText:this.uncheckedText}
|
|
2850
|
-
${
|
|
2850
|
+
${It(this.iconPosition==="right",()=>d`${this.iconTemplate}`)}
|
|
2851
2851
|
</button>
|
|
2852
|
-
`}};
|
|
2852
|
+
`}};As([a({type:Boolean,converter:$,reflect:!0})],es.prototype,"checked",2),As([a({type:String,attribute:"checked-text"})],es.prototype,"checkedText",2),As([a({type:String,attribute:"unchecked-text"})],es.prototype,"uncheckedText",2),As([a({type:Boolean,converter:$})],es.prototype,"rounded",2),es=As([S("ds-toggle-button",{skipTagAsComponentName:!0,extendComponentNames:["ds-button"]})],es);const Yh=v`
|
|
2853
2853
|
.container {
|
|
2854
2854
|
display: flex;
|
|
2855
2855
|
justify-content: flex-start;
|
|
@@ -2888,15 +2888,15 @@
|
|
|
2888
2888
|
left: 0;
|
|
2889
2889
|
transition: left 200ms ease-in-out;
|
|
2890
2890
|
}
|
|
2891
|
-
`;var
|
|
2891
|
+
`;var Xh=Object.defineProperty,Jh=Object.getOwnPropertyDescriptor,ss=(e,t,s,r)=>{for(var i=r>1?void 0:r?Jh(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&Xh(t,s,i),i};let ae=class extends C{constructor(){super(...arguments),this.size="medium",this.checked=!1,this.disabled=!1,this.mode="light"}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}handleClickOff(){this.checked&&this.handleClick()}handleClickOn(){this.checked||this.handleClick()}get styleTokens(){return B`
|
|
2892
2892
|
<style>
|
|
2893
2893
|
:host {
|
|
2894
2894
|
color-scheme: ${this.mode};
|
|
2895
2895
|
}
|
|
2896
2896
|
</style>
|
|
2897
|
-
`}get labelClasses(){return{container:!0,[this.size]:!!this.size,checked:this.checked,disabled:this.disabled,[this.mode]:!!this.mode}}render(){return
|
|
2897
|
+
`}get labelClasses(){return{container:!0,[this.size]:!!this.size,checked:this.checked,disabled:this.disabled,[this.mode]:!!this.mode}}render(){return d`
|
|
2898
2898
|
${this.styleTokens}
|
|
2899
|
-
<div class=${
|
|
2899
|
+
<div class=${b(this.labelClasses)} @click=${this.handleClick}>
|
|
2900
2900
|
<slot name="off" @click=${this.handleClickOff}></slot>
|
|
2901
2901
|
<slot name="label"></slot>
|
|
2902
2902
|
<button
|
|
@@ -2914,7 +2914,7 @@
|
|
|
2914
2914
|
</button>
|
|
2915
2915
|
<slot name="on" @click=${this.handleClickOn}></slot>
|
|
2916
2916
|
</div>
|
|
2917
|
-
`}};
|
|
2917
|
+
`}};ae.styles=[Yh],ss([a({type:String})],ae.prototype,"size",2),ss([a({type:Boolean,converter:$,reflect:!0})],ae.prototype,"checked",2),ss([a({type:Boolean,converter:$,reflect:!0})],ae.prototype,"disabled",2),ss([a({type:String,reflect:!0})],ae.prototype,"mode",2),ss([a({type:String,attribute:"data-aria-label"})],ae.prototype,"dataAriaLabel",2),ae=ss([S("ds-toggle-switch")],ae);const Zh=v`
|
|
2918
2918
|
:host {
|
|
2919
2919
|
position: relative;
|
|
2920
2920
|
display: inline-block;
|
|
@@ -2933,7 +2933,7 @@
|
|
|
2933
2933
|
grid-template-columns: 1fr 1fr;
|
|
2934
2934
|
justify-content: flex-end;
|
|
2935
2935
|
}
|
|
2936
|
-
`,
|
|
2936
|
+
`,Qh=v`
|
|
2937
2937
|
.tooltip {
|
|
2938
2938
|
width: max-content;
|
|
2939
2939
|
white-space: normal;
|
|
@@ -3002,7 +3002,7 @@
|
|
|
3002
3002
|
bottom: 0;
|
|
3003
3003
|
transform: none;
|
|
3004
3004
|
}
|
|
3005
|
-
`,
|
|
3005
|
+
`,tp=v`
|
|
3006
3006
|
.arrow {
|
|
3007
3007
|
width: 0;
|
|
3008
3008
|
height: 0;
|
|
@@ -3067,25 +3067,25 @@
|
|
|
3067
3067
|
bottom: 6px;
|
|
3068
3068
|
transform: none;
|
|
3069
3069
|
}
|
|
3070
|
-
`;var
|
|
3070
|
+
`;var ep=Object.defineProperty,sp=Object.getOwnPropertyDescriptor,ut=(e,t,s,r)=>{for(var i=r>1?void 0:r?sp(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ep(t,s,i),i};let st=class extends ee(C){constructor(){super(...arguments),this.mode="light",this.titleText="",this.bodyText="",this.position="bottom",this.align="center",this.show=!1,this.zIndex=2e3,this.bodyWidth="unset",this.handleResize=Hr({func:()=>this.requestUpdate()}),this.handleClickOutside=t=>{var s;const r=t.target;r!==this&&!this.contains(r)&&!((s=this.shadowRoot)!=null&&s.contains(r))&&(this.show=!1)}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleResize)}willUpdate(t){t.has("show")&&(this.show?document.addEventListener("click",this.handleClickOutside):document.removeEventListener("click",this.handleClickOutside))}get arrowClasses(){var t;return{arrow:!0,[this.position]:!0,[this.align]:!0,[this.mode]:!0,"not-positionable":(this==null?void 0:this.offsetWidth)>((t=this.tooltip)==null?void 0:t.offsetWidth)}}get tooltipClasses(){return{tooltip:!0,[this.position]:!0,[this.align]:!0,[this.mode]:!0,complex:this.cancelButtonText||this.confirmButtonText}}get buttonsTemplate(){if(!this.cancelButtonText&&!this.confirmButtonText)return u;const t=this.mode==="light"?"dark":"light";return d`
|
|
3071
3071
|
<div class="buttons-container">
|
|
3072
|
-
${this.cancelButtonText?this.componentFactory.createButton({class:"cancel-button","@click":this.handleClickCancelButton,size:"small",variant:"secondary",mode:t,children:this.cancelButtonText}):
|
|
3073
|
-
${this.confirmButtonText?this.componentFactory.createButton({class:"confirm-button","@click":this.handleClickConfirmButton,size:"small",variant:"primary",mode:t,children:this.confirmButtonText}):
|
|
3072
|
+
${this.cancelButtonText?this.componentFactory.createButton({class:"cancel-button","@click":this.handleClickCancelButton,size:"small",variant:"secondary",mode:t,children:this.cancelButtonText}):u}
|
|
3073
|
+
${this.confirmButtonText?this.componentFactory.createButton({class:"confirm-button","@click":this.handleClickConfirmButton,size:"small",variant:"primary",mode:t,children:this.confirmButtonText}):u}
|
|
3074
3074
|
</div>
|
|
3075
|
-
`}get tooltipTemplate(){return this.show?
|
|
3076
|
-
<div class=${
|
|
3077
|
-
<div class=${
|
|
3078
|
-
${this.titleText?
|
|
3079
|
-
${this.bodyText?
|
|
3075
|
+
`}get tooltipTemplate(){return this.show?d`
|
|
3076
|
+
<div class=${b(this.arrowClasses)} @mouseout="${this.handleMouseOut}"></div>
|
|
3077
|
+
<div class=${b(this.tooltipClasses)} @mouseout=${this.handleMouseOut}>
|
|
3078
|
+
${this.titleText?d`<div class="title">${this.titleText}</div>`:u}
|
|
3079
|
+
${this.bodyText?d`<div class="body">${this.bodyText}</div>`:u}
|
|
3080
3080
|
${this.buttonsTemplate}
|
|
3081
3081
|
</div>
|
|
3082
|
-
`:
|
|
3082
|
+
`:u}getTooltipWidth(){const t=this.offsetLeft+this.scrollLeft+this.clientLeft,s=document.body.clientWidth-t-this.clientWidth;let r;return this.position==="left"?r=t-13:this.position==="right"?r=s-13:this.align==="center"?r=(t<s?t:s)*2+this.clientWidth:this.align==="start"?r=document.body.clientWidth-t:this.align==="end"&&(r=t+this.clientWidth),`${r-16-32}px`}get styleTokens(){return B`
|
|
3083
3083
|
<style>
|
|
3084
3084
|
:host {
|
|
3085
3085
|
color-scheme: ${this.mode};
|
|
3086
3086
|
}
|
|
3087
3087
|
</style>
|
|
3088
|
-
`}render(){return
|
|
3088
|
+
`}render(){return d`
|
|
3089
3089
|
<style>
|
|
3090
3090
|
.tooltip {
|
|
3091
3091
|
max-width: ${this.getTooltipWidth()};
|
|
@@ -3106,49 +3106,49 @@
|
|
|
3106
3106
|
></slot>
|
|
3107
3107
|
|
|
3108
3108
|
${this.tooltipTemplate}
|
|
3109
|
-
`}handleClickSlot(){["xs","s","m"].includes(this.viewport)&&(this.show=!this.show)}handleMouseOver(){["xs","s","m"].includes(this.viewport)||(this.show=!0)}handleMouseOut(){["xs","s","m"].includes(this.viewport)||setTimeout(()=>{var t,s,r,i,
|
|
3109
|
+
`}handleClickSlot(){["xs","s","m"].includes(this.viewport)&&(this.show=!this.show)}handleMouseOver(){["xs","s","m"].includes(this.viewport)||(this.show=!0)}handleMouseOut(){["xs","s","m"].includes(this.viewport)||setTimeout(()=>{var t,s,r,i,o;!((s=(t=this.tooltip)==null?void 0:t.matches)!=null&&s.call(t,":hover"))&&!((i=(r=this.arrow)==null?void 0:r.matches)!=null&&i.call(r,":hover"))&&!((o=this==null?void 0:this.matches)!=null&&o.call(this,":hover"))&&(this.show=!1)},150)}handleClickCancelButton(){this.dispatchEvent(new CustomEvent("click-cancel-button",{bubbles:!0,composed:!0})),this.show=!1}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent("click-confirm-button",{bubbles:!0,composed:!0}))}};st.styles=[Zh,Qh,tp],ut([a({type:String,reflect:!0})],st.prototype,"mode",2),ut([a({type:String,attribute:"title-text"})],st.prototype,"titleText",2),ut([a({type:String,attribute:"body-text"})],st.prototype,"bodyText",2),ut([a({type:String})],st.prototype,"position",2),ut([a({type:String})],st.prototype,"align",2),ut([a({type:String,attribute:"cancel-button-text"})],st.prototype,"cancelButtonText",2),ut([a({type:String,attribute:"confirm-button-text"})],st.prototype,"confirmButtonText",2),ut([a({type:Boolean,reflect:!0,converter:$})],st.prototype,"show",2),ut([a({type:Number,attribute:"z-index"})],st.prototype,"zIndex",2),ut([a({type:String,attribute:"body-width"})],st.prototype,"bodyWidth",2),ut([_t(".tooltip")],st.prototype,"tooltip",2),ut([_t(".arrow")],st.prototype,"arrow",2),st=ut([S("ds-tooltip")],st);const rp=v`
|
|
3110
3110
|
:host {
|
|
3111
3111
|
display: contents;
|
|
3112
3112
|
}
|
|
3113
|
-
`;var
|
|
3113
|
+
`;var ip=Object.defineProperty,op=Object.getOwnPropertyDescriptor,Ns=(e,t,s,r)=>{for(var i=r>1?void 0:r?op(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ip(t,s,i),i};let Oe=class extends C{constructor(){super(...arguments),this.size="medium",this.disabled=!1}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"user"})}get initialsTemplate(){const e=this.getInitialsFromName(this.name);return d`<span class="initials" aria-hidden="true">${e}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(t=>t[0]).join("").toUpperCase():""}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?"media":(e=this.name)!=null&&e.trim()?"text":"icon"}handleSlotChange(){this.requestUpdate()}get styleTokens(){return B`
|
|
3114
3114
|
<style>
|
|
3115
3115
|
:host{
|
|
3116
3116
|
pointer-events: ${this.disabled?"none":"auto"};
|
|
3117
3117
|
}
|
|
3118
3118
|
</style>
|
|
3119
|
-
`}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}render(){return
|
|
3119
|
+
`}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}render(){return d`
|
|
3120
3120
|
${this.styleTokens}
|
|
3121
3121
|
<div
|
|
3122
|
-
class=${
|
|
3123
|
-
title=${
|
|
3122
|
+
class=${b(this.classes)}
|
|
3123
|
+
title=${lt(this.name)}
|
|
3124
3124
|
aria-label=${`Open ${this.name?this.name+"'s ":""}profile menu`}
|
|
3125
|
-
aria-disabled=${
|
|
3125
|
+
aria-disabled=${lt(this.disabled?"true":void 0)}
|
|
3126
3126
|
role="button"
|
|
3127
3127
|
tabindex=${this.disabled?-1:0}
|
|
3128
3128
|
@keydown=${this.handleKeyDown}
|
|
3129
3129
|
>
|
|
3130
|
-
${this.mode==="icon"?this.iconTemplate:
|
|
3131
|
-
${this.mode==="text"?this.initialsTemplate:
|
|
3130
|
+
${this.mode==="icon"?this.iconTemplate:u}
|
|
3131
|
+
${this.mode==="text"?this.initialsTemplate:u}
|
|
3132
3132
|
<div class="media" aria-hidden=${String(this.mode!=="media")}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
|
|
3133
3133
|
</div>
|
|
3134
|
-
`}}
|
|
3134
|
+
`}};Oe.styles=[rp],Ns([a({type:String})],Oe.prototype,"size",2),Ns([a({type:String})],Oe.prototype,"name",2),Ns([a({type:Boolean,converter:$,reflect:!0})],Oe.prototype,"disabled",2),Ns([xt({slot:"media",selector:"img"})],Oe.prototype,"assignedImages",2),Oe=Ns([S("ds-avatar")],Oe);const np=v`
|
|
3135
3135
|
:host {
|
|
3136
3136
|
display: contents;
|
|
3137
3137
|
}
|
|
3138
|
-
`;var
|
|
3138
|
+
`;var ap=Object.defineProperty,lp=Object.getOwnPropertyDescriptor,wi=(e,t,s,r)=>{for(var i=r>1?void 0:r?lp(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&ap(t,s,i),i};let zs=class extends C{constructor(){super(...arguments),this.steps=0,this.currentStep=-1}get classes(){return{container:!0}}render(){if(!this.steps)return u;const t=Math.max(-1,Math.min(this.currentStep,this.steps));return d`
|
|
3139
3139
|
<div
|
|
3140
3140
|
data-testid="ds-stepper-container"
|
|
3141
|
-
class=${
|
|
3141
|
+
class=${b(this.classes)}
|
|
3142
3142
|
role="list"
|
|
3143
3143
|
aria-label="Steps"
|
|
3144
3144
|
>
|
|
3145
|
-
${Array.from({length:this.steps},(s,r)=>{const i=r<=t,
|
|
3145
|
+
${Array.from({length:this.steps},(s,r)=>{const i=r<=t,o=r===t;return d`<span class=${b({step:!0,active:i,current:o})} role="listitem" aria-posinset=${r+1} aria-setsize=${this.steps} aria-current=${o?"step":"false"}></span>`})}
|
|
3146
3146
|
</div>
|
|
3147
|
-
`}};
|
|
3147
|
+
`}};zs.styles=[np],wi([a({type:Number,attribute:"steps",reflect:!0})],zs.prototype,"steps",2),wi([a({type:Number,attribute:"current-step",reflect:!0})],zs.prototype,"currentStep",2),zs=wi([S("ds-stepper")],zs);const cp=v`
|
|
3148
3148
|
:host {
|
|
3149
3149
|
display: contents;
|
|
3150
3150
|
}
|
|
3151
|
-
`;var
|
|
3151
|
+
`;var dp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,pr=(e,t,s,r)=>{for(var i=r>1?void 0:r?hp(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&dp(t,s,i),i};let rs=class extends ee(C){constructor(){super(...arguments),this.size="medium"}get classes(){const t=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[t]:!!t}}get styleTokens(){var t,s;return B`
|
|
3152
3152
|
<style>
|
|
3153
3153
|
.header {
|
|
3154
3154
|
display: ${((t=this.headerItems)==null?void 0:t.length)>0?"block":"none"};
|
|
@@ -3158,9 +3158,9 @@
|
|
|
3158
3158
|
display: ${((s=this.footerItems)==null?void 0:s.length)>0?"block":"none"};
|
|
3159
3159
|
}
|
|
3160
3160
|
</style>
|
|
3161
|
-
`}render(){return
|
|
3161
|
+
`}render(){return d`
|
|
3162
3162
|
${this.styleTokens}
|
|
3163
|
-
<div part="container" data-testid="ds-static-box-container" class=${
|
|
3163
|
+
<div part="container" data-testid="ds-static-box-container" class=${b(this.classes)}>
|
|
3164
3164
|
<div class="body">
|
|
3165
3165
|
<div part="header" class="header">
|
|
3166
3166
|
<slot name="header"></slot>
|
|
@@ -3173,12 +3173,12 @@
|
|
|
3173
3173
|
<slot name="footer"></slot>
|
|
3174
3174
|
</div>
|
|
3175
3175
|
</div>
|
|
3176
|
-
`}};
|
|
3176
|
+
`}};rs.styles=[cp],pr([a({type:String,converter:bs})],rs.prototype,"size",2),pr([ei({slot:"header",flatten:!0})],rs.prototype,"headerItems",2),pr([ei({slot:"footer",flatten:!0})],rs.prototype,"footerItems",2),rs=pr([S("ds-static-box")],rs);const pp=v`
|
|
3177
3177
|
:host {
|
|
3178
3178
|
display: contents;
|
|
3179
3179
|
}
|
|
3180
|
-
`;var
|
|
3181
|
-
<div part="container" class=${
|
|
3180
|
+
`;var up=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,ur=(e,t,s,r)=>{for(var i=r>1?void 0:r?mp(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&up(t,s,i),i};let is=class extends C{constructor(){super(...arguments),this.size="medium",this.selected=!1,this.error=!1,this.handleClick=t=>{t.stopPropagation()}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"cross-circle",size:24})}get contentTemplate(){return this.error?u:d`
|
|
3181
|
+
<div part="container" class=${b(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
|
|
3182
3182
|
<header class="header" part="header">
|
|
3183
3183
|
<div class="header-main">
|
|
3184
3184
|
<slot name="title" class="title" part="title"></slot>
|
|
@@ -3189,18 +3189,18 @@
|
|
|
3189
3189
|
<div data-testid="ds-interactive-card-content" class="content" part="content"><slot name="content"></slot></div>
|
|
3190
3190
|
<footer @click=${this.handleClick} class="cta" part="cta"><slot name="cta"></slot></footer>
|
|
3191
3191
|
</div>
|
|
3192
|
-
`}get errorTemplate(){return this.error?
|
|
3193
|
-
<div part="error" class=${
|
|
3192
|
+
`}get errorTemplate(){return this.error?d`
|
|
3193
|
+
<div part="error" class=${b(this.errorClasses)}>
|
|
3194
3194
|
${this.iconTemplate}
|
|
3195
3195
|
<div class="error-content" part="error-text">
|
|
3196
3196
|
<slot class="error-title" name="error-title"></slot>
|
|
3197
3197
|
<slot class="error-text" name="error-text" data-testid="ds-interactive-card-error-text"></slot>
|
|
3198
3198
|
</div>
|
|
3199
3199
|
</div>
|
|
3200
|
-
`:
|
|
3200
|
+
`:u}render(){return d`
|
|
3201
3201
|
${this.contentTemplate}
|
|
3202
3202
|
${this.errorTemplate}
|
|
3203
|
-
`}};
|
|
3203
|
+
`}};is.styles=[pp],ur([a({type:String})],is.prototype,"size",2),ur([a({type:Boolean,converter:$})],is.prototype,"selected",2),ur([a({type:Boolean,converter:$})],is.prototype,"error",2),is=ur([S("ds-interactive-card")],is);const fp=v`
|
|
3204
3204
|
:host {
|
|
3205
3205
|
display: contents;
|
|
3206
3206
|
}
|
|
@@ -3217,8 +3217,8 @@
|
|
|
3217
3217
|
display: flex;
|
|
3218
3218
|
box-sizing: border-box;
|
|
3219
3219
|
}
|
|
3220
|
-
`;var
|
|
3221
|
-
<div class=${
|
|
3220
|
+
`;var yp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,xi=(e,t,s,r)=>{for(var i=r>1?void 0:r?gp(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(i=(r?n(t,s,i):n(i))||i);return r&&i&&yp(t,s,i),i};let Ds=class extends C{constructor(){super(...arguments),this.open=!1,this.toggleModal=()=>{this.open=!this.open},this.handleSlotChange=t=>{const s=t.target.assignedElements().find(r=>r.tagName==="DS-BUTTON");this.setMainCtaSize(s)},this.setMainCtaSize=t=>{t&&t.setAttribute("size",JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"}))}}firstUpdated(t){var s;super.firstUpdated(t);const r=(s=this.mainCtas)==null?void 0:s[0];r&&this.setMainCtaSize(r)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:"modal-button","icon-name":this.open?"cross":"triple-dot-v","@click":this.toggleModal,"data-testid":"modal-button","data-aria-label":"more actions",size:JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"})})}classes(){return{container:!0,open:this.open}}render(){return d`
|
|
3221
|
+
<div class=${b(this.classes())}>
|
|
3222
3222
|
<nav class="nav" part="bar">
|
|
3223
3223
|
<div class="aside" part="aside">
|
|
3224
3224
|
<slot name="aside-text"></slot>
|
|
@@ -3236,12 +3236,12 @@
|
|
|
3236
3236
|
<slot name="ctas"></slot>
|
|
3237
3237
|
</div>
|
|
3238
3238
|
</div>
|
|
3239
|
-
`}};zs.styles=[eh],or([k()],zs.prototype,"open",2),or([yt({slot:"main-cta",selector:"ds-button",flatten:!0})],zs.prototype,"mainCtas",2),zs=or([$("ds-sidebar-navigation")],zs);const ar=({children:e,...t})=>m.jsx("ds-accordion-react",{...t,children:e}),rh=({children:e})=>m.jsx("div",{slot:"title",children:e}),nh=({children:e})=>m.jsx("div",{slot:"content",children:e});ar.Title=rh,ar.Content=nh;const oh=({className:e,...t})=>m.jsx("ds-bullets-react",{class:e,...t}),lr=["xs","s","m","l","xl","xxl"];function Cn(){const e={};return lr.forEach((t,s)=>{const r=`(min-width: ${_t[t]}px)`;let i="";if(s<lr.length-1){const n=lr[s+1];i=` and (max-width: ${_t[n]-1}px)`}e[t]=window.matchMedia(r+i)}),e}const ah=()=>{const[e,t]=R.useState(()=>{const s=Cn();let r="";return Object.keys(s).forEach(i=>{s[i].matches&&(r=i)}),r});return R.useLayoutEffect(()=>{const s=Cn(),r=Object.keys(s).map(i=>{const n=o=>{o.matches&&t(i)};return s[i].addListener(n),()=>{s[i].removeListener(n)}});return()=>{r.forEach(i=>{i()})}},[]),e},lh=e=>{R.useEffect(()=>{const t=[];return e.forEach(s=>{const{eventName:r,handler:i,options:n,target:o=document}=s,l=u=>{i(u)};o.addEventListener(r,l,n);const d=()=>{o.removeEventListener(r,l,n)};t.push(d)}),()=>{t.forEach(s=>{s()})}},e.flatMap(({dependencies:t})=>t??[]))};function _(e){const t=R.useRef(null),s=R.useRef(e);return R.useEffect(()=>{s.current=e},[e]),R.useEffect(()=>{const r=t.current;if(!r)return;const i={};return Object.keys(s.current).forEach(n=>{const o=l=>{const d=s.current[n];d&&d(l)};i[n]=o,r.addEventListener(n,o)}),()=>{Object.keys(i).forEach(n=>{r.removeEventListener(n,i[n])})}},[]),{ref:t}}function ch(e){const{callback:t,element:s}=e;R.useEffect(()=>{if(!s)return;const r=new ResizeObserver(t);return r.observe(s),()=>{r==null||r.disconnect()}},[s,t])}function dh(e){const{className:t,children:s,onClick:r,size:i,...n}=e,{ref:o}=_({click:r});return m.jsx("ds-button-react",{ref:o,size:typeof i=="string"?i:JSON.stringify(i),class:t,...n,children:s})}function hh(e){const{className:t,children:s,...r}=e;return m.jsx("ds-carousel-indicator-react",{class:t,...r})}function uh({onChange:e,children:t,...s}){const{ref:r}=_({change:e});return m.jsx("ds-checkbox-react",{ref:r,...s,children:t})}function ph(e){const{className:t,children:s,...r}=e;return m.jsx("ds-chip-react",{class:t,...r,children:s})}function mh(e){const{className:t,children:s,onChange:r,...i}=e,{ref:n}=_({"ds-chips:change":r});return m.jsx("ds-chips-react",{ref:n,class:t,...i,children:s})}function fh(e){const{className:t,...s}=e;return m.jsx("ds-currency-react",{class:t,...s})}function gh(e){const{className:t,children:s,onClose:r,withPortal:i,...n}=e,{ref:o}=_({"ds-dialog:close":r});if(!n.open)return null;const l=m.jsx("ds-dialog-react",{ref:o,class:t,...n,children:s});return i?m.jsx("ds-portal-react",{style:{display:"none"},children:l}):l}function vh(e){const{className:t,children:s,...r}=e;return m.jsx("ds-dialog-body-react",{class:t,...r,children:s})}function yh(e){const{className:t,children:s,...r}=e;return m.jsx("ds-dialog-footer-react",{class:t,...r,children:s})}function bh(e){const{className:t,children:s,...r}=e;return m.jsx("ds-dialog-header-react",{class:t,...r,children:s})}function xh({className:e,...t}){return m.jsx("ds-divider-react",{class:e,...t})}function wh({children:e,onClick:t,...s}){const{ref:r}=_({click:t});return m.jsx("ds-hyperlink-react",{ref:r,...s,children:e})}function $h(e){const{"icon-name":t,className:s,...r}=e;return m.jsx("ds-icon-react",{"icon-name":t,class:s,...r})}function Sh(e){const{className:t,onClick:s,size:r,...i}=e,{ref:n}=_({click:s});return m.jsx("ds-icon-button-react",{ref:n,size:typeof r=="string"?r:JSON.stringify(r),class:t,...i})}const En=R.forwardRef(({className:e,onInput:t,onKeyDown:s,onChange:r,...i},n)=>{const{ref:o}=_({input:t,keydown:s,change:r});return R.useImperativeHandle(n,()=>o.current,[]),m.jsx("ds-input-react",{ref:o,class:e,...i})});En.displayName="Input";function kh({children:e,onClick:t,...s}){const{ref:r}=_({click:t});return m.jsx("ds-link-button-react",{ref:r,...s,children:e})}function On(e){return m.jsx("ds-loader-logo-react",{...e})}function Th(e){return m.jsx("ds-loader-bar-react",{...e})}function Ch(e){return m.jsx("ds-loader-dots-react",{...e})}function Eh(e){return m.jsx("ds-loader-spinner-react",{...e,children:e.text&&m.jsx("div",{slot:"text",children:e.text})})}const Oh={Logo:On,Bar:Th,Dots:Ch,Spinner:Eh};function Ih(e){const{className:t,children:s,...r}=e;return m.jsx("ds-logo-react",{class:t,...r})}function Ah({onChange:e,...t}){const{ref:s}=_({change:e});return m.jsx("ds-map-pin-react",{ref:s,...t})}var nt=function(){return nt=Object.assign||function(t){for(var s,r=1,i=arguments.length;r<i;r++){s=arguments[r];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},nt.apply(this,arguments)};function Ze(e,t,s){if(s||arguments.length===2)for(var r=0,i=t.length,n;r<i;r++)(n||!(r in t))&&(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function Ph(e){var t=Object.create(null);return function(s){return t[s]===void 0&&(t[s]=e(s)),t[s]}}var zh=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Nh=Ph(function(e){return zh.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),D="-ms-",Ns="-moz-",B="-webkit-",In="comm",li="rule",cr="decl",_h="@import",An="@keyframes",Bh="@layer",Pn=Math.abs,dr=String.fromCharCode,hr=Object.assign;function Lh(e,t){return Y(e,0)^45?(((t<<2^Y(e,0))<<2^Y(e,1))<<2^Y(e,2))<<2^Y(e,3):0}function zn(e){return e.trim()}function Kt(e,t){return(e=t.exec(e))?e[0]:e}function E(e,t,s){return e.replace(t,s)}function ci(e,t,s){return e.indexOf(t,s)}function Y(e,t){return e.charCodeAt(t)|0}function Qe(e,t,s){return e.slice(t,s)}function Nt(e){return e.length}function Nn(e){return e.length}function _s(e,t){return t.push(e),e}function Dh(e,t){return e.map(t).join("")}function _n(e,t){return e.filter(function(s){return!Kt(s,t)})}var di=1,ts=1,Bn=0,gt=0,W=0,es="";function hi(e,t,s,r,i,n,o,l){return{value:e,root:t,parent:s,type:r,props:i,children:n,line:di,column:ts,length:o,return:"",siblings:l}}function re(e,t){return hr(hi("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ss(e){for(;e.root;)e=re(e.root,{children:[e]});_s(e,e.siblings)}function Mh(){return W}function jh(){return W=gt>0?Y(es,--gt):0,ts--,W===10&&(ts=1,di--),W}function Ct(){return W=gt<Bn?Y(es,gt++):0,ts++,W===10&&(ts=1,di++),W}function Se(){return Y(es,gt)}function ui(){return gt}function pi(e,t){return Qe(es,e,t)}function ur(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Fh(e){return di=ts=1,Bn=Nt(es=e),gt=0,[]}function Rh(e){return es="",e}function pr(e){return zn(pi(gt-1,mr(e===91?e+2:e===40?e+1:e)))}function Uh(e){for(;(W=Se())&&W<33;)Ct();return ur(e)>2||ur(W)>3?"":" "}function Vh(e,t){for(;--t&&Ct()&&!(W<48||W>102||W>57&&W<65||W>70&&W<97););return pi(e,ui()+(t<6&&Se()==32&&Ct()==32))}function mr(e){for(;Ct();)switch(W){case e:return gt;case 34:case 39:e!==34&&e!==39&&mr(W);break;case 40:e===41&&mr(e);break;case 92:Ct();break}return gt}function Hh(e,t){for(;Ct()&&e+W!==57;)if(e+W===84&&Se()===47)break;return"/*"+pi(t,gt-1)+"*"+dr(e===47?e:Ct())}function Wh(e){for(;!ur(Se());)Ct();return pi(e,gt)}function qh(e){return Rh(mi("",null,null,null,[""],e=Fh(e),0,[0],e))}function mi(e,t,s,r,i,n,o,l,d){for(var u=0,v=0,p=o,g=0,b=0,S=0,C=1,I=1,N=1,j=0,L="",F=i,U=n,z=r,O=L;I;)switch(S=j,j=Ct()){case 40:if(S!=108&&Y(O,p-1)==58){ci(O+=E(pr(j),"&","&\f"),"&\f",Pn(u?l[u-1]:0))!=-1&&(N=-1);break}case 34:case 39:case 91:O+=pr(j);break;case 9:case 10:case 13:case 32:O+=Uh(S);break;case 92:O+=Vh(ui()-1,7);continue;case 47:switch(Se()){case 42:case 47:_s(Gh(Hh(Ct(),ui()),t,s,d),d);break;default:O+="/"}break;case 123*C:l[u++]=Nt(O)*N;case 125*C:case 59:case 0:switch(j){case 0:case 125:I=0;case 59+v:N==-1&&(O=E(O,/\f/g,"")),b>0&&Nt(O)-p&&_s(b>32?Dn(O+";",r,s,p-1,d):Dn(E(O," ","")+";",r,s,p-2,d),d);break;case 59:O+=";";default:if(_s(z=Ln(O,t,s,u,v,i,l,L,F=[],U=[],p,n),n),j===123)if(v===0)mi(O,t,z,z,F,n,p,l,U);else switch(g===99&&Y(O,3)===110?100:g){case 100:case 108:case 109:case 115:mi(e,z,z,r&&_s(Ln(e,z,z,0,0,i,l,L,i,F=[],p,U),U),i,U,p,l,r?F:U);break;default:mi(O,z,z,z,[""],U,0,l,U)}}u=v=b=0,C=N=1,L=O="",p=o;break;case 58:p=1+Nt(O),b=S;default:if(C<1){if(j==123)--C;else if(j==125&&C++==0&&jh()==125)continue}switch(O+=dr(j),j*C){case 38:N=v>0?1:(O+="\f",-1);break;case 44:l[u++]=(Nt(O)-1)*N,N=1;break;case 64:Se()===45&&(O+=pr(Ct())),g=Se(),v=p=Nt(L=O+=Wh(ui())),j++;break;case 45:S===45&&Nt(O)==2&&(C=0)}}return n}function Ln(e,t,s,r,i,n,o,l,d,u,v,p){for(var g=i-1,b=i===0?n:[""],S=Nn(b),C=0,I=0,N=0;C<r;++C)for(var j=0,L=Qe(e,g+1,g=Pn(I=o[C])),F=e;j<S;++j)(F=zn(I>0?b[j]+" "+L:E(L,/&\f/g,b[j])))&&(d[N++]=F);return hi(e,t,s,i===0?li:l,d,u,v,p)}function Gh(e,t,s,r){return hi(e,t,s,In,dr(Mh()),Qe(e,2,-2),0,r)}function Dn(e,t,s,r,i){return hi(e,t,s,cr,Qe(e,0,r),Qe(e,r+1,-1),r,i)}function Mn(e,t,s){switch(Lh(e,t)){case 5103:return B+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return B+e+e;case 4789:return Ns+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return B+e+Ns+e+D+e+e;case 5936:switch(Y(e,t+11)){case 114:return B+e+D+E(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return B+e+D+E(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return B+e+D+E(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return B+e+D+e+e;case 6165:return B+e+D+"flex-"+e+e;case 5187:return B+e+E(e,/(\w+).+(:[^]+)/,B+"box-$1$2"+D+"flex-$1$2")+e;case 5443:return B+e+D+"flex-item-"+E(e,/flex-|-self/g,"")+(Kt(e,/flex-|baseline/)?"":D+"grid-row-"+E(e,/flex-|-self/g,""))+e;case 4675:return B+e+D+"flex-line-pack"+E(e,/align-content|flex-|-self/g,"")+e;case 5548:return B+e+D+E(e,"shrink","negative")+e;case 5292:return B+e+D+E(e,"basis","preferred-size")+e;case 6060:return B+"box-"+E(e,"-grow","")+B+e+D+E(e,"grow","positive")+e;case 4554:return B+E(e,/([^-])(transform)/g,"$1"+B+"$2")+e;case 6187:return E(E(E(e,/(zoom-|grab)/,B+"$1"),/(image-set)/,B+"$1"),e,"")+e;case 5495:case 3959:return E(e,/(image-set\([^]*)/,B+"$1$`$1");case 4968:return E(E(e,/(.+:)(flex-)?(.*)/,B+"box-pack:$3"+D+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+B+e+e;case 4200:if(!Kt(e,/flex-|baseline/))return D+"grid-column-align"+Qe(e,t)+e;break;case 2592:case 3360:return D+E(e,"template-","")+e;case 4384:case 3616:return s&&s.some(function(r,i){return t=i,Kt(r.props,/grid-\w+-end/)})?~ci(e+(s=s[t].value),"span",0)?e:D+E(e,"-start","")+e+D+"grid-row-span:"+(~ci(s,"span",0)?Kt(s,/\d+/):+Kt(s,/\d+/)-+Kt(e,/\d+/))+";":D+E(e,"-start","")+e;case 4896:case 4128:return s&&s.some(function(r){return Kt(r.props,/grid-\w+-start/)})?e:D+E(E(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return E(e,/(.+)-inline(.+)/,B+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Nt(e)-1-t>6)switch(Y(e,t+1)){case 109:if(Y(e,t+4)!==45)break;case 102:return E(e,/(.+:)(.+)-([^]+)/,"$1"+B+"$2-$3$1"+Ns+(Y(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ci(e,"stretch",0)?Mn(E(e,"stretch","fill-available"),t,s)+e:e}break;case 5152:case 5920:return E(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,i,n,o,l,d,u){return D+i+":"+n+u+(o?D+i+"-span:"+(l?d:+d-+n)+u:"")+e});case 4949:if(Y(e,t+6)===121)return E(e,":",":"+B)+e;break;case 6444:switch(Y(e,Y(e,14)===45?18:11)){case 120:return E(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+B+(Y(e,14)===45?"inline-":"")+"box$3$1"+B+"$2$3$1"+D+"$2box$3")+e;case 100:return E(e,":",":"+D)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return E(e,"scroll-","scroll-snap-")+e}return e}function fi(e,t){for(var s="",r=0;r<e.length;r++)s+=t(e[r],r,e,t)||"";return s}function Kh(e,t,s,r){switch(e.type){case Bh:if(e.children.length)break;case _h:case cr:return e.return=e.return||e.value;case In:return"";case An:return e.return=e.value+"{"+fi(e.children,r)+"}";case li:if(!Nt(e.value=e.props.join(",")))return""}return Nt(s=fi(e.children,r))?e.return=e.value+"{"+s+"}":""}function Yh(e){var t=Nn(e);return function(s,r,i,n){for(var o="",l=0;l<t;l++)o+=e[l](s,r,i,n)||"";return o}}function Xh(e){return function(t){t.root||(t=t.return)&&e(t)}}function Jh(e,t,s,r){if(e.length>-1&&!e.return)switch(e.type){case cr:e.return=Mn(e.value,e.length,s);return;case An:return fi([re(e,{value:E(e.value,"@","@"+B)})],r);case li:if(e.length)return Dh(s=e.props,function(i){switch(Kt(i,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ss(re(e,{props:[E(i,/:(read-\w+)/,":"+Ns+"$1")]})),ss(re(e,{props:[i]})),hr(e,{props:_n(s,r)});break;case"::placeholder":ss(re(e,{props:[E(i,/:(plac\w+)/,":"+B+"input-$1")]})),ss(re(e,{props:[E(i,/:(plac\w+)/,":"+Ns+"$1")]})),ss(re(e,{props:[E(i,/:(plac\w+)/,D+"input-$1")]})),ss(re(e,{props:[i]})),hr(e,{props:_n(s,r)});break}return""})}}var Zh={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ke=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",jn="active",Fn="data-styled-version",gi="6.1.19",fr=`/*!sc*/
|
|
3240
|
-
`,
|
|
3239
|
+
`}};Ds.styles=[fp],xi([T()],Ds.prototype,"open",2),xi([xt({slot:"main-cta",selector:"ds-button",flatten:!0})],Ds.prototype,"mainCtas",2),Ds=xi([S("ds-sidebar-navigation")],Ds);const Cm=["9-circles","ad-color","ae-color","af-color","ag-color","ai-color","al-color","am-color","an-color","ao-color","ar-color","arrow-down","arrow-down-line","arrow-download","arrow-exit","arrow-expand","arrow-external-link","arrow-left","arrow-left-line","arrow-reload","arrow-right","arrow-right-line","arrow-rotate-360","arrow-rotate-360-horizontal","arrow-switch","arrow-up","arrow-up-line","arrow-upload","at-color","au-color","aw-color","ax-color","az-color","b-color","ba-color","battery-g-4-01","battery-inclined-fill","battery-vertical-100","battery-2-sub-arrows-up","battery-3-sub-arrows-up","bb-color","bd-color","be-color","bell","bf-color","bg-color","bh-color","bi-color","bill","bin","bj-color","bm-color","bn-color","bo-color","book-mark","box","br-color","bs-color","bt-color","bw-color","by-color","bz-color","c-color","ca-color","cable","caf-color","calendar","camera","car-arrow-down","car-compare","car-door","car-frontal","car-imodel","car-in-window","car-lateral","car-model","car-seat","cart","cart-down","cas-color","cd-color","cercle-ribbon-check","ceu-color","cf-color","cg-color","ch-color","charger-acc","charger-type-2","chat-bubble","check","check-mark-circle","ci-color","city","cl-color","clock","cloud-co-2","cm-color","cn-color","cna-color","co-color","coc-color","computer-display","cr-color","credit-card","cross","cross-circle","csa-color","cu-color","cv-color","cy-color","cz-color","de-color","dj-color","dk-color","dm-color","do-color","document","document-check","document-copy","document-download","document-time","dot","dz-color","ec-color","eco-color","ee-color","eg-color","electric-station","engine","envelope","equals-sign","er-color","es-color","et-color","eu-color","euro","exclamation-mark-circle","exclamation-mark-triangle","eye","eye-crossed-out","facebook","fi-color","filter","fj-color","fk-color","fm-color","fr-color","fuel-station","ga-color","garage","gb-color","gd-color","ge-color","gear","gg-color","gh-color","gi-color","globe","gm-color","gn-color","gq-color","gr-color","gt-color","gw-color","gy-color","half-star-filled","headlight","heart","heart-filled","highway","hk-color","hn-color","hr-color","ht-color","hu-color","id-color","ie-color","il-color","im-color","in-color","info-circle","info-triangle","instagram","iq-color","ir-color","is-color","it-color","je-color","jm-color","jo-color","jp-color","ke-color","key","kg-color","kh-color","km-color","kn-color","kp-color","kr-color","kw-color","ky-color","kz-color","la-color","label-a-color","label-b-color","label-c-color","label-d-color","label-e-color","label-f-color","label-g-color","label-h-color","label-i-color","label-j-color","label-k-color","label-l-color","label-m-color","lb-color","lc-color","li-color","light","lightning","link","linkedin","list","lk-color","loader","location-poi","lock-locked","lock-unlocked","logo","logo-light","logo-lockup","logo-wordmark","lr-color","ls-color","lt-color","lu-color","lv-color","ly-color","ma-color","magnifying-glass","magnifying-glass-minus","magnifying-glass-plus","math-symbols-square","mc-color","md-color","me-color","menu","mg-color","micro","micro-crossed-out","minus","mk-color","ml-color","mm-color","mn-color","mo-color","mobile","moon","mountains","mr-color","ms-color","mt-color","mu-color","mv-color","mw-color","mx-color","my-color","mz-color","na-color","ne-color","ng-color","ni-color","nl-color","no-color","np-color","nz-color","om-color","pa-color","parking","pause","pause-loading","pcircle","pe-color","pen","pen-paper","person-open-arms","pf-color","pg-color","ph-color","phone-contact","pig-coin","pk-color","pl-color","play","play-circle","plug-regular","plus","position","pr-color","pt-color","pw-color","py-color","qa-color","question-mark","ro-color","road","road-mountain","rs-color","ru-color","rw-color","sa-color","sb-color","sc-color","sd-color","se-color","seat-front","sg-color","sh-color","share","shopping-bag","si-color","sk-color","sl-color","sm-color","sn-color","so-color","speaker","speaker-crossed-out","spray","sr-color","st-color","star","star-filled","store","suitcase","sun","sv-color","sy-color","sz-color","tag","tc-color","td-color","telegram","tg-color","th-color","ticket","tj-color","tl-color","tm-color","tn-color","to-color","tr-color","transmission-automatic","transmission-manual","triple-dot-h","triple-dot-v","tt-color","tw-color","twitter","tz-color","ua-color","ug-color","us-color","user","uy-color","uz-color","vc-color","ve-color","vg-color","video-camera","video-camera-crossed-out","vimeo","vn-color","vu-color","wall-charger","whatsapp","wheel","wifi","wrench-hammer","ws-color","ww-color","ye-color","youtube","za-color","zero-color","zm-color","zw-color"],mr=({children:e,...t})=>y.jsx("ds-accordion-react",{...t,children:e}),vp=({children:e})=>y.jsx("div",{slot:"title",children:e}),bp=({children:e})=>y.jsx("div",{slot:"content",children:e});mr.Title=vp,mr.Content=bp;const Yo=({className:e,...t})=>y.jsx("ds-bullets-react",{class:e,...t}),$i=["xs","s","m","l","xl","xxl"];function Xo(){const e={};return $i.forEach((t,s)=>{const r=`(min-width: ${et[t]}px)`;let i="";if(s<$i.length-1){const o=$i[s+1];i=` and (max-width: ${et[o]-1}px)`}e[t]=window.matchMedia(r+i)}),e}const Jo=()=>{const[e,t]=E.useState(()=>{const s=Xo();let r="";return Object.keys(s).forEach(i=>{s[i].matches&&(r=i)}),r});return E.useLayoutEffect(()=>{const s=Xo(),r=Object.keys(s).map(i=>{const o=n=>{n.matches&&t(i)};return s[i].addListener(o),()=>{s[i].removeListener(o)}});return()=>{r.forEach(i=>{i()})}},[]),e},Zo=e=>{E.useEffect(()=>{const t=[];return e.forEach(s=>{const{eventName:r,handler:i,options:o,target:n=document}=s,l=h=>{i(h)};n.addEventListener(r,l,o);const c=()=>{n.removeEventListener(r,l,o)};t.push(c)}),()=>{t.forEach(s=>{s()})}},e.flatMap(({dependencies:t})=>t??[]))};function D(e){const t=E.useRef(null),s=E.useRef(e);return E.useEffect(()=>{s.current=e},[e]),E.useEffect(()=>{const r=t.current;if(!r)return;const i={};return Object.keys(s.current).forEach(o=>{const n=l=>{const c=s.current[o];c&&c(l)};i[o]=n,r.addEventListener(o,n)}),()=>{Object.keys(i).forEach(o=>{r.removeEventListener(o,i[o])})}},[]),{ref:t}}const Em=e=>{const t=E.useRef(null),s=E.useCallback(()=>{if(!t.current){const r=document.createElement("script");r.src=e,r.type="module",document.head.appendChild(r),t.current=r}},[e]);return E.useEffect(()=>(s(),()=>{t.current&&(document.head.removeChild(t.current),t.current=null)}),[s]),s};function Qo(e){const{callback:t,element:s}=e;E.useEffect(()=>{if(!s)return;const r=new ResizeObserver(t);return r.observe(s),()=>{r==null||r.disconnect()}},[s,t])}const tn=Object.freeze(Object.defineProperty({__proto__:null,useBreakpoint:Jo,useEventListeners:Zo,useHandleEvent:D,useResizeObserver:Qo},Symbol.toStringTag,{value:"Module"}));function en(e){const{className:t,children:s,onClick:r,size:i,...o}=e,{ref:n}=D({click:r});return y.jsx("ds-button-react",{ref:n,size:typeof i=="string"?i:JSON.stringify(i),class:t,...o,children:s})}function sn(e){const{className:t,children:s,...r}=e;return y.jsx("ds-carousel-indicator-react",{class:t,...r})}function rn({onChange:e,children:t,...s}){const{ref:r}=D({change:e});return y.jsx("ds-checkbox-react",{ref:r,...s,children:t})}function on(e){const{className:t,children:s,...r}=e;return y.jsx("ds-chip-react",{class:t,...r,children:s})}function nn(e){const{className:t,children:s,onChange:r,...i}=e,{ref:o}=D({"ds-chips:change":r});return y.jsx("ds-chips-react",{ref:o,class:t,...i,children:s})}function an(e){const{className:t,...s}=e;return y.jsx("ds-currency-react",{class:t,...s})}function ln(e){const{className:t,children:s,onClose:r,withPortal:i,...o}=e,{ref:n}=D({"ds-dialog:close":r});if(!o.open)return null;const l=y.jsx("ds-dialog-react",{ref:n,class:t,...o,children:s});return i?y.jsx("ds-portal-react",{style:{display:"none"},children:l}):l}function cn(e){const{className:t,children:s,...r}=e;return y.jsx("ds-dialog-body-react",{class:t,...r,children:s})}function dn(e){const{className:t,children:s,...r}=e;return y.jsx("ds-dialog-footer-react",{class:t,...r,children:s})}function hn(e){const{className:t,children:s,...r}=e;return y.jsx("ds-dialog-header-react",{class:t,...r,children:s})}function pn({className:e,...t}){return y.jsx("ds-divider-react",{class:e,...t})}function un({children:e,onClick:t,...s}){const{ref:r}=D({click:t});return y.jsx("ds-hyperlink-react",{ref:r,...s,children:e})}function mn(e){const{"icon-name":t,className:s,...r}=e;return y.jsx("ds-icon-react",{"icon-name":t,class:s,...r})}function fn(e){const{className:t,onClick:s,size:r,...i}=e,{ref:o}=D({click:s});return y.jsx("ds-icon-button-react",{ref:o,size:typeof r=="string"?r:JSON.stringify(r),class:t,...i})}const Si=E.forwardRef(({className:e,onInput:t,onKeyDown:s,onChange:r,...i},o)=>{const{ref:n}=D({input:t,keydown:s,change:r});return E.useImperativeHandle(o,()=>n.current,[]),y.jsx("ds-input-react",{ref:n,class:e,...i})});Si.displayName="Input";function yn({children:e,onClick:t,...s}){const{ref:r}=D({click:t});return y.jsx("ds-link-button-react",{ref:r,...s,children:e})}function ki(e){return y.jsx("ds-loader-logo-react",{...e})}function wp(e){return y.jsx("ds-loader-bar-react",{...e})}function xp(e){return y.jsx("ds-loader-dots-react",{...e})}function $p(e){return y.jsx("ds-loader-spinner-react",{...e,children:e.text&&y.jsx("div",{slot:"text",children:e.text})})}const gn={Logo:ki,Bar:wp,Dots:xp,Spinner:$p};function vn(e){const{className:t,children:s,...r}=e;return y.jsx("ds-logo-react",{class:t,...r})}function bn({onChange:e,...t}){const{ref:s}=D({change:e});return y.jsx("ds-map-pin-react",{ref:s,...t})}var Ti=function(e,t){return Ti=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(s,r){s.__proto__=r}||function(s,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(s[i]=r[i])},Ti(e,t)};function Sp(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Ti(e,t);function s(){this.constructor=e}e.prototype=t===null?Object.create(t):(s.prototype=t.prototype,new s)}var q=function(){return q=Object.assign||function(t){for(var s,r=1,i=arguments.length;r<i;r++){s=arguments[r];for(var o in s)Object.prototype.hasOwnProperty.call(s,o)&&(t[o]=s[o])}return t},q.apply(this,arguments)};function kp(e,t){var s={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(s[r[i]]=e[r[i]]);return s}function Tp(e,t,s,r){var i=arguments.length,o=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,s):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,s,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(o=(i<3?n(o):i>3?n(t,s,o):n(t,s))||o);return i>3&&o&&Object.defineProperty(t,s,o),o}function Cp(e,t){return function(s,r){t(s,r,e)}}function Om(e,t,s,r,i,o){function n(I){if(I!==void 0&&typeof I!="function")throw new TypeError("Function expected");return I}for(var l=r.kind,c=l==="getter"?"get":l==="setter"?"set":"value",h=!t&&e?r.static?e:e.prototype:null,m=t||(h?Object.getOwnPropertyDescriptor(h,r.name):{}),p,f=!1,g=s.length-1;g>=0;g--){var x={};for(var k in r)x[k]=k==="access"?{}:r[k];for(var k in r.access)x.access[k]=r.access[k];x.addInitializer=function(I){if(f)throw new TypeError("Cannot add initializers after decoration has completed");o.push(n(I||null))};var O=(0,s[g])(l==="accessor"?{get:m.get,set:m.set}:m[c],x);if(l==="accessor"){if(O===void 0)continue;if(O===null||typeof O!="object")throw new TypeError("Object expected");(p=n(O.get))&&(m.get=p),(p=n(O.set))&&(m.set=p),(p=n(O.init))&&i.unshift(p)}else(p=n(O))&&(l==="field"?i.unshift(p):m[c]=p)}h&&Object.defineProperty(h,r.name,m),f=!0}function Pm(e,t,s){for(var r=arguments.length>2,i=0;i<t.length;i++)s=r?t[i].call(e,s):t[i].call(e);return r?s:void 0}function _m(e){return typeof e=="symbol"?e:"".concat(e)}function Im(e,t,s){return typeof t=="symbol"&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:s?"".concat(s," ",t):t})}function Ep(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)}function Op(e,t,s,r){function i(o){return o instanceof s?o:new s(function(n){n(o)})}return new(s||(s=Promise))(function(o,n){function l(m){try{h(r.next(m))}catch(p){n(p)}}function c(m){try{h(r.throw(m))}catch(p){n(p)}}function h(m){m.done?o(m.value):i(m.value).then(l,c)}h((r=r.apply(e,t||[])).next())})}function Pp(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol=="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(h){return function(m){return c([h,m])}}function c(h){if(r)throw new TypeError("Generator is already executing.");for(;n&&(n=0,h[0]&&(s=0)),s;)try{if(r=1,i&&(o=h[0]&2?i.return:h[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,h[1])).done)return o;switch(i=0,o&&(h=[h[0]&2,o.value]),h[0]){case 0:case 1:o=h;break;case 4:return s.label++,{value:h[1],done:!1};case 5:s.label++,i=h[1],h=[0];continue;case 7:h=s.ops.pop(),s.trys.pop();continue;default:if(o=s.trys,!(o=o.length>0&&o[o.length-1])&&(h[0]===6||h[0]===2)){s=0;continue}if(h[0]===3&&(!o||h[1]>o[0]&&h[1]<o[3])){s.label=h[1];break}if(h[0]===6&&s.label<o[1]){s.label=o[1],o=h;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(h);break}o[2]&&s.ops.pop(),s.trys.pop();continue}h=t.call(e,s)}catch(m){h=[6,m],i=0}finally{r=o=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:!0}}}var Ci=Object.create?(function(e,t,s,r){r===void 0&&(r=s);var i=Object.getOwnPropertyDescriptor(t,s);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(e,r,i)}):(function(e,t,s,r){r===void 0&&(r=s),e[r]=t[s]});function _p(e,t){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&Ci(t,e,s)}function Ei(e){var t=typeof Symbol=="function"&&Symbol.iterator,s=t&&e[t],r=0;if(s)return s.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function wn(e,t){var s=typeof Symbol=="function"&&e[Symbol.iterator];if(!s)return e;var r=s.call(e),i,o=[],n;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)o.push(i.value)}catch(l){n={error:l}}finally{try{i&&!i.done&&(s=r.return)&&s.call(r)}finally{if(n)throw n.error}}return o}function Ip(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(wn(arguments[t]));return e}function Ap(){for(var e=0,t=0,s=arguments.length;t<s;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<s;t++)for(var o=arguments[t],n=0,l=o.length;n<l;n++,i++)r[i]=o[n];return r}function Yt(e,t,s){if(s||arguments.length===2)for(var r=0,i=t.length,o;r<i;r++)(o||!(r in t))&&(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function js(e){return this instanceof js?(this.v=e,this):new js(e)}function Np(e,t,s){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r=s.apply(e,t||[]),i,o=[];return i={},n("next"),n("throw"),n("return"),i[Symbol.asyncIterator]=function(){return this},i;function n(f){r[f]&&(i[f]=function(g){return new Promise(function(x,k){o.push([f,g,x,k])>1||l(f,g)})})}function l(f,g){try{c(r[f](g))}catch(x){p(o[0][3],x)}}function c(f){f.value instanceof js?Promise.resolve(f.value.v).then(h,m):p(o[0][2],f)}function h(f){l("next",f)}function m(f){l("throw",f)}function p(f,g){f(g),o.shift(),o.length&&l(o[0][0],o[0][1])}}function zp(e){var t,s;return t={},r("next"),r("throw",function(i){throw i}),r("return"),t[Symbol.iterator]=function(){return this},t;function r(i,o){t[i]=e[i]?function(n){return(s=!s)?{value:js(e[i](n)),done:!1}:o?o(n):n}:o}}function Dp(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],s;return t?t.call(e):(e=typeof Ei=="function"?Ei(e):e[Symbol.iterator](),s={},r("next"),r("throw"),r("return"),s[Symbol.asyncIterator]=function(){return this},s);function r(o){s[o]=e[o]&&function(n){return new Promise(function(l,c){n=e[o](n),i(l,c,n.done,n.value)})}}function i(o,n,l,c){Promise.resolve(c).then(function(h){o({value:h,done:l})},n)}}function jp(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var Mp=Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t};function Lp(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var s in e)s!=="default"&&Object.prototype.hasOwnProperty.call(e,s)&&Ci(t,e,s);return Mp(t,e),t}function Bp(e){return e&&e.__esModule?e:{default:e}}function Fp(e,t,s,r){if(s==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return s==="m"?r:s==="a"?r.call(e):r?r.value:t.get(e)}function Rp(e,t,s,r,i){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?i.call(e,s):i?i.value=s:t.set(e,s),s}function Vp(e,t){if(t===null||typeof t!="object"&&typeof t!="function")throw new TypeError("Cannot use 'in' operator on non-object");return typeof e=="function"?t===e:e.has(t)}function Up(e,t,s){if(t!=null){if(typeof t!="object"&&typeof t!="function")throw new TypeError("Object expected.");var r;if(s){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(r===void 0){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose]}if(typeof r!="function")throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:r,async:s})}else s&&e.stack.push({async:!0});return t}var Hp=typeof SuppressedError=="function"?SuppressedError:function(e,t,s){var r=new Error(s);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function qp(e){function t(r){e.error=e.hasError?new Hp(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}function s(){for(;e.stack.length;){var r=e.stack.pop();try{var i=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(i).then(s,function(o){return t(o),s()})}catch(o){t(o)}}if(e.hasError)throw e.error}return s()}const Am={__extends:Sp,__assign:q,__rest:kp,__decorate:Tp,__param:Cp,__metadata:Ep,__awaiter:Op,__generator:Pp,__createBinding:Ci,__exportStar:_p,__values:Ei,__read:wn,__spread:Ip,__spreadArrays:Ap,__spreadArray:Yt,__await:js,__asyncGenerator:Np,__asyncDelegator:zp,__asyncValues:Dp,__makeTemplateObject:jp,__importStar:Lp,__importDefault:Bp,__classPrivateFieldGet:Fp,__classPrivateFieldSet:Rp,__classPrivateFieldIn:Vp,__addDisposableResource:Up,__disposeResources:qp};function Wp(e){var t=Object.create(null);return function(s){return t[s]===void 0&&(t[s]=e(s)),t[s]}}var Gp=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Kp=Wp(function(e){return Gp.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Nm=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Yp(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function zm(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Dm(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")&&Object.keys(e).length===1?e.default:e}function jm(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if(typeof t=="function"){var s=function r(){return this instanceof r?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};s.prototype=t.prototype}else s={};return Object.defineProperty(s,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}),s}var Oi,xn;function Xp(){return xn||(xn=1,Oi=function(t,s,r,i){var o=r?r.call(i,t,s):void 0;if(o!==void 0)return!!o;if(t===s)return!0;if(typeof t!="object"||!t||typeof s!="object"||!s)return!1;var n=Object.keys(t),l=Object.keys(s);if(n.length!==l.length)return!1;for(var c=Object.prototype.hasOwnProperty.bind(s),h=0;h<n.length;h++){var m=n[h];if(!c(m))return!1;var p=t[m],f=s[m];if(o=r?r.call(i,p,f,m):void 0,o===!1||o===void 0&&p!==f)return!1}return!0}),Oi}var Jp=Xp();const Zp=Yp(Jp);var L="-ms-",Ms="-moz-",j="-webkit-",$n="comm",Ls="rule",Pi="decl",Mm="@page",Lm="@media",Qp="@import",Bm="@charset",Fm="@viewport",Rm="@supports",Vm="@document",Um="@namespace",Sn="@keyframes",Hm="@font-face",qm="@counter-style",Wm="@font-feature-values",tu="@layer",Gm="@scope",kn=Math.abs,fr=String.fromCharCode,_i=Object.assign;function eu(e,t){return Y(e,0)^45?(((t<<2^Y(e,0))<<2^Y(e,1))<<2^Y(e,2))<<2^Y(e,3):0}function Tn(e){return e.trim()}function Xt(e,t){return(e=t.exec(e))?e[0]:e}function P(e,t,s){return e.replace(t,s)}function yr(e,t,s){return e.indexOf(t,s)}function Y(e,t){return e.charCodeAt(t)|0}function le(e,t,s){return e.slice(t,s)}function Pt(e){return e.length}function gr(e){return e.length}function ce(e,t){return t.push(e),e}function Cn(e,t){return e.map(t).join("")}function En(e,t){return e.filter(function(s){return!Xt(s,t)})}var vr=1,os=1,On=0,mt=0,V=0,ns="";function br(e,t,s,r,i,o,n,l){return{value:e,root:t,parent:s,type:r,props:i,children:o,line:vr,column:os,length:n,return:"",siblings:l}}function de(e,t){return _i(br("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function as(e){for(;e.root;)e=de(e.root,{children:[e]});ce(e,e.siblings)}function su(){return V}function ru(){return V=mt>0?Y(ns,--mt):0,os--,V===10&&(os=1,vr--),V}function bt(){return V=mt<On?Y(ns,mt++):0,os++,V===10&&(os=1,vr++),V}function Pe(){return Y(ns,mt)}function wr(){return mt}function xr(e,t){return le(ns,e,t)}function $r(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Pn(e){return vr=os=1,On=Pt(ns=e),mt=0,[]}function _n(e){return ns="",e}function Sr(e){return Tn(xr(mt-1,Ii(e===91?e+2:e===40?e+1:e)))}function iu(e){return _n(nu(Pn(e)))}function ou(e){for(;(V=Pe())&&V<33;)bt();return $r(e)>2||$r(V)>3?"":" "}function nu(e){for(;bt();)switch($r(V)){case 0:ce(In(mt-1),e);break;case 2:ce(Sr(V),e);break;default:ce(fr(V),e)}return e}function au(e,t){for(;--t&&bt()&&!(V<48||V>102||V>57&&V<65||V>70&&V<97););return xr(e,wr()+(t<6&&Pe()==32&&bt()==32))}function Ii(e){for(;bt();)switch(V){case e:return mt;case 34:case 39:e!==34&&e!==39&&Ii(V);break;case 40:e===41&&Ii(e);break;case 92:bt();break}return mt}function lu(e,t){for(;bt()&&e+V!==57;)if(e+V===84&&Pe()===47)break;return"/*"+xr(t,mt-1)+"*"+fr(e===47?e:bt())}function In(e){for(;!$r(Pe());)bt();return xr(e,mt)}function cu(e){return _n(kr("",null,null,null,[""],e=Pn(e),0,[0],e))}function kr(e,t,s,r,i,o,n,l,c){for(var h=0,m=0,p=n,f=0,g=0,x=0,k=1,O=1,I=1,F=0,M="",R=i,U=o,z=r,_=M;O;)switch(x=F,F=bt()){case 40:if(x!=108&&Y(_,p-1)==58){yr(_+=P(Sr(F),"&","&\f"),"&\f",kn(h?l[h-1]:0))!=-1&&(I=-1);break}case 34:case 39:case 91:_+=Sr(F);break;case 9:case 10:case 13:case 32:_+=ou(x);break;case 92:_+=au(wr()-1,7);continue;case 47:switch(Pe()){case 42:case 47:ce(du(lu(bt(),wr()),t,s,c),c);break;default:_+="/"}break;case 123*k:l[h++]=Pt(_)*I;case 125*k:case 59:case 0:switch(F){case 0:case 125:O=0;case 59+m:I==-1&&(_=P(_,/\f/g,"")),g>0&&Pt(_)-p&&ce(g>32?Nn(_+";",r,s,p-1,c):Nn(P(_," ","")+";",r,s,p-2,c),c);break;case 59:_+=";";default:if(ce(z=An(_,t,s,h,m,i,l,M,R=[],U=[],p,o),o),F===123)if(m===0)kr(_,t,z,z,R,o,p,l,U);else switch(f===99&&Y(_,3)===110?100:f){case 100:case 108:case 109:case 115:kr(e,z,z,r&&ce(An(e,z,z,0,0,i,l,M,i,R=[],p,U),U),i,U,p,l,r?R:U);break;default:kr(_,z,z,z,[""],U,0,l,U)}}h=m=g=0,k=I=1,M=_="",p=n;break;case 58:p=1+Pt(_),g=x;default:if(k<1){if(F==123)--k;else if(F==125&&k++==0&&ru()==125)continue}switch(_+=fr(F),F*k){case 38:I=m>0?1:(_+="\f",-1);break;case 44:l[h++]=(Pt(_)-1)*I,I=1;break;case 64:Pe()===45&&(_+=Sr(bt())),f=Pe(),m=p=Pt(M=_+=In(wr())),F++;break;case 45:x===45&&Pt(_)==2&&(k=0)}}return o}function An(e,t,s,r,i,o,n,l,c,h,m,p){for(var f=i-1,g=i===0?o:[""],x=gr(g),k=0,O=0,I=0;k<r;++k)for(var F=0,M=le(e,f+1,f=kn(O=n[k])),R=e;F<x;++F)(R=Tn(O>0?g[F]+" "+M:P(M,/&\f/g,g[F])))&&(c[I++]=R);return br(e,t,s,i===0?Ls:l,c,h,m,p)}function du(e,t,s,r){return br(e,t,s,$n,fr(su()),le(e,2,-2),0,r)}function Nn(e,t,s,r,i){return br(e,t,s,Pi,le(e,0,r),le(e,r+1,-1),r,i)}function zn(e,t,s){switch(eu(e,t)){case 5103:return j+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return j+e+e;case 4789:return Ms+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return j+e+Ms+e+L+e+e;case 5936:switch(Y(e,t+11)){case 114:return j+e+L+P(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return j+e+L+P(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return j+e+L+P(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return j+e+L+e+e;case 6165:return j+e+L+"flex-"+e+e;case 5187:return j+e+P(e,/(\w+).+(:[^]+)/,j+"box-$1$2"+L+"flex-$1$2")+e;case 5443:return j+e+L+"flex-item-"+P(e,/flex-|-self/g,"")+(Xt(e,/flex-|baseline/)?"":L+"grid-row-"+P(e,/flex-|-self/g,""))+e;case 4675:return j+e+L+"flex-line-pack"+P(e,/align-content|flex-|-self/g,"")+e;case 5548:return j+e+L+P(e,"shrink","negative")+e;case 5292:return j+e+L+P(e,"basis","preferred-size")+e;case 6060:return j+"box-"+P(e,"-grow","")+j+e+L+P(e,"grow","positive")+e;case 4554:return j+P(e,/([^-])(transform)/g,"$1"+j+"$2")+e;case 6187:return P(P(P(e,/(zoom-|grab)/,j+"$1"),/(image-set)/,j+"$1"),e,"")+e;case 5495:case 3959:return P(e,/(image-set\([^]*)/,j+"$1$`$1");case 4968:return P(P(e,/(.+:)(flex-)?(.*)/,j+"box-pack:$3"+L+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+j+e+e;case 4200:if(!Xt(e,/flex-|baseline/))return L+"grid-column-align"+le(e,t)+e;break;case 2592:case 3360:return L+P(e,"template-","")+e;case 4384:case 3616:return s&&s.some(function(r,i){return t=i,Xt(r.props,/grid-\w+-end/)})?~yr(e+(s=s[t].value),"span",0)?e:L+P(e,"-start","")+e+L+"grid-row-span:"+(~yr(s,"span",0)?Xt(s,/\d+/):+Xt(s,/\d+/)-+Xt(e,/\d+/))+";":L+P(e,"-start","")+e;case 4896:case 4128:return s&&s.some(function(r){return Xt(r.props,/grid-\w+-start/)})?e:L+P(P(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return P(e,/(.+)-inline(.+)/,j+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Pt(e)-1-t>6)switch(Y(e,t+1)){case 109:if(Y(e,t+4)!==45)break;case 102:return P(e,/(.+:)(.+)-([^]+)/,"$1"+j+"$2-$3$1"+Ms+(Y(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~yr(e,"stretch",0)?zn(P(e,"stretch","fill-available"),t,s)+e:e}break;case 5152:case 5920:return P(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,i,o,n,l,c,h){return L+i+":"+o+h+(n?L+i+"-span:"+(l?c:+c-+o)+h:"")+e});case 4949:if(Y(e,t+6)===121)return P(e,":",":"+j)+e;break;case 6444:switch(Y(e,Y(e,14)===45?18:11)){case 120:return P(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+j+(Y(e,14)===45?"inline-":"")+"box$3$1"+j+"$2$3$1"+L+"$2box$3")+e;case 100:return P(e,":",":"+L)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return P(e,"scroll-","scroll-snap-")+e}return e}function Tr(e,t){for(var s="",r=0;r<e.length;r++)s+=t(e[r],r,e,t)||"";return s}function hu(e,t,s,r){switch(e.type){case tu:if(e.children.length)break;case Qp:case Pi:return e.return=e.return||e.value;case $n:return"";case Sn:return e.return=e.value+"{"+Tr(e.children,r)+"}";case Ls:if(!Pt(e.value=e.props.join(",")))return""}return Pt(s=Tr(e.children,r))?e.return=e.value+"{"+s+"}":""}function pu(e){var t=gr(e);return function(s,r,i,o){for(var n="",l=0;l<t;l++)n+=e[l](s,r,i,o)||"";return n}}function uu(e){return function(t){t.root||(t=t.return)&&e(t)}}function mu(e,t,s,r){if(e.length>-1&&!e.return)switch(e.type){case Pi:e.return=zn(e.value,e.length,s);return;case Sn:return Tr([de(e,{value:P(e.value,"@","@"+j)})],r);case Ls:if(e.length)return Cn(s=e.props,function(i){switch(Xt(i,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":as(de(e,{props:[P(i,/:(read-\w+)/,":"+Ms+"$1")]})),as(de(e,{props:[i]})),_i(e,{props:En(s,r)});break;case"::placeholder":as(de(e,{props:[P(i,/:(plac\w+)/,":"+j+"input-$1")]})),as(de(e,{props:[P(i,/:(plac\w+)/,":"+Ms+"$1")]})),as(de(e,{props:[P(i,/:(plac\w+)/,L+"input-$1")]})),as(de(e,{props:[i]})),_i(e,{props:En(s,r)});break}return""})}}function Km(e){switch(e.type){case Ls:e.props=e.props.map(function(t){return Cn(iu(t),function(s,r,i){switch(Y(s,0)){case 12:return le(s,1,Pt(s));case 0:case 40:case 43:case 62:case 126:return s;case 58:i[++r]==="global"&&(i[r]="",i[++r]="\f"+le(i[r],r=1,-1));case 32:return r===1?"":s;default:switch(r){case 0:return e=s,gr(i)>1?"":s;case(r=gr(i)-1):case 2:return r===2?s+e+e:s+e;default:return s}}})})}}var fu={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Jt=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Dn="active",Cr="data-styled-version",ls="6.1.19",Ai=`/*!sc*/
|
|
3240
|
+
`,Er=typeof window<"u"&&typeof document<"u",yu=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),gu={},jn=/invalid hook call/i,Or=new Set,Mn=function(e,t){if(process.env.NODE_ENV!=="production"){var s=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(s,` has been created dynamically.
|
|
3241
3241
|
`)+`You may see this warning because you've called styled inside another component.
|
|
3242
3242
|
To resolve this only create new StyledComponents outside of any render method and function component.
|
|
3243
3243
|
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
|
|
3244
|
-
`,i=console.error;try{var
|
|
3244
|
+
`,i=console.error;try{var o=!0;console.error=function(n){for(var l=[],c=1;c<arguments.length;c++)l[c-1]=arguments[c];jn.test(n)?(o=!1,Or.delete(r)):i.apply(void 0,Yt([n],l,!1))},E.useRef(),o&&!Or.has(r)&&(console.warn(r),Or.add(r))}catch(n){jn.test(n.message)&&Or.delete(r)}finally{console.error=i}}},Pr=Object.freeze([]),cs=Object.freeze({});function Ni(e,t,s){return s===void 0&&(s=cs),e.theme!==s.theme&&e.theme||t||s.theme}var zi=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),vu=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,bu=/(^-|-$)/g;function Ln(e){return e.replace(vu,"-").replace(bu,"")}var wu=/(a)(d)/gi,_r=52,Bn=function(e){return String.fromCharCode(e+(e>25?39:97))};function Di(e){var t,s="";for(t=Math.abs(e);t>_r;t=t/_r|0)s=Bn(t%_r)+s;return(Bn(t%_r)+s).replace(wu,"$1-$2")}var ji,Fn=5381,_e=function(e,t){for(var s=t.length;s;)e=33*e^t.charCodeAt(--s);return e},Rn=function(e){return _e(Fn,e)};function Mi(e){return Di(Rn(e)>>>0)}function Ir(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Li(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Vn=typeof Symbol=="function"&&Symbol.for,Un=Vn?Symbol.for("react.memo"):60115,xu=Vn?Symbol.for("react.forward_ref"):60112,$u={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Su={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Hn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ku=((ji={})[xu]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ji[Un]=Hn,ji);function qn(e){return("type"in(t=e)&&t.type.$$typeof)===Un?Hn:"$$typeof"in e?ku[e.$$typeof]:$u;var t}var Tu=Object.defineProperty,Cu=Object.getOwnPropertyNames,Wn=Object.getOwnPropertySymbols,Eu=Object.getOwnPropertyDescriptor,Ou=Object.getPrototypeOf,Gn=Object.prototype;function Bi(e,t,s){if(typeof t!="string"){if(Gn){var r=Ou(t);r&&r!==Gn&&Bi(e,r,s)}var i=Cu(t);Wn&&(i=i.concat(Wn(t)));for(var o=qn(e),n=qn(t),l=0;l<i.length;++l){var c=i[l];if(!(c in Su||s&&s[c]||n&&c in n||o&&c in o)){var h=Eu(t,c);try{Tu(e,c,h)}catch{}}}}return e}function Ie(e){return typeof e=="function"}function Fi(e){return typeof e=="object"&&"styledComponentId"in e}function Ae(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Bs(e,t){if(e.length===0)return"";for(var s=e[0],r=1;r<e.length;r++)s+=t?t+e[r]:e[r];return s}function ds(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ri(e,t,s){if(s===void 0&&(s=!1),!s&&!ds(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Ri(e[r],t[r]);else if(ds(t))for(var r in t)e[r]=Ri(e[r],t[r]);return e}function Vi(e,t){Object.defineProperty(e,"toString",{value:t})}var Pu=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
3245
3245
|
|
|
3246
3246
|
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
3247
3247
|
|
|
@@ -3282,7 +3282,7 @@ as for instance in your render method then you may be running into this limitati
|
|
|
3282
3282
|
|
|
3283
3283
|
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
3284
3284
|
Has styled-components' style tag been unmounted or altered by another script?
|
|
3285
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function fu(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var s=e[0],r=[],i=1,n=e.length;i<n;i+=1)r.push(e[i]);return r.forEach(function(o){s=s.replace(/%[a-z]/,o)}),s}function os(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(fu.apply(void 0,Ze([mu[e]],t,!1)).trim())}var gu=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var s=0,r=0;r<t;r++)s+=this.groupSizes[r];return s},e.prototype.insertRules=function(t,s){if(t>=this.groupSizes.length){for(var r=this.groupSizes,i=r.length,n=i;t>=n;)if((n<<=1)<0)throw os(16,"".concat(t));this.groupSizes=new Uint32Array(n),this.groupSizes.set(r),this.length=n;for(var o=i;o<n;o++)this.groupSizes[o]=0}for(var l=this.indexOfGroup(t+1),d=(o=0,s.length);o<d;o++)this.tag.insertRule(l,s[o])&&(this.groupSizes[t]++,l++)},e.prototype.clearGroup=function(t){if(t<this.length){var s=this.groupSizes[t],r=this.indexOfGroup(t),i=r+s;this.groupSizes[t]=0;for(var n=r;n<i;n++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var s="";if(t>=this.length||this.groupSizes[t]===0)return s;for(var r=this.groupSizes[t],i=this.indexOfGroup(t),n=i+r,o=i;o<n;o++)s+="".concat(this.tag.getRule(o)).concat(fr);return s},e})(),vu=1<<30,wi=new Map,$i=new Map,Si=1,ki=function(e){if(wi.has(e))return wi.get(e);for(;$i.has(Si);)Si++;var t=Si++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>vu))throw os(16,"".concat(t));return wi.set(e,t),$i.set(t,e),t},yu=function(e,t){Si=t+1,wi.set(e,t),$i.set(t,e)},bu="style[".concat(ke,"][").concat(Fn,'="').concat(gi,'"]'),xu=new RegExp("^".concat(ke,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),wu=function(e,t,s){for(var r,i=s.split(","),n=0,o=i.length;n<o;n++)(r=i[n])&&e.registerName(t,r)},$u=function(e,t){for(var s,r=((s=t.textContent)!==null&&s!==void 0?s:"").split(fr),i=[],n=0,o=r.length;n<o;n++){var l=r[n].trim();if(l){var d=l.match(xu);if(d){var u=0|parseInt(d[1],10),v=d[2];u!==0&&(yu(v,u),wu(e,v,d[3]),e.getTag().insertRules(u,i)),i.length=0}else i.push(l)}}},eo=function(e){for(var t=document.querySelectorAll(bu),s=0,r=t.length;s<r;s++){var i=t[s];i&&i.getAttribute(ke)!==jn&&($u(e,i),i.parentNode&&i.parentNode.removeChild(i))}};function Su(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var so=function(e){var t=document.head,s=e||t,r=document.createElement("style"),i=(function(l){var d=Array.from(l.querySelectorAll("style[".concat(ke,"]")));return d[d.length-1]})(s),n=i!==void 0?i.nextSibling:null;r.setAttribute(ke,jn),r.setAttribute(Fn,gi);var o=Su();return o&&r.setAttribute("nonce",o),s.insertBefore(r,n),r},ku=(function(){function e(t){this.element=so(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(s){if(s.sheet)return s.sheet;for(var r=document.styleSheets,i=0,n=r.length;i<n;i++){var o=r[i];if(o.ownerNode===s)return o}throw os(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,s){try{return this.sheet.insertRule(s,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var s=this.sheet.cssRules[t];return s&&s.cssText?s.cssText:""},e})(),Tu=(function(){function e(t){this.element=so(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,s){if(t<=this.length&&t>=0){var r=document.createTextNode(s);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Cu=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,s){return t<=this.length&&(this.rules.splice(t,0,s),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),io=vi,Eu={isServer:!vi,useCSSOMInjection:!Qh},ro=(function(){function e(t,s,r){t===void 0&&(t=is),s===void 0&&(s={});var i=this;this.options=nt(nt({},Eu),t),this.gs=s,this.names=new Map(r),this.server=!!t.isServer,!this.server&&vi&&io&&(io=!1,eo(this)),$r(this,function(){return(function(n){for(var o=n.getTag(),l=o.length,d="",u=function(p){var g=(function(N){return $i.get(N)})(p);if(g===void 0)return"continue";var b=n.names.get(g),S=o.getGroup(p);if(b===void 0||!b.size||S.length===0)return"continue";var C="".concat(ke,".g").concat(p,'[id="').concat(g,'"]'),I="";b!==void 0&&b.forEach(function(N){N.length>0&&(I+="".concat(N,","))}),d+="".concat(S).concat(C,'{content:"').concat(I,'"}').concat(fr)},v=0;v<l;v++)u(v);return d})(i)})}return e.registerId=function(t){return ki(t)},e.prototype.rehydrate=function(){!this.server&&vi&&eo(this)},e.prototype.reconstructWithOptions=function(t,s){return s===void 0&&(s=!0),new e(nt(nt({},this.options),t),this.gs,s&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(s){var r=s.useCSSOMInjection,i=s.target;return s.isServer?new Cu(i):r?new ku(i):new Tu(i)})(this.options),new gu(t)));var t},e.prototype.hasNameForId=function(t,s){return this.names.has(t)&&this.names.get(t).has(s)},e.prototype.registerName=function(t,s){if(ki(t),this.names.has(t))this.names.get(t).add(s);else{var r=new Set;r.add(s),this.names.set(t,r)}},e.prototype.insertRules=function(t,s,r){this.registerName(t,s),this.getTag().insertRules(ki(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(ki(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),Ou=/&/g,Iu=/^\s*\/\/.*$/gm;function no(e,t){return e.map(function(s){return s.type==="rule"&&(s.value="".concat(t," ").concat(s.value),s.value=s.value.replaceAll(",",",".concat(t," ")),s.props=s.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(s.children)&&s.type!=="@keyframes"&&(s.children=no(s.children,t)),s})}function Au(e){var t,s,r,i=is,n=i.options,o=n===void 0?is:n,l=i.plugins,d=l===void 0?bi:l,u=function(g,b,S){return S.startsWith(s)&&S.endsWith(s)&&S.replaceAll(s,"").length>0?".".concat(t):g},v=d.slice();v.push(function(g){g.type===li&&g.value.includes("&")&&(g.props[0]=g.props[0].replace(Ou,s).replace(r,u))}),o.prefix&&v.push(Jh),v.push(Kh);var p=function(g,b,S,C){b===void 0&&(b=""),S===void 0&&(S=""),C===void 0&&(C="&"),t=C,s=b,r=new RegExp("\\".concat(s,"\\b"),"g");var I=g.replace(Iu,""),N=qh(S||b?"".concat(S," ").concat(b," { ").concat(I," }"):I);o.namespace&&(N=no(N,o.namespace));var j=[];return fi(N,Yh(v.concat(Xh(function(L){return j.push(L)})))),j};return p.hash=d.length?d.reduce(function(g,b){return b.name||os(15),Te(g,b.name)},Hn).toString():"",p}var Pu=new ro,Sr=Au(),oo=R.createContext({shouldForwardProp:void 0,styleSheet:Pu,stylis:Sr});oo.Consumer,R.createContext(void 0);function ao(){return R.useContext(oo)}var lo=(function(){function e(t,s){var r=this;this.inject=function(i,n){n===void 0&&(n=Sr);var o=r.name+n.hash;i.hasNameForId(r.id,o)||i.insertRules(r.id,o,n(r.rules,o,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=s,$r(this,function(){throw os(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Sr),this.name+t.hash},e})(),zu=function(e){return e>="A"&&e<="Z"};function co(e){for(var t="",s=0;s<e.length;s++){var r=e[s];if(s===1&&r==="-"&&e[0]==="-")return e;zu(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var ho=function(e){return e==null||e===!1||e===""},uo=function(e){var t,s,r=[];for(var i in e){var n=e[i];e.hasOwnProperty(i)&&!ho(n)&&(Array.isArray(n)&&n.isCss||rs(n)?r.push("".concat(co(i),":"),n,";"):ns(n)?r.push.apply(r,Ze(Ze(["".concat(i," {")],uo(n),!1),["}"],!1)):r.push("".concat(co(i),": ").concat((t=i,(s=n)==null||typeof s=="boolean"||s===""?"":typeof s!="number"||s===0||t in Zh||t.startsWith("--")?String(s).trim():"".concat(s,"px")),";")))}return r};function Ee(e,t,s,r){if(ho(e))return[];if(xr(e))return[".".concat(e.styledComponentId)];if(rs(e)){if(!rs(n=e)||n.prototype&&n.prototype.isReactComponent||!t)return[e];var i=e(t);return process.env.NODE_ENV==="production"||typeof i!="object"||Array.isArray(i)||i instanceof lo||ns(i)||i===null||console.error("".concat(qn(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ee(i,t,s,r)}var n;return e instanceof lo?s?(e.inject(s,r),[e.getName(r)]):[e]:ns(e)?uo(e):Array.isArray(e)?Array.prototype.concat.apply(bi,e.map(function(o){return Ee(o,t,s,r)})):[e.toString()]}function Nu(e){for(var t=0;t<e.length;t+=1){var s=e[t];if(rs(s)&&!xr(s))return!1}return!0}var _u=Wn(gi),Bu=(function(){function e(t,s,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&Nu(t),this.componentId=s,this.baseHash=Te(_u,s),this.baseStyle=r,ro.registerId(s)}return e.prototype.generateAndInjectStyles=function(t,s,r){var i=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,s,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&s.hasNameForId(this.componentId,this.staticRulesId))i=Ce(i,this.staticRulesId);else{var n=to(Ee(this.rules,t,s,r)),o=vr(Te(this.baseHash,n)>>>0);if(!s.hasNameForId(this.componentId,o)){var l=r(n,".".concat(o),void 0,this.componentId);s.insertRules(this.componentId,o,l)}i=Ce(i,o),this.staticRulesId=o}else{for(var d=Te(this.baseHash,r.hash),u="",v=0;v<this.rules.length;v++){var p=this.rules[v];if(typeof p=="string")u+=p,process.env.NODE_ENV!=="production"&&(d=Te(d,p));else if(p){var g=to(Ee(p,t,s,r));d=Te(d,g+v),u+=g}}if(u){var b=vr(d>>>0);s.hasNameForId(this.componentId,b)||s.insertRules(this.componentId,b,r(u,".".concat(b),void 0,this.componentId)),i=Ce(i,b)}}return i},e})(),po=R.createContext(void 0);po.Consumer;var kr={},mo=new Set;function Lu(e,t,s){var r=xr(e),i=e,n=!br(e),o=t.attrs,l=o===void 0?bi:o,d=t.componentId,u=d===void 0?(function(F,U){var z=typeof F!="string"?"sc":Un(F);kr[z]=(kr[z]||0)+1;var O="".concat(z,"-").concat(nu(gi+z+kr[z]));return U?"".concat(U,"-").concat(O):O})(t.displayName,t.parentComponentId):d,v=t.displayName,p=v===void 0?(function(F){return br(F)?"styled.".concat(F):"Styled(".concat(qn(F),")")})(e):v,g=t.displayName&&t.componentId?"".concat(Un(t.displayName),"-").concat(t.componentId):t.componentId||u,b=r&&i.attrs?i.attrs.concat(l).filter(Boolean):l,S=t.shouldForwardProp;if(r&&i.shouldForwardProp){var C=i.shouldForwardProp;if(t.shouldForwardProp){var I=t.shouldForwardProp;S=function(F,U){return C(F,U)&&I(F,U)}}else S=C}var N=new Bu(s,g,r?i.componentStyle:void 0);function j(F,U){return(function(z,O,oe){var ls=z.attrs,wp=z.componentStyle,$p=z.defaultProps,Sp=z.foldedComponentIds,Eo=z.styledComponentId,kp=z.target,Tp=R.useContext(po),Cp=ao(),Pr=z.shouldForwardProp||Cp.shouldForwardProp;process.env.NODE_ENV!=="production"&&R.useDebugValue(Eo);var Oo=eu(O,Tp,$p)||is,Yt=(function(Ei,Ds,Oi){for(var cs,Oe=nt(nt({},Ds),{className:void 0,theme:Oi}),_r=0;_r<Ei.length;_r+=1){var Ii=rs(cs=Ei[_r])?cs(Oe):cs;for(var ae in Ii)Oe[ae]=ae==="className"?Ce(Oe[ae],Ii[ae]):ae==="style"?nt(nt({},Oe[ae]),Ii[ae]):Ii[ae]}return Ds.className&&(Oe.className=Ce(Oe.className,Ds.className)),Oe})(ls,O,Oo),Bs=Yt.as||kp,Ls={};for(var vt in Yt)Yt[vt]===void 0||vt[0]==="$"||vt==="as"||vt==="theme"&&Yt.theme===Oo||(vt==="forwardedAs"?Ls.as=Yt.forwardedAs:Pr&&!Pr(vt,Bs)||(Ls[vt]=Yt[vt],Pr||process.env.NODE_ENV!=="development"||Nh(vt)||mo.has(vt)||!gr.has(Bs)||(mo.add(vt),console.warn('styled-components: it looks like an unknown prop "'.concat(vt,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var zr=(function(Ei,Ds){var Oi=ao(),cs=Ei.generateAndInjectStyles(Ds,Oi.styleSheet,Oi.stylis);return process.env.NODE_ENV!=="production"&&R.useDebugValue(cs),cs})(wp,Yt);process.env.NODE_ENV!=="production"&&z.warnTooManyClasses&&z.warnTooManyClasses(zr);var Nr=Ce(Sp,Eo);return zr&&(Nr+=" "+zr),Yt.className&&(Nr+=" "+Yt.className),Ls[br(Bs)&&!gr.has(Bs)?"class":"className"]=Nr,oe&&(Ls.ref=oe),R.createElement(Bs,Ls)})(L,F,U)}j.displayName=p;var L=R.forwardRef(j);return L.attrs=b,L.componentStyle=N,L.displayName=p,L.shouldForwardProp=S,L.foldedComponentIds=r?Ce(i.foldedComponentIds,i.styledComponentId):"",L.styledComponentId=g,L.target=r?i.target:e,Object.defineProperty(L,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(F){this._foldedDefaultProps=r?(function(U){for(var z=[],O=1;O<arguments.length;O++)z[O-1]=arguments[O];for(var oe=0,ls=z;oe<ls.length;oe++)wr(U,ls[oe],!0);return U})({},i.defaultProps,F):F}}),process.env.NODE_ENV!=="production"&&(tu(p,g),L.warnTooManyClasses=(function(F,U){var z={},O=!1;return function(oe){if(!O&&(z[oe]=!0,Object.keys(z).length>=200)){var ls=U?' with the id of "'.concat(U,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(F).concat(ls,`.
|
|
3285
|
+
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function _u(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var s=e[0],r=[],i=1,o=e.length;i<o;i+=1)r.push(e[i]);return r.forEach(function(n){s=s.replace(/%[a-z]/,n)}),s}function at(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(_u.apply(void 0,Yt([Pu[e]],t,!1)).trim())}var Iu=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var s=0,r=0;r<t;r++)s+=this.groupSizes[r];return s},e.prototype.insertRules=function(t,s){if(t>=this.groupSizes.length){for(var r=this.groupSizes,i=r.length,o=i;t>=o;)if((o<<=1)<0)throw at(16,"".concat(t));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var n=i;n<o;n++)this.groupSizes[n]=0}for(var l=this.indexOfGroup(t+1),c=(n=0,s.length);n<c;n++)this.tag.insertRule(l,s[n])&&(this.groupSizes[t]++,l++)},e.prototype.clearGroup=function(t){if(t<this.length){var s=this.groupSizes[t],r=this.indexOfGroup(t),i=r+s;this.groupSizes[t]=0;for(var o=r;o<i;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var s="";if(t>=this.length||this.groupSizes[t]===0)return s;for(var r=this.groupSizes[t],i=this.indexOfGroup(t),o=i+r,n=i;n<o;n++)s+="".concat(this.tag.getRule(n)).concat(Ai);return s},e})(),Au=1<<30,Ar=new Map,Nr=new Map,zr=1,Dr=function(e){if(Ar.has(e))return Ar.get(e);for(;Nr.has(zr);)zr++;var t=zr++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Au))throw at(16,"".concat(t));return Ar.set(e,t),Nr.set(t,e),t},Nu=function(e,t){zr=t+1,Ar.set(e,t),Nr.set(t,e)},zu="style[".concat(Jt,"][").concat(Cr,'="').concat(ls,'"]'),Du=new RegExp("^".concat(Jt,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ju=function(e,t,s){for(var r,i=s.split(","),o=0,n=i.length;o<n;o++)(r=i[o])&&e.registerName(t,r)},Mu=function(e,t){for(var s,r=((s=t.textContent)!==null&&s!==void 0?s:"").split(Ai),i=[],o=0,n=r.length;o<n;o++){var l=r[o].trim();if(l){var c=l.match(Du);if(c){var h=0|parseInt(c[1],10),m=c[2];h!==0&&(Nu(m,h),ju(e,m,c[3]),e.getTag().insertRules(h,i)),i.length=0}else i.push(l)}}},Kn=function(e){for(var t=document.querySelectorAll(zu),s=0,r=t.length;s<r;s++){var i=t[s];i&&i.getAttribute(Jt)!==Dn&&(Mu(e,i),i.parentNode&&i.parentNode.removeChild(i))}};function Ui(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Yn=function(e){var t=document.head,s=e||t,r=document.createElement("style"),i=(function(l){var c=Array.from(l.querySelectorAll("style[".concat(Jt,"]")));return c[c.length-1]})(s),o=i!==void 0?i.nextSibling:null;r.setAttribute(Jt,Dn),r.setAttribute(Cr,ls);var n=Ui();return n&&r.setAttribute("nonce",n),s.insertBefore(r,o),r},Lu=(function(){function e(t){this.element=Yn(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(s){if(s.sheet)return s.sheet;for(var r=document.styleSheets,i=0,o=r.length;i<o;i++){var n=r[i];if(n.ownerNode===s)return n}throw at(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,s){try{return this.sheet.insertRule(s,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var s=this.sheet.cssRules[t];return s&&s.cssText?s.cssText:""},e})(),Bu=(function(){function e(t){this.element=Yn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,s){if(t<=this.length&&t>=0){var r=document.createTextNode(s);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Fu=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,s){return t<=this.length&&(this.rules.splice(t,0,s),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Xn=Er,Ru={isServer:!Er,useCSSOMInjection:!yu},hs=(function(){function e(t,s,r){t===void 0&&(t=cs),s===void 0&&(s={});var i=this;this.options=q(q({},Ru),t),this.gs=s,this.names=new Map(r),this.server=!!t.isServer,!this.server&&Er&&Xn&&(Xn=!1,Kn(this)),Vi(this,function(){return(function(o){for(var n=o.getTag(),l=n.length,c="",h=function(p){var f=(function(I){return Nr.get(I)})(p);if(f===void 0)return"continue";var g=o.names.get(f),x=n.getGroup(p);if(g===void 0||!g.size||x.length===0)return"continue";var k="".concat(Jt,".g").concat(p,'[id="').concat(f,'"]'),O="";g!==void 0&&g.forEach(function(I){I.length>0&&(O+="".concat(I,","))}),c+="".concat(x).concat(k,'{content:"').concat(O,'"}').concat(Ai)},m=0;m<l;m++)h(m);return c})(i)})}return e.registerId=function(t){return Dr(t)},e.prototype.rehydrate=function(){!this.server&&Er&&Kn(this)},e.prototype.reconstructWithOptions=function(t,s){return s===void 0&&(s=!0),new e(q(q({},this.options),t),this.gs,s&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(s){var r=s.useCSSOMInjection,i=s.target;return s.isServer?new Fu(i):r?new Lu(i):new Bu(i)})(this.options),new Iu(t)));var t},e.prototype.hasNameForId=function(t,s){return this.names.has(t)&&this.names.get(t).has(s)},e.prototype.registerName=function(t,s){if(Dr(t),this.names.has(t))this.names.get(t).add(s);else{var r=new Set;r.add(s),this.names.set(t,r)}},e.prototype.insertRules=function(t,s,r){this.registerName(t,s),this.getTag().insertRules(Dr(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(Dr(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),Vu=/&/g,Uu=/^\s*\/\/.*$/gm;function Jn(e,t){return e.map(function(s){return s.type==="rule"&&(s.value="".concat(t," ").concat(s.value),s.value=s.value.replaceAll(",",",".concat(t," ")),s.props=s.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(s.children)&&s.type!=="@keyframes"&&(s.children=Jn(s.children,t)),s})}function Zn(e){var t,s,r,i=e===void 0?cs:e,o=i.options,n=o===void 0?cs:o,l=i.plugins,c=l===void 0?Pr:l,h=function(f,g,x){return x.startsWith(s)&&x.endsWith(s)&&x.replaceAll(s,"").length>0?".".concat(t):f},m=c.slice();m.push(function(f){f.type===Ls&&f.value.includes("&")&&(f.props[0]=f.props[0].replace(Vu,s).replace(r,h))}),n.prefix&&m.push(mu),m.push(hu);var p=function(f,g,x,k){g===void 0&&(g=""),x===void 0&&(x=""),k===void 0&&(k="&"),t=k,s=g,r=new RegExp("\\".concat(s,"\\b"),"g");var O=f.replace(Uu,""),I=cu(x||g?"".concat(x," ").concat(g," { ").concat(O," }"):O);n.namespace&&(I=Jn(I,n.namespace));var F=[];return Tr(I,pu(m.concat(uu(function(M){return F.push(M)})))),F};return p.hash=c.length?c.reduce(function(f,g){return g.name||at(15),_e(f,g.name)},Fn).toString():"",p}var Qn=new hs,Hi=Zn(),qi=E.createContext({shouldForwardProp:void 0,styleSheet:Qn,stylis:Hi}),Ym=qi.Consumer,Hu=E.createContext(void 0);function jr(){return E.useContext(qi)}function qu(e){var t=E.useState(e.stylisPlugins),s=t[0],r=t[1],i=jr().styleSheet,o=E.useMemo(function(){var c=i;return e.sheet?c=e.sheet:e.target&&(c=c.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(c=c.reconstructWithOptions({useCSSOMInjection:!1})),c},[e.disableCSSOMInjection,e.sheet,e.target,i]),n=E.useMemo(function(){return Zn({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:s})},[e.enableVendorPrefixes,e.namespace,s]);E.useEffect(function(){Zp(s,e.stylisPlugins)||r(e.stylisPlugins)},[e.stylisPlugins]);var l=E.useMemo(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:o,stylis:n}},[e.shouldForwardProp,o,n]);return E.createElement(qi.Provider,{value:l},E.createElement(Hu.Provider,{value:n},e.children))}var Wi=(function(){function e(t,s){var r=this;this.inject=function(i,o){o===void 0&&(o=Hi);var n=r.name+o.hash;i.hasNameForId(r.id,n)||i.insertRules(r.id,n,o(r.rules,n,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=s,Vi(this,function(){throw at(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Hi),this.name+t.hash},e})(),Wu=function(e){return e>="A"&&e<="Z"};function ta(e){for(var t="",s=0;s<e.length;s++){var r=e[s];if(s===1&&r==="-"&&e[0]==="-")return e;Wu(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var ea=function(e){return e==null||e===!1||e===""},sa=function(e){var t,s,r=[];for(var i in e){var o=e[i];e.hasOwnProperty(i)&&!ea(o)&&(Array.isArray(o)&&o.isCss||Ie(o)?r.push("".concat(ta(i),":"),o,";"):ds(o)?r.push.apply(r,Yt(Yt(["".concat(i," {")],sa(o),!1),["}"],!1)):r.push("".concat(ta(i),": ").concat((t=i,(s=o)==null||typeof s=="boolean"||s===""?"":typeof s!="number"||s===0||t in fu||t.startsWith("--")?String(s).trim():"".concat(s,"px")),";")))}return r};function he(e,t,s,r){if(ea(e))return[];if(Fi(e))return[".".concat(e.styledComponentId)];if(Ie(e)){if(!Ie(o=e)||o.prototype&&o.prototype.isReactComponent||!t)return[e];var i=e(t);return process.env.NODE_ENV==="production"||typeof i!="object"||Array.isArray(i)||i instanceof Wi||ds(i)||i===null||console.error("".concat(Ir(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),he(i,t,s,r)}var o;return e instanceof Wi?s?(e.inject(s,r),[e.getName(r)]):[e]:ds(e)?sa(e):Array.isArray(e)?Array.prototype.concat.apply(Pr,e.map(function(n){return he(n,t,s,r)})):[e.toString()]}function ra(e){for(var t=0;t<e.length;t+=1){var s=e[t];if(Ie(s)&&!Fi(s))return!1}return!0}var Gu=Rn(ls),Ku=(function(){function e(t,s,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&ra(t),this.componentId=s,this.baseHash=_e(Gu,s),this.baseStyle=r,hs.registerId(s)}return e.prototype.generateAndInjectStyles=function(t,s,r){var i=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,s,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&s.hasNameForId(this.componentId,this.staticRulesId))i=Ae(i,this.staticRulesId);else{var o=Bs(he(this.rules,t,s,r)),n=Di(_e(this.baseHash,o)>>>0);if(!s.hasNameForId(this.componentId,n)){var l=r(o,".".concat(n),void 0,this.componentId);s.insertRules(this.componentId,n,l)}i=Ae(i,n),this.staticRulesId=n}else{for(var c=_e(this.baseHash,r.hash),h="",m=0;m<this.rules.length;m++){var p=this.rules[m];if(typeof p=="string")h+=p,process.env.NODE_ENV!=="production"&&(c=_e(c,p));else if(p){var f=Bs(he(p,t,s,r));c=_e(c,f+m),h+=f}}if(h){var g=Di(c>>>0);s.hasNameForId(this.componentId,g)||s.insertRules(this.componentId,g,r(h,".".concat(g),void 0,this.componentId)),i=Ae(i,g)}}return i},e})(),Ne=E.createContext(void 0),Xm=Ne.Consumer;function Jm(){var e=E.useContext(Ne);if(!e)throw at(18);return e}function Zm(e){var t=E.useContext(Ne),s=E.useMemo(function(){return(function(r,i){if(!r)throw at(14);if(Ie(r)){var o=r(i);if(process.env.NODE_ENV!=="production"&&(o===null||Array.isArray(o)||typeof o!="object"))throw at(7);return o}if(Array.isArray(r)||typeof r!="object")throw at(8);return i?q(q({},i),r):r})(e.theme,t)},[e.theme,t]);return e.children?E.createElement(Ne.Provider,{value:s},e.children):null}var Gi={},ia=new Set;function Yu(e,t,s){var r=Fi(e),i=e,o=!Li(e),n=t.attrs,l=n===void 0?Pr:n,c=t.componentId,h=c===void 0?(function(R,U){var z=typeof R!="string"?"sc":Ln(R);Gi[z]=(Gi[z]||0)+1;var _="".concat(z,"-").concat(Mi(ls+z+Gi[z]));return U?"".concat(U,"-").concat(_):_})(t.displayName,t.parentComponentId):c,m=t.displayName,p=m===void 0?(function(R){return Li(R)?"styled.".concat(R):"Styled(".concat(Ir(R),")")})(e):m,f=t.displayName&&t.componentId?"".concat(Ln(t.displayName),"-").concat(t.componentId):t.componentId||h,g=r&&i.attrs?i.attrs.concat(l).filter(Boolean):l,x=t.shouldForwardProp;if(r&&i.shouldForwardProp){var k=i.shouldForwardProp;if(t.shouldForwardProp){var O=t.shouldForwardProp;x=function(R,U){return k(R,U)&&O(R,U)}}else x=k}var I=new Ku(s,f,r?i.componentStyle:void 0);function F(R,U){return(function(z,_,pe){var ps=z.attrs,fm=z.componentStyle,ym=z.defaultProps,gm=z.foldedComponentIds,La=z.styledComponentId,vm=z.target,bm=E.useContext(Ne),wm=jr(),to=z.shouldForwardProp||wm.shouldForwardProp;process.env.NODE_ENV!=="production"&&E.useDebugValue(La);var Ba=Ni(_,bm,ym)||cs,Qt=(function(Rr,Us,Vr){for(var us,De=q(q({},Us),{className:void 0,theme:Vr}),ro=0;ro<Rr.length;ro+=1){var Ur=Ie(us=Rr[ro])?us(De):us;for(var ue in Ur)De[ue]=ue==="className"?Ae(De[ue],Ur[ue]):ue==="style"?q(q({},De[ue]),Ur[ue]):Ur[ue]}return Us.className&&(De.className=Ae(De.className,Us.className)),De})(ps,_,Ba),Rs=Qt.as||vm,Vs={};for(var wt in Qt)Qt[wt]===void 0||wt[0]==="$"||wt==="as"||wt==="theme"&&Qt.theme===Ba||(wt==="forwardedAs"?Vs.as=Qt.forwardedAs:to&&!to(wt,Rs)||(Vs[wt]=Qt[wt],to||process.env.NODE_ENV!=="development"||Kp(wt)||ia.has(wt)||!zi.has(Rs)||(ia.add(wt),console.warn('styled-components: it looks like an unknown prop "'.concat(wt,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var eo=(function(Rr,Us){var Vr=jr(),us=Rr.generateAndInjectStyles(Us,Vr.styleSheet,Vr.stylis);return process.env.NODE_ENV!=="production"&&E.useDebugValue(us),us})(fm,Qt);process.env.NODE_ENV!=="production"&&z.warnTooManyClasses&&z.warnTooManyClasses(eo);var so=Ae(gm,La);return eo&&(so+=" "+eo),Qt.className&&(so+=" "+Qt.className),Vs[Li(Rs)&&!zi.has(Rs)?"class":"className"]=so,pe&&(Vs.ref=pe),E.createElement(Rs,Vs)})(M,R,U)}F.displayName=p;var M=E.forwardRef(F);return M.attrs=g,M.componentStyle=I,M.displayName=p,M.shouldForwardProp=x,M.foldedComponentIds=r?Ae(i.foldedComponentIds,i.styledComponentId):"",M.styledComponentId=f,M.target=r?i.target:e,Object.defineProperty(M,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(R){this._foldedDefaultProps=r?(function(U){for(var z=[],_=1;_<arguments.length;_++)z[_-1]=arguments[_];for(var pe=0,ps=z;pe<ps.length;pe++)Ri(U,ps[pe],!0);return U})({},i.defaultProps,R):R}}),process.env.NODE_ENV!=="production"&&(Mn(p,f),M.warnTooManyClasses=(function(R,U){var z={},_=!1;return function(pe){if(!_&&(z[pe]=!0,Object.keys(z).length>=200)){var ps=U?' with the id of "'.concat(U,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(R).concat(ps,`.
|
|
3286
3286
|
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
3287
3287
|
Example:
|
|
3288
3288
|
const Component = styled.div.attrs(props => ({
|
|
@@ -3291,11 +3291,11 @@ Example:
|
|
|
3291
3291
|
},
|
|
3292
3292
|
}))\`width: 100%;\`
|
|
3293
3293
|
|
|
3294
|
-
<Component />`),
|
|
3294
|
+
<Component />`),_=!0,z={}}}})(p,f)),Vi(M,function(){return".".concat(M.styledComponentId)}),o&&Bi(M,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),M}function oa(e,t){for(var s=[e[0]],r=0,i=t.length;r<i;r+=1)s.push(t[r],e[r+1]);return s}var na=function(e){return Object.assign(e,{isCss:!0})};function Ki(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];if(Ie(e)||ds(e))return na(he(oa(Pr,Yt([e],t,!0))));var r=e;return t.length===0&&r.length===1&&typeof r[0]=="string"?he(r):na(he(oa(r,t)))}function Yi(e,t,s){if(s===void 0&&(s=cs),!t)throw at(1,t);var r=function(i){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return e(t,s,Ki.apply(void 0,Yt([i],o,!1)))};return r.attrs=function(i){return Yi(e,t,q(q({},s),{attrs:Array.prototype.concat(s.attrs,i).filter(Boolean)}))},r.withConfig=function(i){return Yi(e,t,q(q({},s),i))},r}var aa=function(e){return Yi(Yu,e)},Xi=aa;zi.forEach(function(e){Xi[e]=aa(e)});var Xu=(function(){function e(t,s){this.rules=t,this.componentId=s,this.isStatic=ra(t),hs.registerId(this.componentId+1)}return e.prototype.createStyles=function(t,s,r,i){var o=i(Bs(he(this.rules,s,r,i)),""),n=this.componentId+t;r.insertRules(n,n,o)},e.prototype.removeStyles=function(t,s){s.clearRules(this.componentId+t)},e.prototype.renderStyles=function(t,s,r,i){t>2&&hs.registerId(this.componentId+t),this.removeStyles(t,r),this.createStyles(t,s,r,i)},e})();function Qm(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];var r=Ki.apply(void 0,Yt([e],t,!1)),i="sc-global-".concat(Mi(JSON.stringify(r))),o=new Xu(r,i);process.env.NODE_ENV!=="production"&&Mn(i);var n=function(c){var h=jr(),m=E.useContext(Ne),p=E.useRef(h.styleSheet.allocateGSInstance(i)).current;return process.env.NODE_ENV!=="production"&&E.Children.count(c.children)&&console.warn("The global style component ".concat(i," was given child JSX. createGlobalStyle does not render children.")),process.env.NODE_ENV!=="production"&&r.some(function(f){return typeof f=="string"&&f.indexOf("@import")!==-1})&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),h.styleSheet.server&&l(p,c,h.styleSheet,m,h.stylis),E.useLayoutEffect(function(){if(!h.styleSheet.server)return l(p,c,h.styleSheet,m,h.stylis),function(){return o.removeStyles(p,h.styleSheet)}},[p,c,h.styleSheet,m,h.stylis]),null};function l(c,h,m,p,f){if(o.isStatic)o.renderStyles(c,gu,m,f);else{var g=q(q({},h),{theme:Ni(h,p,n.defaultProps)});o.renderStyles(c,g,m,f)}}return E.memo(n)}function tf(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=Bs(Ki.apply(void 0,Yt([e],t,!1))),i=Mi(r);return new Wi(i,r)}function ef(e){var t=E.forwardRef(function(s,r){var i=Ni(s,E.useContext(Ne),e.defaultProps);return process.env.NODE_ENV!=="production"&&i===void 0&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(Ir(e),'"')),E.createElement(e,q({},s,{theme:i,ref:r}))});return t.displayName="WithTheme(".concat(Ir(e),")"),Bi(t,e)}var sf=(function(){function e(){var t=this;this._emitSheetCSS=function(){var s=t.instance.toString();if(!s)return"";var r=Ui(),i=Bs([r&&'nonce="'.concat(r,'"'),"".concat(Jt,'="true"'),"".concat(Cr,'="').concat(ls,'"')].filter(Boolean)," ");return"<style ".concat(i,">").concat(s,"</style>")},this.getStyleTags=function(){if(t.sealed)throw at(2);return t._emitSheetCSS()},this.getStyleElement=function(){var s;if(t.sealed)throw at(2);var r=t.instance.toString();if(!r)return[];var i=((s={})[Jt]="",s[Cr]=ls,s.dangerouslySetInnerHTML={__html:r},s),o=Ui();return o&&(i.nonce=o),[E.createElement("style",q({},i,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new hs({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(t){if(this.sealed)throw at(2);return E.createElement(qu,{sheet:this.instance},t)},e.prototype.interleaveWithNodeStream=function(t){throw at(3)},e})(),rf={StyleSheet:hs,mainSheet:Qn};process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
3295
3295
|
Perhaps you're looking to import 'styled-components/native'?
|
|
3296
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var
|
|
3296
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var Mr="__sc-".concat(Jt,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[Mr]||(window[Mr]=0),window[Mr]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
3297
3297
|
|
|
3298
|
-
See https://s-c.sh/2BAXzed for more info.`),window[
|
|
3298
|
+
See https://s-c.sh/2BAXzed for more info.`),window[Mr]+=1);function Ji(){}const Ju=Xi.div`
|
|
3299
3299
|
margin: 0;
|
|
3300
3300
|
width: 100%;
|
|
3301
3301
|
height: 100%;
|
|
@@ -3303,7 +3303,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ti]+=1);function Er(){}const
|
|
|
3303
3303
|
top: 50%;
|
|
3304
3304
|
left: 50%;
|
|
3305
3305
|
transform: translate(-50%, -50%);
|
|
3306
|
-
`;function
|
|
3306
|
+
`;function Fs(e){const{children:t,onClickCloseButton:s=Ji,onClickConfirmButton:r=Ji,onClickCancelButton:i=Ji,className:o,withPortal:n,...l}=e,{ref:c}=D({"click-close-button":s,"click-confirm-button":r,"click-cancel-button":i});if(!l.open)return null;const h=y.jsx("ds-modal-react",{ref:c,class:o,...l,children:t});return n?y.jsx("ds-portal-react",{style:{display:"none"},children:h}):h}function Zu({children:e}){return y.jsx("div",{slot:"title",children:e})}function Qu({className:e="",children:t}){return y.jsx("div",{slot:"content",className:`ds-scroll ${e}`.trim(),children:t})}function tm({children:e}){return y.jsx(Ju,{slot:"content",children:e})}Fs.Title=Zu,Fs.Content=Qu,Fs.FullScreenContent=tm;function la(e){const{className:t,children:s,onChange:r,onInput:i,inputId:o,placeHolder:n,value:l,label:c,required:h,disabled:m,pattern:p,maxLength:f,minLength:g,...x}=e,{ref:k}=D({change:r,input:i}),O={type:"password",...!!o&&{id:o},...!!n&&{placeholder:n},...!!l&&{value:l},...!!h&&{required:h},...!!m&&{disabled:m},...!!g&&{minLength:g},...!!f&&{maxLength:f},...!!p&&{pattern:p}};return y.jsxs("ds-password-input-react",{ref:k,class:t,...x,children:[y.jsx("label",{htmlFor:o,children:c}),y.jsx("input",{...O})]})}function ca(e){const{className:t,children:s,onClick:r,size:i,...o}=e,{ref:n}=D({"ds-picker-item:click":r});return y.jsx("ds-picker-item-react",{ref:n,size:typeof i=="string"?i:JSON.stringify(i),class:t,...o,children:s})}const da={Group:({children:e,onChange:t,className:s,...r})=>{const{ref:i}=D({change:t});return y.jsx("ds-radio-group-react",{ref:i,class:s,...r,children:e})},Button:({children:e,className:t,...s})=>y.jsx("ds-radio-react",{class:t,...s,children:e})};function ha(e){const{className:t,children:s,onChange:r,...i}=e,{ref:o}=D({change:r});return y.jsx("ds-radio-button-react",{ref:o,class:t,...i,children:s})}function pa(e){const{className:t,children:s,onChange:r,...i}=e,{ref:o}=D({change:r});return y.jsx("ds-radio-button-group-react",{ref:o,class:t,...i,children:s})}const Zi=E.forwardRef(({onInput:e,className:t,...s},r)=>y.jsx("ds-search-react",{ref:r,class:t,onInput:e,...s}));Zi.displayName="Search";function ua(e){const{className:t,children:s,onChange:r,onInput:i,onClickPositionButton:o,placeHolder:n,type:l,value:c,label:h,required:m,disabled:p,pattern:f,maxLength:g,minLength:x,inputProps:k,...O}=e,{ref:I}=D({change:r,input:i,"ds-search-input:click-position-button":o});return y.jsx("ds-search-input-react",{ref:I,class:t,...O,children:y.jsx("input",{type:"text","aria-label":h,placeholder:n,value:c,required:m,disabled:p,minLength:x,maxLength:g,pattern:f,...k})})}function Lr(e){const{className:t,children:s,onSelect:r,...i}=e,{ref:o}=D({"ds-secondary-navigation:select":r});return y.jsx("ds-secondary-navigation-react",{ref:o,class:t,...i,children:s})}const em=({children:e})=>y.jsx("div",{slot:"items",children:e}),sm=({children:e})=>y.jsx("div",{slot:"actions",children:e});Lr.Items=em,Lr.Actions=sm;function ma(e){const{onChange:t,className:s,children:r,...i}=e,{ref:o}=D({change:t});return y.jsx("ds-segmented-control-react",{ref:o,class:s,...i,children:r})}const fa=({children:e,...t})=>y.jsx("ds-select-react",{...t,children:e});function ya(e){const{className:t,children:s,...r}=e;return y.jsx("ds-selection-react",{class:t,...r})}function ga(e){const{className:t,children:s,size:r,...i}=e;return y.jsx("ds-slider-react",{size:typeof r=="string"?r:JSON.stringify(r),class:t,...i})}function Br({children:e,onChange:t,...s}){const{ref:r}=D({change:t});return y.jsx("ds-tabs-react",{ref:r,...s,children:e})}function rm({children:e}){return y.jsx("div",{role:"tab",slot:"tab",children:e})}function im({children:e}){return y.jsx("div",{role:"tabpanel",slot:"panel",children:e})}Br.Tab=rm,Br.Panel=im;function va(e){const{children:t,onClickIcon:s,className:r,...i}=e,{ref:o}=D({clickicon:s});return y.jsx("ds-tag-react",{ref:o,class:r,...i,children:t})}function ba(e){const{className:t,children:s,...r}=e;return y.jsx("ds-text-react",{class:t,...r,children:s})}function wa(e){const{className:t,children:s,onChange:r,onInput:i,onKeyDown:o,inputId:n,placeHolder:l,type:c,value:h,label:m,required:p,disabled:f,pattern:g,maxLength:x,minLength:k,...O}=e,{ref:I}=D({change:r,input:i,keydown:o});return y.jsxs("ds-text-input-react",{ref:I,class:t,...O,children:[y.jsx("label",{htmlFor:n,children:m}),y.jsx("input",{id:n,type:c||"text",placeholder:l,value:h,required:p,disabled:f,minLength:k,maxLength:x,pattern:g})]})}function xa(e){const{className:t,children:s,onChange:r,onInput:i,textareaId:o,placeholder:n,value:l,label:c,required:h,disabled:m,minLength:p,maxLength:f,rows:g,cols:x,forcedError:k,helperText:O,invalidError:I,...F}=e,{ref:M}=D({change:r,input:i});return y.jsxs("ds-textarea-react",{ref:M,class:t,"forced-error":k,"helper-text":O,"invalid-error":I,...F,children:[y.jsx("label",{htmlFor:o,children:c}),y.jsx("textarea",{id:o,placeholder:n,value:l,required:h,disabled:m,minLength:p,maxLength:f,rows:g,cols:x})]})}const $a=({children:e,...t})=>y.jsx("ds-theme-provider-react",{...t,children:e});function Sa({onChange:e,...t}){const{ref:s}=D({change:e});return y.jsx("ds-toggle-button-react",{ref:s,...t})}function Fr({label:e,onChange:t,...s}){const{ref:r}=D({change:t});return y.jsxs("ds-toggle-switch-react",{ref:r,...s,children:[e&&y.jsx("div",{slot:"label",children:e}),s.children]})}function om({children:e}){return y.jsx("div",{slot:"off",children:e})}function nm({children:e}){return y.jsx("div",{slot:"on",children:e})}Fr.Off=om,Fr.On=nm;const am=Xi.div`
|
|
3307
3307
|
display: flex;
|
|
3308
3308
|
align-items: center;
|
|
3309
|
-
`;function
|
|
3309
|
+
`;function ka({children:e,onClickCancelButton:t,onClickConfirmButton:s,...r}){const{ref:i}=D({"click-cancel-button":t,"click-confirm-button":s});return y.jsx("ds-tooltip-react",{ref:i,...r,children:y.jsx(am,{children:e})})}function Qi(e){const{className:t,...s}=e;return y.jsx("ds-toast-react",{class:t,...s})}Qi.add=e=>{window.dispatchEvent(new CustomEvent("toast:add",{detail:e}))};function Ta(e){const{className:t,children:s,onClose:r,...i}=e,{ref:o}=D({"toast:remove":r});return y.jsx("ds-toast-message-react",{ref:o,class:t,...i,children:s})}function Ca(e){const{className:t,onClick:s,image:r,...i}=e,{ref:o}=D({click:s}),n=r&&E.isValidElement(r)?E.cloneElement(r,{slot:"media",...r.props}):null;return y.jsx("ds-avatar-react",{ref:o,class:t,...i,children:n})}function Ea(e){const{className:t,children:s,size:r,...i}=e,{ref:o}=D({});return y.jsx("ds-static-box-react",{ref:o,size:typeof r=="string"?r:JSON.stringify(r),class:t,...i,children:s})}const Oa=({className:e,...t})=>y.jsx("ds-stepper-react",{class:e,...t});function Zt(e){const{className:t,children:s,onClick:r,...i}=e,{ref:o}=D({click:r});return y.jsx("ds-interactive-card-react",{ref:o,class:t,...i,children:s})}const Pa=({children:e})=>y.jsx("div",{slot:"title",children:e}),_a=({children:e})=>y.jsx("div",{slot:"subtitle",children:e}),Ia=({children:e})=>y.jsx("div",{slot:"meta",children:e}),Aa=({children:e})=>y.jsx("div",{slot:"content",children:e}),Na=({children:e})=>y.jsx("div",{slot:"cta",children:e}),za=({children:e})=>y.jsx("div",{slot:"error-title",children:e}),Da=({children:e})=>y.jsx("div",{slot:"error-text",children:e});Zt.Title=Pa,Zt.Subtitle=_a,Zt.Meta=Ia,Zt.Content=Aa,Zt.Cta=Na,Zt.ErrorTitle=za,Zt.ErrorText=Da,Pa.displayName="InteractiveCard.Title",_a.displayName="InteractiveCard.Subtitle",Ia.displayName="InteractiveCard.Meta",Aa.displayName="InteractiveCard.Content",Na.displayName="InteractiveCard.Cta",za.displayName="InteractiveCard.ErrorTitle",Da.displayName="InteractiveCard.ErrorText";function ze(e){const{className:t,children:s,...r}=e;return y.jsx("ds-sidebar-navigation-react",{class:t,...r,children:s})}const lm=({children:e})=>y.jsx("div",{slot:"aside-text",children:e}),cm=({children:e})=>y.jsx("div",{slot:"aside-icon",children:e}),dm=({children:e})=>y.jsx("div",{slot:"aside-helper-text",children:e}),hm=({children:e})=>y.jsx("div",{slot:"main-cta",children:e}),pm=({children:e})=>y.jsx("div",{slot:"ctas",children:e});ze.AsideText=lm,ze.AsideIcon=cm,ze.AsideHelperText=dm,ze.MainCta=hm,ze.Ctas=pm;const ja=Object.freeze(Object.defineProperty({__proto__:null,Accordion:mr,Avatar:Ca,Bullets:Yo,Button:en,CarouselIndicator:sn,Checkbox:rn,Chip:on,Chips:nn,Currency:an,Dialog:ln,DialogBody:cn,DialogFooter:dn,DialogHeader:hn,Divider:pn,Hyperlink:un,Icon:mn,IconButton:fn,Input:Si,InteractiveCard:Zt,LinkButton:yn,Loader:gn,LoaderLogo:ki,Logo:vn,MapPin:bn,Modal:Fs,PasswordInput:la,PickerItem:ca,Radio:da,RadioButton:ha,RadioButtonGroup:pa,Search:Zi,SearchInput:ua,SecondaryNavigation:Lr,SegmentedControl:ma,Select:fa,Selection:ya,SidebarNavigation:ze,Slider:ga,StaticBox:Ea,Stepper:Oa,Tabs:Br,Tag:va,Text:ba,TextInput:wa,Textarea:xa,ThemeProvider:$a,Toast:Qi,ToastMessage:Ta,ToggleButton:Sa,ToggleSwitch:Fr,Tooltip:ka},Symbol.toStringTag,{value:"Module"})),um=ja,mm=tn,Ma={...ja,...tn};w.Accordion=mr,w.Avatar=Ca,w.Bullets=Yo,w.Button=en,w.CarouselIndicator=sn,w.Checkbox=rn,w.Chip=on,w.Chips=nn,w.CupraUiReact=Ma,w.Currency=an,w.Dialog=ln,w.DialogBody=cn,w.DialogFooter=dn,w.DialogHeader=hn,w.Divider=pn,w.Hyperlink=un,w.Icon=mn,w.IconButton=fn,w.Input=Si,w.InteractiveCard=Zt,w.LinkButton=yn,w.Loader=gn,w.LoaderLogo=ki,w.Logo=vn,w.MapPin=bn,w.Modal=Fs,w.PasswordInput=la,w.PickerItem=ca,w.Radio=da,w.RadioButton=ha,w.RadioButtonGroup=pa,w.Search=Zi,w.SearchInput=ua,w.SecondaryNavigation=Lr,w.SegmentedControl=ma,w.Select=fa,w.Selection=ya,w.SidebarNavigation=ze,w.Slider=ga,w.StaticBox=Ea,w.Stepper=Oa,w.Tabs=Br,w.Tag=va,w.Text=ba,w.TextInput=wa,w.Textarea=xa,w.ThemeProvider=$a,w.Toast=Qi,w.ToastMessage=Ta,w.ToggleButton=Sa,w.ToggleSwitch=Fr,w.Tooltip=ka,w.components=um,w.default=Ma,w.hooks=mm,w.useBreakpoint=Jo,w.useEventListeners=Zo,w.useHandleEvent=D,w.useResizeObserver=Qo,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|