@randstad-uca/design-system 1.0.38 → 1.0.39
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.js +86 -87
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -2
- package/package.json +1 -2
package/dist/index.js
CHANGED
|
@@ -9,23 +9,23 @@ const l=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)}
|
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2019 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/let u=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==p)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(c&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const
|
|
12
|
+
*/let u=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==p)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(c&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const b=c?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new u("string"==typeof t?t:t+"",void 0,p))(e)})(t):t,{is:g,defineProperty:y,getOwnPropertyDescriptor:v,getOwnPropertyNames:m,getOwnPropertySymbols:f,getPrototypeOf:x}=Object,w=globalThis,$=w.trustedTypes,k=$?$.emptyScript:"",S=w.reactiveElementPolyfillSupport,C=(t,e)=>t,E={toAttribute(t,e){switch(e){case Boolean:t=t?k:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},A=(t,e)=>!g(t,e),_={attribute:!0,type:String,converter:E,reflect:!1,useDefault:!1,hasChanged:A};
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/Symbol.metadata??=Symbol("metadata"),w.litPropertyMetadata??=new WeakMap;class
|
|
17
|
+
*/Symbol.metadata??=Symbol("metadata"),w.litPropertyMetadata??=new WeakMap;class O extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&y(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=v(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const s=o?.call(this);r?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??_}static _$Ei(){if(this.hasOwnProperty(C("elementProperties")))return;const t=x(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(C("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(C("properties"))){const t=this.properties,e=[...m(t),...f(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(b(t))}else void 0!==t&&e.push(b(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(c)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=d.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:E).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:E;this._$Em=o,this[o]=r.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,r=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??A)(r,e)||i.useDefault&&i.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==r||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),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.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[C("elementProperties")]=new Map,O[C("finalized")]=new Map,S?.({ReactiveElement:O}),(w.reactiveElementVersions??=[]).push("2.1.0");
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
const
|
|
23
|
+
const T={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:A},j=(t=T,e,i)=>{const{kind:o,metadata:r}=i;let s=globalThis.litPropertyMetadata.get(r);if(void 0===s&&globalThis.litPropertyMetadata.set(r,s=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),s.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const r=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,r,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];e.call(this,i),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function z(t){return(e,i)=>"object"==typeof i?j(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
*/function
|
|
28
|
+
*/function I(t){return z({...t,state:!0,attribute:!1})}
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
@@ -36,38 +36,38 @@ const O={attribute:!0,type:String,converter:A,reflect:!1,hasChanged:C},N=(t=O,e,
|
|
|
36
36
|
* Copyright 2017 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
38
|
*/
|
|
39
|
-
function
|
|
39
|
+
function P(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}const L=t`
|
|
40
40
|
font-family: 'Graphik', sans-serif;
|
|
41
41
|
font-weight: 400;
|
|
42
42
|
font-size: 12px;
|
|
43
43
|
line-height: 15px;
|
|
44
44
|
letter-spacing: 0%;
|
|
45
|
-
`,
|
|
45
|
+
`,M=t`
|
|
46
46
|
font-family: 'Graphik', sans-serif;
|
|
47
47
|
font-weight: 400;
|
|
48
48
|
font-size: 14px;
|
|
49
49
|
line-height: 25px;
|
|
50
50
|
letter-spacing: 0%;
|
|
51
|
-
`,
|
|
51
|
+
`,F=t`
|
|
52
52
|
font-family: 'Graphik', sans-serif;
|
|
53
53
|
font-weight: 400;
|
|
54
54
|
font-size: 16px;
|
|
55
55
|
line-height: 25px;
|
|
56
56
|
letter-spacing: 0%;
|
|
57
|
-
`,
|
|
57
|
+
`,R=t`
|
|
58
58
|
font-family: 'Graphik', sans-serif;
|
|
59
59
|
font-weight: 400;
|
|
60
60
|
font-size: 18px;
|
|
61
61
|
line-height: 30px;
|
|
62
62
|
letter-spacing: 0%;
|
|
63
|
-
`,
|
|
63
|
+
`,B=t`
|
|
64
64
|
font-family: 'Graphik', sans-serif;
|
|
65
65
|
font-weight: 400;
|
|
66
66
|
font-size: 18px;
|
|
67
67
|
line-height: 30px;
|
|
68
68
|
letter-spacing: 0%;
|
|
69
69
|
vertical-align: middle;
|
|
70
|
-
`,
|
|
70
|
+
`,N=t`
|
|
71
71
|
font-family: 'Graphik', sans-serif;
|
|
72
72
|
font-weight: 400;
|
|
73
73
|
font-size: 20px;
|
|
@@ -81,7 +81,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
81
81
|
line-height: 30px;
|
|
82
82
|
letter-spacing: -1%;
|
|
83
83
|
vertical-align: middle;
|
|
84
|
-
`;let
|
|
84
|
+
`;let D=class extends e{constructor(){super(...arguments),this.title="",this.isOpen=!1,this.isDesktop=window.innerWidth>940,this.handleResize=()=>{this.isDesktop=window.innerWidth>940}}static{this.styles=t`
|
|
85
85
|
:host {
|
|
86
86
|
display: flex;
|
|
87
87
|
flex-direction: column;
|
|
@@ -100,7 +100,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.title {
|
|
103
|
-
${
|
|
103
|
+
${F}
|
|
104
104
|
color: var(--secondary-color);
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -159,13 +159,13 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
159
159
|
<div class="content ${this.isOpen?"open":""}">
|
|
160
160
|
<slot></slot>
|
|
161
161
|
</div>
|
|
162
|
-
`}};n([
|
|
162
|
+
`}};n([z({type:String}),a("design:type",Object)],D.prototype,"title",void 0),n([I(),a("design:type",Object)],D.prototype,"isOpen",void 0),n([I(),a("design:type",Object)],D.prototype,"isDesktop",void 0),D=n([l("accordion-panel")],D);let V=class extends e{static{this.styles=t`
|
|
163
163
|
:host {
|
|
164
164
|
display: flex;
|
|
165
165
|
flex-direction: column;
|
|
166
166
|
gap: 16px;
|
|
167
167
|
}
|
|
168
|
-
`}render(){return i`<slot></slot>`}};
|
|
168
|
+
`}render(){return i`<slot></slot>`}};V=n([l("accordion-list")],V);let q=class extends e{constructor(){super(...arguments),this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.disabled=!1,this.iconName=null,this.type="button",this.idevent=""}static{this.styles=t`
|
|
169
169
|
:host {
|
|
170
170
|
display: inline-block;
|
|
171
171
|
}
|
|
@@ -185,12 +185,12 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
.button-lg {
|
|
188
|
-
${
|
|
188
|
+
${R}
|
|
189
189
|
min-height: 62px;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.button-md {
|
|
193
|
-
${
|
|
193
|
+
${F}
|
|
194
194
|
min-height: 57px;
|
|
195
195
|
}
|
|
196
196
|
|
|
@@ -410,7 +410,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
410
410
|
${this.iconName&&"button-round"!==this.variant&&"right"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
|
|
411
411
|
`}
|
|
412
412
|
</button>
|
|
413
|
-
`}};n([
|
|
413
|
+
`}};n([z({type:String}),a("design:type",String)],q.prototype,"variant",void 0),n([z({type:String}),a("design:type",String)],q.prototype,"size",void 0),n([z({type:String}),a("design:type",Object)],q.prototype,"label",void 0),n([z({type:Boolean}),a("design:type",Object)],q.prototype,"loader",void 0),n([z({type:String,attribute:"icon-src"}),a("design:type",String)],q.prototype,"iconSrc",void 0),n([z({type:String}),a("design:type",String)],q.prototype,"iconPosition",void 0),n([z({type:Boolean,reflect:!0}),a("design:type",Boolean)],q.prototype,"disabled",void 0),n([z({type:String}),a("design:type",Object)],q.prototype,"iconName",void 0),n([z({type:String}),a("design:type",String)],q.prototype,"type",void 0),n([z({type:String}),a("design:type",Object)],q.prototype,"idevent",void 0),q=n([l("randstad-button")],q);let H=class extends e{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="Contactanos",this.cardId=""}static{this.styles=t`
|
|
414
414
|
:host {
|
|
415
415
|
display: inline-block;
|
|
416
416
|
font-family: "Graphik", sans-serif;
|
|
@@ -469,7 +469,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
469
469
|
}
|
|
470
470
|
|
|
471
471
|
.title {
|
|
472
|
-
${
|
|
472
|
+
${R}
|
|
473
473
|
margin: 0;
|
|
474
474
|
}
|
|
475
475
|
|
|
@@ -489,7 +489,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
489
489
|
}
|
|
490
490
|
|
|
491
491
|
.description {
|
|
492
|
-
${
|
|
492
|
+
${M}
|
|
493
493
|
}
|
|
494
494
|
|
|
495
495
|
::part(button) {
|
|
@@ -527,14 +527,14 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
527
527
|
</div>
|
|
528
528
|
</div>
|
|
529
529
|
</div>
|
|
530
|
-
`}};n([
|
|
530
|
+
`}};n([z({type:String}),a("design:type",Object)],H.prototype,"img",void 0),n([z({type:String}),a("design:type",Object)],H.prototype,"name",void 0),n([z({type:String}),a("design:type",Object)],H.prototype,"title",void 0),n([z({type:String}),a("design:type",Object)],H.prototype,"description",void 0),n([z({type:String}),a("design:type",Object)],H.prototype,"buttonLabel",void 0),n([z({type:String}),a("design:type",Object)],H.prototype,"cardId",void 0),H=n([l("carousel-card")],H);let G=class extends e{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=t`
|
|
531
531
|
:host {
|
|
532
532
|
display: block;
|
|
533
533
|
max-width: 100%;
|
|
534
534
|
}
|
|
535
535
|
|
|
536
536
|
label {
|
|
537
|
-
${
|
|
537
|
+
${M}
|
|
538
538
|
display: flex;
|
|
539
539
|
align-items: center;
|
|
540
540
|
gap: 8px;
|
|
@@ -642,7 +642,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
642
642
|
<slot></slot>
|
|
643
643
|
</span>
|
|
644
644
|
</label>
|
|
645
|
-
`}};n([
|
|
645
|
+
`}};n([z({type:Boolean,reflect:!0}),a("design:type",Object)],G.prototype,"checked",void 0),n([z({type:Boolean}),a("design:type",Object)],G.prototype,"error",void 0),n([z({type:Boolean}),a("design:type",Object)],G.prototype,"disabled",void 0),G=n([l("randstad-checkbox")],G);let W=class extends e{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1,this.required=!1,this.optional=!1}static{this.styles=t`
|
|
646
646
|
:host {
|
|
647
647
|
display: block;
|
|
648
648
|
font-family: 'Graphik', sans-serif;
|
|
@@ -664,7 +664,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
664
664
|
}
|
|
665
665
|
|
|
666
666
|
.form-label {
|
|
667
|
-
${
|
|
667
|
+
${F}
|
|
668
668
|
display: flex;
|
|
669
669
|
align-items: baseline;
|
|
670
670
|
flex-direction: row;
|
|
@@ -680,7 +680,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
680
680
|
}
|
|
681
681
|
|
|
682
682
|
.form-input {
|
|
683
|
-
${
|
|
683
|
+
${R}
|
|
684
684
|
padding: 16px;
|
|
685
685
|
border: 1px solid var(--secondary-color-10);
|
|
686
686
|
border-radius: 4px;
|
|
@@ -715,7 +715,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
input::placeholder {
|
|
718
|
-
${
|
|
718
|
+
${R}
|
|
719
719
|
color: var(--secondary-color-40);
|
|
720
720
|
}
|
|
721
721
|
|
|
@@ -756,7 +756,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
756
756
|
}
|
|
757
757
|
|
|
758
758
|
textarea {
|
|
759
|
-
${
|
|
759
|
+
${R}
|
|
760
760
|
resize: none;
|
|
761
761
|
}
|
|
762
762
|
|
|
@@ -771,19 +771,19 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
771
771
|
}
|
|
772
772
|
|
|
773
773
|
.helper-description {
|
|
774
|
-
${
|
|
774
|
+
${F}
|
|
775
775
|
color: var(--secondary-color-40);
|
|
776
776
|
margin: 0px;
|
|
777
777
|
}
|
|
778
778
|
|
|
779
779
|
.error-message {
|
|
780
|
-
${
|
|
780
|
+
${F}
|
|
781
781
|
color: var(--ui-negative);
|
|
782
782
|
margin: 0px;
|
|
783
783
|
}
|
|
784
784
|
|
|
785
785
|
.link-text {
|
|
786
|
-
${
|
|
786
|
+
${F}
|
|
787
787
|
color: var(--primary-color);
|
|
788
788
|
cursor: pointer;
|
|
789
789
|
text-align: end;
|
|
@@ -873,7 +873,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
873
873
|
|
|
874
874
|
.optional {
|
|
875
875
|
color: var(--secondary-color-60);
|
|
876
|
-
${
|
|
876
|
+
${L}
|
|
877
877
|
}
|
|
878
878
|
`}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){const e=t.target.value;void 0!==this.maxLength&&"textarea"!==this.type?this.value=e.slice(0,this.maxLength):this.value=e,this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("valueChanged",{detail:this.value})),this.dispatchEvent(new Event("input",{bubbles:!0})),this.requestUpdate()}handleLinkClick(t){t.preventDefault(),this.linkRoute&&this.dispatchEvent(new CustomEvent("linkClicked",{detail:this.linkRoute,bubbles:!0,composed:!0}))}handleKeyDown(t){if("Enter"===t.key){const t=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),e=this.closest("form");e&&e.dispatchEvent(t)}}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type;return i`
|
|
879
879
|
<div
|
|
@@ -946,7 +946,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
946
946
|
|
|
947
947
|
${this.helper?i`<p class="helper-description">${this.helper}</p>`:o}
|
|
948
948
|
</div>
|
|
949
|
-
`}};n([
|
|
949
|
+
`}};n([z({type:String}),a("design:type",String)],W.prototype,"placeholder",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"label",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"labelColor",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"value",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"size",void 0),n([z({type:String}),a("design:type",Object)],W.prototype,"icon",void 0),n([z({type:String}),a("design:type",Object)],W.prototype,"helper",void 0),n([z({type:Boolean}),a("design:type",Boolean)],W.prototype,"error",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"errorMessage",void 0),n([z({type:Boolean}),a("design:type",Boolean)],W.prototype,"disabled",void 0),n([z({type:Boolean}),a("design:type",Boolean)],W.prototype,"typing",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"type",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"tooltipMessage",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"linkText",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"linkRoute",void 0),n([z({type:Boolean,reflect:!0}),a("design:type",Object)],W.prototype,"isPasswordVisible",void 0),n([z({type:Boolean}),a("design:type",Boolean)],W.prototype,"cleanButton",void 0),n([z({type:Number}),a("design:type",Number)],W.prototype,"maxLength",void 0),n([z({type:Boolean}),a("design:type",Object)],W.prototype,"required",void 0),n([z({type:Boolean}),a("design:type",Object)],W.prototype,"optional",void 0),n([z({type:String}),a("design:type",String)],W.prototype,"helpLink",void 0),W=n([l("randstad-form")],W);let K=class extends e{constructor(){super(...arguments),this.label="",this.error=!1,this.errorMessage="",this.required=!1,this.optional=!1}static{this.styles=t`
|
|
950
950
|
:host {
|
|
951
951
|
display: flex;
|
|
952
952
|
flex-direction: column;
|
|
@@ -956,7 +956,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
956
956
|
}
|
|
957
957
|
|
|
958
958
|
.form-label {
|
|
959
|
-
${
|
|
959
|
+
${F}
|
|
960
960
|
display: flex;
|
|
961
961
|
align-items: baseline;
|
|
962
962
|
flex-direction: row;
|
|
@@ -971,12 +971,12 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
.helper {
|
|
974
|
-
${
|
|
974
|
+
${F}
|
|
975
975
|
color: var(--secondary-color-40);
|
|
976
976
|
}
|
|
977
977
|
|
|
978
978
|
.error {
|
|
979
|
-
${
|
|
979
|
+
${F}
|
|
980
980
|
color: var(--ui-negative);
|
|
981
981
|
}
|
|
982
982
|
|
|
@@ -986,7 +986,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
986
986
|
|
|
987
987
|
.optional {
|
|
988
988
|
color: var(--secondary-color-60);
|
|
989
|
-
${
|
|
989
|
+
${L}
|
|
990
990
|
}
|
|
991
991
|
`}render(){return i`
|
|
992
992
|
<label class="form-label">
|
|
@@ -999,7 +999,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
999
999
|
</div>
|
|
1000
1000
|
|
|
1001
1001
|
${this.error?i`<span class="error">${this.errorMessage}</span>`:this.helper?i`<span class="helper">${this.helper}</span>`:null}
|
|
1002
|
-
`}};n([
|
|
1002
|
+
`}};n([z({type:String}),a("design:type",Object)],K.prototype,"label",void 0),n([z({type:String}),a("design:type",String)],K.prototype,"helper",void 0),n([z({type:Boolean}),a("design:type",Object)],K.prototype,"error",void 0),n([z({type:String}),a("design:type",Object)],K.prototype,"errorMessage",void 0),n([z({type:Boolean}),a("design:type",Object)],K.prototype,"required",void 0),n([z({type:Boolean}),a("design:type",Object)],K.prototype,"optional",void 0),K=n([l("randstad-form-group")],K);class Y extends e{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=t`
|
|
1003
1003
|
:host {
|
|
1004
1004
|
display: inline-flex;
|
|
1005
1005
|
width: var(--icon-size, 24px);
|
|
@@ -1013,14 +1013,14 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1013
1013
|
height: var(--icon-size, 24px);
|
|
1014
1014
|
fill: var(--icon-color, currentColor);
|
|
1015
1015
|
}
|
|
1016
|
-
`}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(t){t.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((t=>t.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}n([
|
|
1016
|
+
`}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(t){t.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const t=await fetch(`/assets/icons/${this.name}.svg`);if(!t.ok)throw new Error("Icon not found");const e=await t.text(),i=new DOMParser,o=i.parseFromString(e,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((t=>t.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(t){console.error(`❌ Error cargando icono ${this.name}:`,t),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}n([z({type:String}),a("design:type",Object)],Y.prototype,"name",void 0),n([z({type:String}),a("design:type",Object)],Y.prototype,"size",void 0),customElements.define("randstad-icon",Y);let X=class extends e{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=t`
|
|
1017
1017
|
:host {
|
|
1018
1018
|
display: block;
|
|
1019
1019
|
font-family: 'Graphik', sans-serif;
|
|
1020
1020
|
}
|
|
1021
1021
|
|
|
1022
1022
|
.container {
|
|
1023
|
-
${
|
|
1023
|
+
${F}
|
|
1024
1024
|
display: flex;
|
|
1025
1025
|
align-items: flex-start;
|
|
1026
1026
|
gap: 8px;
|
|
@@ -1066,7 +1066,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1066
1066
|
<randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
|
|
1067
1067
|
<span class="message">${this.message}</span>
|
|
1068
1068
|
</div>
|
|
1069
|
-
`}};n([
|
|
1069
|
+
`}};n([z({type:String}),a("design:type",String)],X.prototype,"type",void 0),n([z({type:String}),a("design:type",String)],X.prototype,"icon",void 0),n([z({type:String}),a("design:type",String)],X.prototype,"message",void 0),n([z({type:Boolean}),a("design:type",Boolean)],X.prototype,"open",void 0),X=n([l("randstad-notice")],X);let J=class extends e{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.showNotice=!1,this.noticeType="informative",this.noticeMessage="",this.noticeIcon="info",this.showPrimaryButton=!1,this.primaryButtonLabel="Aceptar",this.showSecondaryButton=!1,this.secondaryButtonLabel="Cancelar",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=t`
|
|
1070
1070
|
:host {
|
|
1071
1071
|
font-family: 'Graphik', sans-serif;
|
|
1072
1072
|
display: none;
|
|
@@ -1151,7 +1151,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1151
1151
|
}
|
|
1152
1152
|
|
|
1153
1153
|
.modal-subtitle {
|
|
1154
|
-
${
|
|
1154
|
+
${F}
|
|
1155
1155
|
margin: 0;
|
|
1156
1156
|
color: var(--secondary-color-60);
|
|
1157
1157
|
}
|
|
@@ -1241,7 +1241,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1241
1241
|
</div>
|
|
1242
1242
|
</div>
|
|
1243
1243
|
</div>
|
|
1244
|
-
`}};n([
|
|
1244
|
+
`}};n([z({type:Boolean,reflect:!0}),a("design:type",Object)],J.prototype,"open",void 0),n([z({type:String}),a("design:type",Object)],J.prototype,"title",void 0),n([z({type:String}),a("design:type",String)],J.prototype,"subtitle",void 0),n([z({type:Boolean}),a("design:type",Object)],J.prototype,"showNotice",void 0),n([z({type:String}),a("design:type",String)],J.prototype,"noticeType",void 0),n([z({type:String}),a("design:type",Object)],J.prototype,"noticeMessage",void 0),n([z({type:String}),a("design:type",Object)],J.prototype,"noticeIcon",void 0),n([z({type:Boolean}),a("design:type",Object)],J.prototype,"showPrimaryButton",void 0),n([z({type:String}),a("design:type",Object)],J.prototype,"primaryButtonLabel",void 0),n([z({type:Boolean}),a("design:type",Object)],J.prototype,"showSecondaryButton",void 0),n([z({type:String}),a("design:type",Object)],J.prototype,"secondaryButtonLabel",void 0),n([I(),a("design:type",Object)],J.prototype,"scrollable",void 0),J=n([l("custom-modal")],J);let Z=class extends e{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No",this.stackedActions=[],this._onBackgroundClick=t=>{const e=t.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!e.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=t`
|
|
1245
1245
|
:host {
|
|
1246
1246
|
display: none;
|
|
1247
1247
|
position: fixed;
|
|
@@ -1303,13 +1303,13 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
1305
|
.popup-title {
|
|
1306
|
-
${
|
|
1306
|
+
${N}
|
|
1307
1307
|
margin: 0;
|
|
1308
1308
|
color: var(--secondary-color-80);
|
|
1309
1309
|
}
|
|
1310
1310
|
|
|
1311
1311
|
.popup-description {
|
|
1312
|
-
${
|
|
1312
|
+
${F}
|
|
1313
1313
|
margin: 0;
|
|
1314
1314
|
color: var(--secondary-color-60);
|
|
1315
1315
|
}
|
|
@@ -1337,7 +1337,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1337
1337
|
}
|
|
1338
1338
|
|
|
1339
1339
|
.action-item {
|
|
1340
|
-
${
|
|
1340
|
+
${B};
|
|
1341
1341
|
display: flex;
|
|
1342
1342
|
align-items: center;
|
|
1343
1343
|
gap: 16px;
|
|
@@ -1425,7 +1425,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1425
1425
|
`}
|
|
1426
1426
|
</div>
|
|
1427
1427
|
</div>
|
|
1428
|
-
`}};n([
|
|
1428
|
+
`}};n([z({type:Boolean,reflect:!0}),a("design:type",Object)],Z.prototype,"open",void 0),n([z({type:String}),a("design:type",String)],Z.prototype,"type",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"icon",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"title",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"description",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"width",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"buttonText",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"confirmText",void 0),n([z({type:String}),a("design:type",Object)],Z.prototype,"cancelText",void 0),n([z({type:Array}),a("design:type",Array)],Z.prototype,"stackedActions",void 0),Z=n([l("custom-popup")],Z);let Q=class extends e{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=t`
|
|
1429
1429
|
:host {
|
|
1430
1430
|
display: inline-block;
|
|
1431
1431
|
width: 64px;
|
|
@@ -1438,7 +1438,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1438
1438
|
}
|
|
1439
1439
|
|
|
1440
1440
|
.circle-text {
|
|
1441
|
-
${
|
|
1441
|
+
${L};
|
|
1442
1442
|
text-align: center;
|
|
1443
1443
|
vertical-align: middle;
|
|
1444
1444
|
fill: var(--randstad-dark-blue-40);
|
|
@@ -1486,7 +1486,7 @@ function R(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1486
1486
|
${this.value} de ${this.max}
|
|
1487
1487
|
</text>
|
|
1488
1488
|
</svg>
|
|
1489
|
-
`}};n([
|
|
1489
|
+
`}};n([z({type:Number}),a("design:type",Object)],Q.prototype,"value",void 0),n([z({type:Number}),a("design:type",Object)],Q.prototype,"max",void 0),Q=n([l("progress-circle")],Q);
|
|
1490
1490
|
/**
|
|
1491
1491
|
* @license
|
|
1492
1492
|
* Copyright 2023 Google LLC
|
|
@@ -1497,7 +1497,7 @@ const tt=Symbol("attachableController");let et;r||(et=new MutationObserver((t=>{
|
|
|
1497
1497
|
* @license
|
|
1498
1498
|
* Copyright 2021 Google LLC
|
|
1499
1499
|
* SPDX-License-Identifier: Apache-2.0
|
|
1500
|
-
*/const ot=["focusin","focusout","pointerdown"];class rt extends e{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new it(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){if(!t[st]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[st]=!0}}onControlChange(t,e){if(!r)for(const i of ot)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}n([
|
|
1500
|
+
*/const ot=["focusin","focusout","pointerdown"];class rt extends e{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new it(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){if(!t[st]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[st]=!0}}onControlChange(t,e){if(!r)for(const i of ot)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}n([z({type:Boolean,reflect:!0})],rt.prototype,"visible",void 0),n([z({type:Boolean,reflect:!0})],rt.prototype,"inward",void 0);const st=Symbol("handledByFocusRing"),nt=t`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
|
|
1501
1501
|
`
|
|
1502
1502
|
/**
|
|
1503
1503
|
* @license
|
|
@@ -1519,7 +1519,7 @@ const lt="cubic-bezier(0.2, 0, 0, 1)";
|
|
|
1519
1519
|
* @license
|
|
1520
1520
|
* Copyright 2022 Google LLC
|
|
1521
1521
|
* SPDX-License-Identifier: Apache-2.0
|
|
1522
|
-
*/var dt;!function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(dt||(dt={}));const ct=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],pt=r?null:window.matchMedia("(forced-colors: active)");class ht extends e{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=dt.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new it(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${s(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==dt.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==dt.HOLDING)return this.state===dt.TOUCH_DELAY?(this.state=dt.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=dt.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=dt.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=dt.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===dt.TOUCH_DELAY&&(this.state=dt.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==dt.WAITING_FOR_CLICK?this.state===dt.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),o=Math.max(.35*i,75),r=Math.floor(.2*i),s=Math.sqrt(e**2+t**2)+10;this.initialSize=r,this.rippleScale=""+(s+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),s=e+o,n=i+r,{pageX:a,pageY:l}=t;return{x:a-s,y:l-n}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let r;return r=t instanceof PointerEvent?this.getNormalizedPointerEventCoords(t):{x:i/2,y:e/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:o}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),o=`${e.x}px, ${e.y}px`,r=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:lt,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=dt.INACTIVE;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=225?this.pressed=!1:(await new Promise((t=>{setTimeout(t,225-e)})),this.growAnimation===t&&(this.pressed=!1))}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:o,bottom:r,right:s}=this.getBoundingClientRect();return t>=o&&t<=s&&e>=i&&e<=r}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!pt?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}onControlChange(t,e){if(!r)for(const i of ct)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}n([
|
|
1522
|
+
*/var dt;!function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(dt||(dt={}));const ct=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],pt=r?null:window.matchMedia("(forced-colors: active)");class ht extends e{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=dt.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new it(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const t={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${s(t)}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==dt.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==dt.HOLDING)return this.state===dt.TOUCH_DELAY?(this.state=dt.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=dt.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=dt.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=dt.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===dt.TOUCH_DELAY&&(this.state=dt.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==dt.WAITING_FOR_CLICK?this.state===dt.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),o=Math.max(.35*i,75),r=Math.floor(.2*i),s=Math.sqrt(e**2+t**2)+10;this.initialSize=r,this.rippleScale=""+(s+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),s=e+o,n=i+r,{pageX:a,pageY:l}=t;return{x:a-s,y:l-n}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let r;return r=t instanceof PointerEvent?this.getNormalizedPointerEventCoords(t):{x:i/2,y:e/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:o}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),o=`${e.x}px, ${e.y}px`,r=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:lt,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=dt.INACTIVE;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=225?this.pressed=!1:(await new Promise((t=>{setTimeout(t,225-e)})),this.growAnimation===t&&(this.pressed=!1))}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:o,bottom:r,right:s}=this.getBoundingClientRect();return t>=o&&t<=s&&e>=i&&e<=r}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!pt?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}onControlChange(t,e){if(!r)for(const i of ct)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}n([z({type:Boolean,reflect:!0})],ht.prototype,"disabled",void 0),n([I()],ht.prototype,"hovered",void 0),n([I()],ht.prototype,"pressed",void 0),n([P(".surface")],ht.prototype,"mdRoot",void 0);
|
|
1523
1523
|
/**
|
|
1524
1524
|
* @license
|
|
1525
1525
|
* Copyright 2024 Google LLC
|
|
@@ -1531,57 +1531,57 @@ const ut=t`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){
|
|
|
1531
1531
|
* @license
|
|
1532
1532
|
* Copyright 2022 Google LLC
|
|
1533
1533
|
* SPDX-License-Identifier: Apache-2.0
|
|
1534
|
-
*/;let
|
|
1534
|
+
*/;let bt=class extends ht{};
|
|
1535
1535
|
/**
|
|
1536
1536
|
* @license
|
|
1537
1537
|
* Copyright 2021 Google LLC
|
|
1538
1538
|
* SPDX-License-Identifier: Apache-2.0
|
|
1539
1539
|
*/
|
|
1540
|
-
function gt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.target&&(!t.target.disabled&&!function(t){const e=
|
|
1540
|
+
function gt(t){return t.currentTarget===t.target&&(t.composedPath()[0]===t.target&&(!t.target.disabled&&!function(t){const e=yt;e&&(t.preventDefault(),t.stopImmediatePropagation());return async function(){yt=!0,await null,yt=!1}
|
|
1541
1541
|
/**
|
|
1542
1542
|
* @license
|
|
1543
1543
|
* Copyright 2023 Google LLC
|
|
1544
1544
|
* SPDX-License-Identifier: Apache-2.0
|
|
1545
|
-
*/(),e}(t)))}
|
|
1545
|
+
*/(),e}(t)))}bt.styles=[ut],bt=n([l("md-ripple")],bt);let yt=!1;const vt=Symbol("internals"),mt=Symbol("privateInternals");
|
|
1546
1546
|
/**
|
|
1547
1547
|
* @license
|
|
1548
1548
|
* Copyright 2023 Google LLC
|
|
1549
1549
|
* SPDX-License-Identifier: Apache-2.0
|
|
1550
1550
|
*/
|
|
1551
|
-
const
|
|
1551
|
+
const ft=Symbol("createValidator"),xt=Symbol("getValidityAnchor"),wt=Symbol("privateValidator"),$t=Symbol("privateSyncValidity"),kt=Symbol("privateCustomValidationMessage");
|
|
1552
1552
|
/**
|
|
1553
1553
|
* @license
|
|
1554
1554
|
* Copyright 2023 Google LLC
|
|
1555
1555
|
* SPDX-License-Identifier: Apache-2.0
|
|
1556
1556
|
*/
|
|
1557
|
-
const St=Symbol("isFocusable"),
|
|
1557
|
+
const St=Symbol("isFocusable"),Ct=Symbol("privateIsFocusable"),Et=Symbol("externalTabIndex"),At=Symbol("isUpdatingTabIndex"),_t=Symbol("updateTabIndex");
|
|
1558
1558
|
/**
|
|
1559
1559
|
* @license
|
|
1560
1560
|
* Copyright 2023 Google LLC
|
|
1561
1561
|
* SPDX-License-Identifier: Apache-2.0
|
|
1562
1562
|
*/
|
|
1563
|
-
const
|
|
1563
|
+
const Ot=Symbol("getFormValue"),Tt=Symbol("getFormState");
|
|
1564
1564
|
/**
|
|
1565
1565
|
* @license
|
|
1566
1566
|
* Copyright 2023 Google LLC
|
|
1567
1567
|
* SPDX-License-Identifier: Apache-2.0
|
|
1568
1568
|
*/
|
|
1569
|
-
class
|
|
1569
|
+
class jt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const t=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,t)))return this.currentValidity;const{validity:e,validationMessage:i}=this.computeValidity(t);return this.prevState=this.copy(t),this.currentValidity={validationMessage:i,validity:{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing}},this.currentValidity}}
|
|
1570
1570
|
/**
|
|
1571
1571
|
* @license
|
|
1572
1572
|
* Copyright 2023 Google LLC
|
|
1573
1573
|
* SPDX-License-Identifier: Apache-2.0
|
|
1574
|
-
*/class
|
|
1574
|
+
*/class zt extends jt{computeValidity(t){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let e=!1,i=!1;for(const{checked:o,required:r}of t)r&&(e=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=e,{validity:{valueMissing:e&&!i},validationMessage:this.radioElement.validationMessage}}equals(t,e){if(t.length!==e.length)return!1;for(let i=0;i<t.length;i++){const o=t[i],r=e[i];if(o.checked!==r.checked||o.required!==r.required)return!1}return!0}copy(t){return t.map((({checked:t,required:e})=>({checked:t,required:e})))}}
|
|
1575
1575
|
/**
|
|
1576
1576
|
* @license
|
|
1577
1577
|
* Copyright 2022 Google LLC
|
|
1578
1578
|
* SPDX-License-Identifier: Apache-2.0
|
|
1579
|
-
*/class
|
|
1579
|
+
*/class It{get controls(){const t=this.host.getAttribute("name");return t&&this.root&&this.host.isConnected?Array.from(this.root.querySelectorAll(`[name="${t}"]`)):[this.host]}constructor(t){this.host=t,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const e="ArrowDown"===t.key,i="ArrowUp"===t.key,o="ArrowLeft"===t.key,r="ArrowRight"===t.key;if(!(o||r||e||i))return;const s=this.controls;if(!s.length)return;t.preventDefault();const n="rtl"===getComputedStyle(this.host).direction?o||e:r||e,a=s.indexOf(this.host);let l=n?a+1:a-1;for(;l!==a;){l>=s.length?l=0:l<0&&(l=s.length-1);const t=s[l];if(!t.hasAttribute("disabled")){for(const e of s)e!==t&&(e.checked=!1,e.tabIndex=-1,e.blur());t.checked=!0,t.tabIndex=0,t.focus(),t.dispatchEvent(new Event("change",{bubbles:!0}));break}n?l++:l--}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const t of this.controls)t!==this.host&&(t.checked=!1)}updateTabIndices(){const t=this.controls,e=t.find((t=>t.checked));if(e||this.focused){const i=e||this.host;i.tabIndex=0;for(const e of t)e!==i&&(e.tabIndex=-1)}else for(const e of t)e.tabIndex=0}}
|
|
1580
1580
|
/**
|
|
1581
1581
|
* @license
|
|
1582
1582
|
* Copyright 2018 Google LLC
|
|
1583
1583
|
* SPDX-License-Identifier: Apache-2.0
|
|
1584
|
-
*/var
|
|
1584
|
+
*/var Pt;const Lt=Symbol("checked");let Mt=0;const Ft=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[$t](),this[vt].validity}get validationMessage(){return this[$t](),this[vt].validationMessage}get willValidate(){return this[$t](),this[vt].willValidate}checkValidity(){return this[$t](),this[vt].checkValidity()}reportValidity(){return this[$t](),this[vt].reportValidity()}setCustomValidity(t){this[kt]=t,this[$t]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[$t]()}firstUpdated(t){super.firstUpdated(t),this[$t]()}[(e=kt,$t)](){if(r)return;this[wt]||(this[wt]=this[ft]());const{validity:t,validationMessage:e}=this[wt].getValidity(),i=!!this[kt],o=this[kt]||e;this[vt].setValidity({...t,customError:i},o,this[xt]()??void 0)}[ft](){throw new Error("Implement [createValidator]")}[xt](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[vt].form}get labels(){return this[vt].labels}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",t)}attributeChangedCallback(t,e,i){if("name"!==t&&"disabled"!==t)super.attributeChangedCallback(t,e,i);else{const i="disabled"===t?null!==e:e;this.requestUpdate(t,i)}}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[vt].setFormValue(this[Ot](),this[Tt]())}[Ot](){throw new Error("Implement [getFormValue]")}[Tt](){return this[Ot]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,n([z({noAccessor:!0})],e.prototype,"name",null),n([z({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((Rt=function(t){var e,i,o;class r extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[St](){return this[Ct]}set[St](t){this[St]!==t&&(this[Ct]=t,this[_t]())}connectedCallback(){super.connectedCallback(),this[_t]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[At])return this.hasAttribute("tabindex")?void(this[Et]=this.tabIndex):(this[Et]=null,void this[_t]())}else super.attributeChangedCallback(t,e,i)}[(e=Ct,i=Et,o=At,_t)](){const t=this[St]?0:-1,e=this[Et]??t;this[At]=!0,this.tabIndex=e,this[At]=!1}}return n([z({noAccessor:!0})],r.prototype,"tabIndex",void 0),r}(e),class extends Rt{get[vt](){return this[mt]||(this[mt]=this.attachInternals()),this[mt]}})));var Rt;class Bt extends Ft{get checked(){return this[Lt]}set checked(t){const e=this.checked;e!==t&&(this[Lt]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Mt,this[Pt]=!1,this.required=!1,this.value="on",this.selectionController=new It(this),this.addController(this.selectionController),r||(this[vt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return i`
|
|
1585
1585
|
<div class="container ${s(t)}" aria-hidden="true">
|
|
1586
1586
|
<md-ripple
|
|
1587
1587
|
part="ripple"
|
|
@@ -1604,19 +1604,19 @@ class Nt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1604
1604
|
|
|
1605
1605
|
<div class="touch-target"></div>
|
|
1606
1606
|
</div>
|
|
1607
|
-
`}updated(){this[
|
|
1607
|
+
`}updated(){this[vt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(gt(t)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(t){await 0," "!==t.key||t.defaultPrevented||this.click()}[(Pt=Lt,Ot)](){return this.checked?this.value:null}[Tt](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[ft](){return new zt((()=>this.selectionController?this.selectionController.controls:[this]))}[xt](){return this.container}}n([z({type:Boolean})],Bt.prototype,"checked",null),n([z({type:Boolean})],Bt.prototype,"required",void 0),n([z()],Bt.prototype,"value",void 0),n([P(".container")],Bt.prototype,"container",void 0);
|
|
1608
1608
|
/**
|
|
1609
1609
|
* @license
|
|
1610
1610
|
* Copyright 2024 Google LLC
|
|
1611
1611
|
* SPDX-License-Identifier: Apache-2.0
|
|
1612
1612
|
*/
|
|
1613
|
-
const
|
|
1613
|
+
const Nt=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
|
|
1614
1614
|
`
|
|
1615
1615
|
/**
|
|
1616
1616
|
* @license
|
|
1617
1617
|
* Copyright 2022 Google LLC
|
|
1618
1618
|
* SPDX-License-Identifier: Apache-2.0
|
|
1619
|
-
*/;let Ut=class extends
|
|
1619
|
+
*/;let Ut=class extends Bt{};Ut.styles=[Nt],Ut=n([l("md-radio")],Ut);let Dt=class extends e{constructor(){super(...arguments),this.name="radio-group",this.checked=!1,this.disabled=!1,this.error=!1}static{this.styles=t`
|
|
1620
1620
|
:host {
|
|
1621
1621
|
font-family: "Graphik", sans-serif;
|
|
1622
1622
|
}
|
|
@@ -1675,31 +1675,30 @@ const Ft=t`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1675
1675
|
></md-radio>
|
|
1676
1676
|
<span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
|
|
1677
1677
|
</label>
|
|
1678
|
-
`}};n([
|
|
1678
|
+
`}};n([z({type:String}),a("design:type",Object)],Dt.prototype,"name",void 0),n([z({type:Boolean}),a("design:type",Object)],Dt.prototype,"checked",void 0),n([z({type:Boolean}),a("design:type",Object)],Dt.prototype,"disabled",void 0),n([z({type:Boolean}),a("design:type",Object)],Dt.prototype,"error",void 0),Dt=n([l("custom-radio")],Dt);
|
|
1679
1679
|
/**
|
|
1680
1680
|
* @license
|
|
1681
1681
|
* Copyright 2017 Google LLC
|
|
1682
1682
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1683
1683
|
*/
|
|
1684
|
-
const
|
|
1684
|
+
const Vt=2;let qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
1685
1685
|
/**
|
|
1686
1686
|
* @license
|
|
1687
1687
|
* Copyright 2017 Google LLC
|
|
1688
1688
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1689
|
-
*/const
|
|
1689
|
+
*/const Ht=globalThis,Gt=Ht.trustedTypes,Wt=Gt?Gt.createPolicy("lit-html",{createHTML:t=>t}):void 0,Kt="$lit$",Yt=`lit$${Math.random().toFixed(9).slice(2)}$`,Xt="?"+Yt,Jt=`<${Xt}>`,Zt=document,Qt=()=>Zt.createComment(""),te=t=>null===t||"object"!=typeof t&&"function"!=typeof t,ee=Array.isArray,ie="[ \t\n\f\r]",oe=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,re=/-->/g,se=/>/g,ne=RegExp(`>|${ie}(?:([^\\s"'>=/]+)(${ie}*=${ie}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ae=/'/g,le=/"/g,de=/^(?:script|style|textarea|title)$/i,ce=Symbol.for("lit-noChange"),pe=Symbol.for("lit-nothing"),he=new WeakMap,ue=Zt.createTreeWalker(Zt,129);function be(t,e){if(!ee(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Wt?Wt.createHTML(e):e}const ge=(t,e)=>{const i=t.length-1,o=[];let r,s=2===e?"<svg>":3===e?"<math>":"",n=oe;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===oe?"!--"===l[1]?n=re:void 0!==l[1]?n=se:void 0!==l[2]?(de.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=ne):void 0!==l[3]&&(n=ne):n===ne?">"===l[0]?(n=r??oe,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?ne:'"'===l[3]?le:ae):n===le||n===ae?n=ne:n===re||n===se?n=oe:(n=ne,r=void 0);const p=n===ne&&t[e+1].startsWith("/>")?" ":"";s+=n===oe?i+Jt:d>=0?(o.push(a),i.slice(0,d)+Kt+i.slice(d)+Yt+p):i+Yt+(-2===d?e:p)}return[be(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class ye{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const n=t.length-1,a=this.parts,[l,d]=ge(t,e);if(this.el=ye.createElement(l,i),ue.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=ue.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(Kt)){const e=d[s++],i=o.getAttribute(t).split(Yt),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:n[2],strings:i,ctor:"."===n[1]?we:"?"===n[1]?$e:"@"===n[1]?ke:xe}),o.removeAttribute(t)}else t.startsWith(Yt)&&(a.push({type:6,index:r}),o.removeAttribute(t));if(de.test(o.tagName)){const t=o.textContent.split(Yt),e=t.length-1;if(e>0){o.textContent=Gt?Gt.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],Qt()),ue.nextNode(),a.push({type:2,index:++r});o.append(t[e],Qt())}}}else if(8===o.nodeType)if(o.data===Xt)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(Yt,t+1));)a.push({type:7,index:r}),t+=Yt.length-1}r++}}static createElement(t,e){const i=Zt.createElement("template");return i.innerHTML=t,i}}function ve(t,e,i=t,o){if(e===ce)return e;let r=void 0!==o?i._$Co?.[o]:i._$Cl;const s=te(e)?void 0:e._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),void 0===s?r=void 0:(r=new s(t),r._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=r:i._$Cl=r),void 0!==r&&(e=ve(t,r._$AS(t,e.values),r,o)),e}class me{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??Zt).importNode(e,!0);ue.currentNode=o;let r=ue.nextNode(),s=0,n=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new fe(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new Se(r,this,t)),this._$AV.push(e),a=i[++n]}s!==a?.index&&(r=ue.nextNode(),s++)}return ue.currentNode=Zt,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class fe{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=pe,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ve(this,t,e),te(t)?t===pe||null==t||""===t?(this._$AH!==pe&&this._$AR(),this._$AH=pe):t!==this._$AH&&t!==ce&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>ee(t)||"function"==typeof t?.[Symbol.iterator])(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!==pe&&te(this._$AH)?this._$AA.nextSibling.data=t:this.T(Zt.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=ye.createElement(be(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new me(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=he.get(t.strings);return void 0===e&&he.set(t.strings,e=new ye(t)),e}k(t){ee(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new fe(this.O(Qt()),this.O(Qt()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class xe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=pe,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=pe}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(void 0===r)t=ve(this,t,e,0),s=!te(t)||t!==this._$AH&&t!==ce,s&&(this._$AH=t);else{const o=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=ve(this,o[i+n],e,n),a===ce&&(a=this._$AH[n]),s||=!te(a)||a!==this._$AH[n],a===pe?t=pe:t!==pe&&(t+=(a??"")+r[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===pe?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class we extends xe{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===pe?void 0:t}}class $e extends xe{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==pe)}}class ke extends xe{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=ve(this,t,e,0)??pe)===ce)return;const i=this._$AH,o=t===pe&&i!==pe||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==pe&&(i===pe||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Se{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){ve(this,t)}}const Ce=Ht.litHtmlPolyfillSupport;Ce?.(ye,fe),(Ht.litHtmlVersions??=[]).push("3.3.1");
|
|
1690
1690
|
/**
|
|
1691
1691
|
* @license
|
|
1692
1692
|
* Copyright 2017 Google LLC
|
|
1693
1693
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1694
1694
|
*/
|
|
1695
|
-
class
|
|
1695
|
+
class Ee extends qt{constructor(t){if(super(t),this.it=pe,t.type!==Vt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===pe||null==t)return this._t=void 0,this.it=t;if(t===ce)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ee.directiveName="unsafeHTML",Ee.resultType=1;
|
|
1696
1696
|
/**
|
|
1697
1697
|
* @license
|
|
1698
1698
|
* Copyright 2017 Google LLC
|
|
1699
1699
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1700
1700
|
*/
|
|
1701
|
-
class
|
|
1702
|
-
/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */let{freeze:Re,seal:Me,create:ze}=Object,{apply:Pe,construct:De}="undefined"!=typeof Reflect&&Reflect;Re||(Re=function(t){return t}),Me||(Me=function(t){return t}),Pe||(Pe=function(t,e,i){return t.apply(e,i)}),De||(De=function(t,e){return new t(...e)});const je=ti(Array.prototype.forEach),Fe=ti(Array.prototype.lastIndexOf),Ue=ti(Array.prototype.pop),Be=ti(Array.prototype.push),He=ti(Array.prototype.splice),qe=ti(String.prototype.toLowerCase),Ve=ti(String.prototype.toString),Ge=ti(String.prototype.match),We=ti(String.prototype.replace),Ye=ti(String.prototype.indexOf),Ke=ti(String.prototype.trim),Xe=ti(Object.prototype.hasOwnProperty),Ze=ti(RegExp.prototype.test),Je=(Qe=TypeError,function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return De(Qe,e)});var Qe;function ti(t){return function(e){e instanceof RegExp&&(e.lastIndex=0);for(var i=arguments.length,o=new Array(i>1?i-1:0),r=1;r<i;r++)o[r-1]=arguments[r];return Pe(t,e,o)}}function ei(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:qe;Oe&&Oe(t,null);let o=e.length;for(;o--;){let r=e[o];if("string"==typeof r){const t=i(r);t!==r&&(Ne(e)||(e[o]=t),r=t)}t[r]=!0}return t}function ii(t){for(let e=0;e<t.length;e++){Xe(t,e)||(t[e]=null)}return t}function oi(t){const e=ze(null);for(const[i,o]of Te(t)){Xe(t,i)&&(Array.isArray(o)?e[i]=ii(o):o&&"object"==typeof o&&o.constructor===Object?e[i]=oi(o):e[i]=o)}return e}function ri(t,e){for(;null!==t;){const i=Le(t,e);if(i){if(i.get)return ti(i.get);if("function"==typeof i.value)return ti(i.value)}t=Ie(t)}return function(){return null}}const si=Re(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),ni=Re(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),ai=Re(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),li=Re(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),di=Re(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),ci=Re(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),pi=Re(["#text"]),hi=Re(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),ui=Re(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),mi=Re(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),gi=Re(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),bi=Me(/\{\{[\w\W]*|[\w\W]*\}\}/gm),fi=Me(/<%[\w\W]*|[\w\W]*%>/gm),yi=Me(/\$\{[\w\W]*/gm),vi=Me(/^data-[\-\w.\u00B7-\uFFFF]+$/),xi=Me(/^aria-[\-\w]+$/),wi=Me(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),ki=Me(/^(?:\w+script|data):/i),$i=Me(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Si=Me(/^html$/i),Ei=Me(/^[a-z][.\w]*(-[.\w]+)+$/i);var Ai=Object.freeze({__proto__:null,ARIA_ATTR:xi,ATTR_WHITESPACE:$i,CUSTOM_ELEMENT:Ei,DATA_ATTR:vi,DOCTYPE_NAME:Si,ERB_EXPR:fi,IS_ALLOWED_URI:wi,IS_SCRIPT_OR_DATA:ki,MUSTACHE_EXPR:bi,TMPLIT_EXPR:yi});const Ci=1,_i=3,Ti=7,Oi=8,Ni=9,Ii=function(){return"undefined"==typeof window?null:window};var Li=function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ii();const i=e=>t(e);if(i.version="3.2.6",i.removed=[],!e||!e.document||e.document.nodeType!==Ni||!e.Element)return i.isSupported=!1,i;let{document:o}=e;const r=o,s=r.currentScript,{DocumentFragment:n,HTMLTemplateElement:a,Node:l,Element:d,NodeFilter:c,NamedNodeMap:p=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:h,DOMParser:u,trustedTypes:m}=e,g=d.prototype,b=ri(g,"cloneNode"),f=ri(g,"remove"),y=ri(g,"nextSibling"),v=ri(g,"childNodes"),x=ri(g,"parentNode");if("function"==typeof a){const t=o.createElement("template");t.content&&t.content.ownerDocument&&(o=t.content.ownerDocument)}let w,k="";const{implementation:$,createNodeIterator:S,createDocumentFragment:E,getElementsByTagName:A}=o,{importNode:C}=r;let _={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};i.isSupported="function"==typeof Te&&"function"==typeof x&&$&&void 0!==$.createHTMLDocument;const{MUSTACHE_EXPR:T,ERB_EXPR:O,TMPLIT_EXPR:N,DATA_ATTR:I,ARIA_ATTR:L,IS_SCRIPT_OR_DATA:R,ATTR_WHITESPACE:M,CUSTOM_ELEMENT:z}=Ai;let{IS_ALLOWED_URI:P}=Ai,D=null;const j=ei({},[...si,...ni,...ai,...di,...pi]);let F=null;const U=ei({},[...hi,...ui,...mi,...gi]);let B=Object.seal(ze(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),H=null,q=null,V=!0,G=!0,W=!1,Y=!0,K=!1,X=!0,Z=!1,J=!1,Q=!1,tt=!1,et=!1,it=!1,ot=!0,rt=!1,st=!0,nt=!1,at={},lt=null;const dt=ei({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let ct=null;const pt=ei({},["audio","video","img","source","image","track"]);let ht=null;const ut=ei({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),mt="http://www.w3.org/1998/Math/MathML",gt="http://www.w3.org/2000/svg",bt="http://www.w3.org/1999/xhtml";let ft=bt,yt=!1,vt=null;const xt=ei({},[mt,gt,bt],Ve);let wt=ei({},["mi","mo","mn","ms","mtext"]),kt=ei({},["annotation-xml"]);const $t=ei({},["title","style","font","a","script"]);let St=null;const Et=["application/xhtml+xml","text/html"];let At=null,Ct=null;const _t=o.createElement("form"),Tt=function(t){return t instanceof RegExp||t instanceof Function},Ot=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Ct||Ct!==t){if(t&&"object"==typeof t||(t={}),t=oi(t),St=-1===Et.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,At="application/xhtml+xml"===St?Ve:qe,D=Xe(t,"ALLOWED_TAGS")?ei({},t.ALLOWED_TAGS,At):j,F=Xe(t,"ALLOWED_ATTR")?ei({},t.ALLOWED_ATTR,At):U,vt=Xe(t,"ALLOWED_NAMESPACES")?ei({},t.ALLOWED_NAMESPACES,Ve):xt,ht=Xe(t,"ADD_URI_SAFE_ATTR")?ei(oi(ut),t.ADD_URI_SAFE_ATTR,At):ut,ct=Xe(t,"ADD_DATA_URI_TAGS")?ei(oi(pt),t.ADD_DATA_URI_TAGS,At):pt,lt=Xe(t,"FORBID_CONTENTS")?ei({},t.FORBID_CONTENTS,At):dt,H=Xe(t,"FORBID_TAGS")?ei({},t.FORBID_TAGS,At):oi({}),q=Xe(t,"FORBID_ATTR")?ei({},t.FORBID_ATTR,At):oi({}),at=!!Xe(t,"USE_PROFILES")&&t.USE_PROFILES,V=!1!==t.ALLOW_ARIA_ATTR,G=!1!==t.ALLOW_DATA_ATTR,W=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Y=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,K=t.SAFE_FOR_TEMPLATES||!1,X=!1!==t.SAFE_FOR_XML,Z=t.WHOLE_DOCUMENT||!1,tt=t.RETURN_DOM||!1,et=t.RETURN_DOM_FRAGMENT||!1,it=t.RETURN_TRUSTED_TYPE||!1,Q=t.FORCE_BODY||!1,ot=!1!==t.SANITIZE_DOM,rt=t.SANITIZE_NAMED_PROPS||!1,st=!1!==t.KEEP_CONTENT,nt=t.IN_PLACE||!1,P=t.ALLOWED_URI_REGEXP||wi,ft=t.NAMESPACE||bt,wt=t.MATHML_TEXT_INTEGRATION_POINTS||wt,kt=t.HTML_INTEGRATION_POINTS||kt,B=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&Tt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(B.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&Tt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(B.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(B.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),K&&(G=!1),et&&(tt=!0),at&&(D=ei({},pi),F=[],!0===at.html&&(ei(D,si),ei(F,hi)),!0===at.svg&&(ei(D,ni),ei(F,ui),ei(F,gi)),!0===at.svgFilters&&(ei(D,ai),ei(F,ui),ei(F,gi)),!0===at.mathMl&&(ei(D,di),ei(F,mi),ei(F,gi))),t.ADD_TAGS&&(D===j&&(D=oi(D)),ei(D,t.ADD_TAGS,At)),t.ADD_ATTR&&(F===U&&(F=oi(F)),ei(F,t.ADD_ATTR,At)),t.ADD_URI_SAFE_ATTR&&ei(ht,t.ADD_URI_SAFE_ATTR,At),t.FORBID_CONTENTS&&(lt===dt&&(lt=oi(lt)),ei(lt,t.FORBID_CONTENTS,At)),st&&(D["#text"]=!0),Z&&ei(D,["html","head","body"]),D.table&&(ei(D,["tbody"]),delete H.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw Je('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=t.TRUSTED_TYPES_POLICY,k=w.createHTML("")}else void 0===w&&(w=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let i=null;const o="data-tt-policy-suffix";e&&e.hasAttribute(o)&&(i=e.getAttribute(o));const r="dompurify"+(i?"#"+i:"");try{return t.createPolicy(r,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(m,s)),null!==w&&"string"==typeof k&&(k=w.createHTML(""));Re&&Re(t),Ct=t}},Nt=ei({},[...ni,...ai,...li]),It=ei({},[...di,...ci]),Lt=function(t){Be(i.removed,{element:t});try{x(t).removeChild(t)}catch(e){f(t)}},Rt=function(t,e){try{Be(i.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){Be(i.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t)if(tt||et)try{Lt(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},Mt=function(t){let e=null,i=null;if(Q)t="<remove></remove>"+t;else{const e=Ge(t,/^[\r\n\t ]+/);i=e&&e[0]}"application/xhtml+xml"===St&&ft===bt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const r=w?w.createHTML(t):t;if(ft===bt)try{e=(new u).parseFromString(r,St)}catch(t){}if(!e||!e.documentElement){e=$.createDocument(ft,"template",null);try{e.documentElement.innerHTML=yt?k:r}catch(t){}}const s=e.body||e.documentElement;return t&&i&&s.insertBefore(o.createTextNode(i),s.childNodes[0]||null),ft===bt?A.call(e,Z?"html":"body")[0]:Z?e.documentElement:s},zt=function(t){return S.call(t.ownerDocument||t,t,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)},Pt=function(t){return t instanceof h&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof p)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},Dt=function(t){return"function"==typeof l&&t instanceof l};function jt(t,e,o){je(t,(t=>{t.call(i,e,o,Ct)}))}const Ft=function(t){let e=null;if(jt(_.beforeSanitizeElements,t,null),Pt(t))return Lt(t),!0;const o=At(t.nodeName);if(jt(_.uponSanitizeElement,t,{tagName:o,allowedTags:D}),X&&t.hasChildNodes()&&!Dt(t.firstElementChild)&&Ze(/<[/\w!]/g,t.innerHTML)&&Ze(/<[/\w!]/g,t.textContent))return Lt(t),!0;if(t.nodeType===Ti)return Lt(t),!0;if(X&&t.nodeType===Oi&&Ze(/<[/\w]/g,t.data))return Lt(t),!0;if(!D[o]||H[o]){if(!H[o]&&Bt(o)){if(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,o))return!1;if(B.tagNameCheck instanceof Function&&B.tagNameCheck(o))return!1}if(st&&!lt[o]){const e=x(t)||t.parentNode,i=v(t)||t.childNodes;if(i&&e){for(let o=i.length-1;o>=0;--o){const r=b(i[o],!0);r.__removalCount=(t.__removalCount||0)+1,e.insertBefore(r,y(t))}}}return Lt(t),!0}return t instanceof d&&!function(t){let e=x(t);e&&e.tagName||(e={namespaceURI:ft,tagName:"template"});const i=qe(t.tagName),o=qe(e.tagName);return!!vt[t.namespaceURI]&&(t.namespaceURI===gt?e.namespaceURI===bt?"svg"===i:e.namespaceURI===mt?"svg"===i&&("annotation-xml"===o||wt[o]):Boolean(Nt[i]):t.namespaceURI===mt?e.namespaceURI===bt?"math"===i:e.namespaceURI===gt?"math"===i&&kt[o]:Boolean(It[i]):t.namespaceURI===bt?!(e.namespaceURI===gt&&!kt[o])&&!(e.namespaceURI===mt&&!wt[o])&&!It[i]&&($t[i]||!Nt[i]):!("application/xhtml+xml"!==St||!vt[t.namespaceURI]))}(t)?(Lt(t),!0):"noscript"!==o&&"noembed"!==o&&"noframes"!==o||!Ze(/<\/no(script|embed|frames)/i,t.innerHTML)?(K&&t.nodeType===_i&&(e=t.textContent,je([T,O,N],(t=>{e=We(e,t," ")})),t.textContent!==e&&(Be(i.removed,{element:t.cloneNode()}),t.textContent=e)),jt(_.afterSanitizeElements,t,null),!1):(Lt(t),!0)},Ut=function(t,e,i){if(ot&&("id"===e||"name"===e)&&(i in o||i in _t))return!1;if(G&&!q[e]&&Ze(I,e));else if(V&&Ze(L,e));else if(!F[e]||q[e]){if(!(Bt(t)&&(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,t)||B.tagNameCheck instanceof Function&&B.tagNameCheck(t))&&(B.attributeNameCheck instanceof RegExp&&Ze(B.attributeNameCheck,e)||B.attributeNameCheck instanceof Function&&B.attributeNameCheck(e))||"is"===e&&B.allowCustomizedBuiltInElements&&(B.tagNameCheck instanceof RegExp&&Ze(B.tagNameCheck,i)||B.tagNameCheck instanceof Function&&B.tagNameCheck(i))))return!1}else if(ht[e]);else if(Ze(P,We(i,M,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==Ye(i,"data:")||!ct[t]){if(W&&!Ze(R,We(i,M,"")));else if(i)return!1}else;return!0},Bt=function(t){return"annotation-xml"!==t&&Ge(t,z)},Ht=function(t){jt(_.beforeSanitizeAttributes,t,null);const{attributes:e}=t;if(!e||Pt(t))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:F,forceKeepAttr:void 0};let r=e.length;for(;r--;){const s=e[r],{name:n,namespaceURI:a,value:l}=s,d=At(n),c=l;let p="value"===n?c:Ke(c);if(o.attrName=d,o.attrValue=p,o.keepAttr=!0,o.forceKeepAttr=void 0,jt(_.uponSanitizeAttribute,t,o),p=o.attrValue,!rt||"id"!==d&&"name"!==d||(Rt(n,t),p="user-content-"+p),X&&Ze(/((--!?|])>)|<\/(style|title)/i,p)){Rt(n,t);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){Rt(n,t);continue}if(!Y&&Ze(/\/>/i,p)){Rt(n,t);continue}K&&je([T,O,N],(t=>{p=We(p,t," ")}));const h=At(t.nodeName);if(Ut(h,d,p)){if(w&&"object"==typeof m&&"function"==typeof m.getAttributeType)if(a);else switch(m.getAttributeType(h,d)){case"TrustedHTML":p=w.createHTML(p);break;case"TrustedScriptURL":p=w.createScriptURL(p)}if(p!==c)try{a?t.setAttributeNS(a,n,p):t.setAttribute(n,p),Pt(t)?Lt(t):Ue(i.removed)}catch(e){Rt(n,t)}}else Rt(n,t)}jt(_.afterSanitizeAttributes,t,null)},qt=function t(e){let i=null;const o=zt(e);for(jt(_.beforeSanitizeShadowDOM,e,null);i=o.nextNode();)jt(_.uponSanitizeShadowNode,i,null),Ft(i),Ht(i),i.content instanceof n&&t(i.content);jt(_.afterSanitizeShadowDOM,e,null)};return i.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=null,s=null,a=null,d=null;if(yt=!t,yt&&(t="\x3c!--\x3e"),"string"!=typeof t&&!Dt(t)){if("function"!=typeof t.toString)throw Je("toString is not a function");if("string"!=typeof(t=t.toString()))throw Je("dirty is not a string, aborting")}if(!i.isSupported)return t;if(J||Ot(e),i.removed=[],"string"==typeof t&&(nt=!1),nt){if(t.nodeName){const e=At(t.nodeName);if(!D[e]||H[e])throw Je("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof l)o=Mt("\x3c!----\x3e"),s=o.ownerDocument.importNode(t,!0),s.nodeType===Ci&&"BODY"===s.nodeName||"HTML"===s.nodeName?o=s:o.appendChild(s);else{if(!tt&&!K&&!Z&&-1===t.indexOf("<"))return w&&it?w.createHTML(t):t;if(o=Mt(t),!o)return tt?null:it?k:""}o&&Q&&Lt(o.firstChild);const c=zt(nt?t:o);for(;a=c.nextNode();)Ft(a),Ht(a),a.content instanceof n&&qt(a.content);if(nt)return t;if(tt){if(et)for(d=E.call(o.ownerDocument);o.firstChild;)d.appendChild(o.firstChild);else d=o;return(F.shadowroot||F.shadowrootmode)&&(d=C.call(r,d,!0)),d}let p=Z?o.outerHTML:o.innerHTML;return Z&&D["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&Ze(Si,o.ownerDocument.doctype.name)&&(p="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+p),K&&je([T,O,N],(t=>{p=We(p,t," ")})),w&&it?w.createHTML(p):p},i.setConfig=function(){Ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),J=!0},i.clearConfig=function(){Ct=null,J=!1},i.isValidAttribute=function(t,e,i){Ct||Ot({});const o=At(t),r=At(e);return Ut(o,r,i)},i.addHook=function(t,e){"function"==typeof e&&Be(_[t],e)},i.removeHook=function(t,e){if(void 0!==e){const i=Fe(_[t],e);return-1===i?void 0:He(_[t],i,1)[0]}return Ue(_[t])},i.removeHooks=function(t){_[t]=[]},i.removeAllHooks=function(){_={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},i}();let Ri=class extends e{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.required=!1,this.optional=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=t`
|
|
1701
|
+
class Ae extends Ee{}Ae.directiveName="unsafeSVG",Ae.resultType=2;const _e=(t=>(...e)=>({_$litDirective$:t,values:e}))(Ae);let Oe=class extends e{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.required=!1,this.optional=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=t`
|
|
1703
1702
|
:host {
|
|
1704
1703
|
display: block;
|
|
1705
1704
|
font-family: 'Graphik', sans-serif;
|
|
@@ -1742,7 +1741,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1742
1741
|
}
|
|
1743
1742
|
|
|
1744
1743
|
.form-label {
|
|
1745
|
-
${
|
|
1744
|
+
${F}
|
|
1746
1745
|
display: flex;
|
|
1747
1746
|
align-items: baseline;
|
|
1748
1747
|
flex-direction: row;
|
|
@@ -1814,7 +1813,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1814
1813
|
}
|
|
1815
1814
|
|
|
1816
1815
|
.filter-input {
|
|
1817
|
-
${
|
|
1816
|
+
${R};
|
|
1818
1817
|
padding: 16px;
|
|
1819
1818
|
padding-right: 40px;
|
|
1820
1819
|
border: none;
|
|
@@ -1835,7 +1834,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1835
1834
|
}
|
|
1836
1835
|
|
|
1837
1836
|
.filter-input::placeholder {
|
|
1838
|
-
${
|
|
1837
|
+
${R};
|
|
1839
1838
|
color: var(--secondary-color-40);
|
|
1840
1839
|
}
|
|
1841
1840
|
|
|
@@ -1880,7 +1879,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1880
1879
|
}
|
|
1881
1880
|
|
|
1882
1881
|
.options-list li {
|
|
1883
|
-
${
|
|
1882
|
+
${R};
|
|
1884
1883
|
padding: 8px 16px 8px 16px;
|
|
1885
1884
|
cursor: pointer;
|
|
1886
1885
|
color: var(--secondary-color-80);
|
|
@@ -1951,7 +1950,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1951
1950
|
}
|
|
1952
1951
|
|
|
1953
1952
|
.filter-fake {
|
|
1954
|
-
${
|
|
1953
|
+
${R};
|
|
1955
1954
|
padding: 15px;
|
|
1956
1955
|
padding-right: 40px;
|
|
1957
1956
|
width: 100%;
|
|
@@ -1998,7 +1997,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
1998
1997
|
|
|
1999
1998
|
.optional {
|
|
2000
1999
|
color: var(--secondary-color-60);
|
|
2001
|
-
${
|
|
2000
|
+
${L}
|
|
2002
2001
|
}
|
|
2003
2002
|
|
|
2004
2003
|
/* Estilos por defecto del icon para mobile */
|
|
@@ -2047,7 +2046,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2047
2046
|
margin-right: 8px;
|
|
2048
2047
|
flex-shrink: 0;
|
|
2049
2048
|
}
|
|
2050
|
-
`}update(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")||t.has("value")){if(this._isCleared)return void super.update(t);const e=this.value||this.defaultValue,i=this.options.find((t=>"string"==typeof t?t===e:t.value===e));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(t)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this._isCleared=!1,this.value="string"==typeof t?t:t.value;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this._isCleared=!0,this.filterValue="",this.value="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(t){const{key:e}=t;if(!this.isOpen&&("Enter"===e||" "===e))return t.preventDefault(),void(this.isOpen=!0);if(this.isOpen)if("ArrowDown"===e)t.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1),this.requestUpdate();else if("ArrowUp"===e)t.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.requestUpdate();else if("Enter"===e){t.preventDefault();const e=this.filteredOptions[this.highlightedIndex];e&&this.handleSelect(e)}else"Escape"===e&&(t.preventDefault(),this.isOpen=!1)}renderSelectedIcon(){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));return t&&"string"!=typeof t&&t.icon&&"string"==typeof t.icon?i`<span class="icon-selected">${this.getSanitizeSvg(t.icon??"")}</span>`:o}getSanitizeSvg(t){
|
|
2049
|
+
`}update(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")||t.has("value")){if(this._isCleared)return void super.update(t);const e=this.value||this.defaultValue,i=this.options.find((t=>"string"==typeof t?t===e:t.value===e));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(t)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength).toLowerCase():e.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(t){this._isCleared=!1,this.value="string"==typeof t?t:t.value;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this._isCleared=!0,this.filterValue="",this.value="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(t){const{key:e}=t;if(!this.isOpen&&("Enter"===e||" "===e))return t.preventDefault(),void(this.isOpen=!0);if(this.isOpen)if("ArrowDown"===e)t.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1),this.requestUpdate();else if("ArrowUp"===e)t.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.requestUpdate();else if("Enter"===e){t.preventDefault();const e=this.filteredOptions[this.highlightedIndex];e&&this.handleSelect(e)}else"Escape"===e&&(t.preventDefault(),this.isOpen=!1)}renderSelectedIcon(){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));return t&&"string"!=typeof t&&t.icon&&"string"==typeof t.icon?i`<span class="icon-selected">${this.getSanitizeSvg(t.icon??"")}</span>`:o}getSanitizeSvg(t){return _e(t)}render(){const t=this.isMobile;return i`
|
|
2051
2050
|
<div class="select-container" style="${this.labelColor?` --label-color: ${this.labelColor}`:""}">
|
|
2052
2051
|
${this.label?i`
|
|
2053
2052
|
<div class="label-container">
|
|
@@ -2145,7 +2144,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2145
2144
|
`:""}
|
|
2146
2145
|
</div>
|
|
2147
2146
|
</div>
|
|
2148
|
-
`}};n([
|
|
2147
|
+
`}};n([z({type:Array}),a("design:type",Array)],Oe.prototype,"options",void 0),n([z({type:String}),a("design:type",Object)],Oe.prototype,"placeholder",void 0),n([z({type:String,attribute:"default-value"}),a("design:type",Object)],Oe.prototype,"defaultValue",void 0),n([z({type:Boolean}),a("design:type",Object)],Oe.prototype,"disabled",void 0),n([z({type:Object}),a("design:type",Object)],Oe.prototype,"value",void 0),n([z({type:String}),a("design:type",Object)],Oe.prototype,"label",void 0),n([z({type:String}),a("design:type",Object)],Oe.prototype,"labelColor",void 0),n([z({type:Boolean}),a("design:type",Object)],Oe.prototype,"filterable",void 0),n([z({type:Number}),a("design:type",Number)],Oe.prototype,"maxLength",void 0),n([z({type:Boolean,reflect:!0}),a("design:type",Boolean)],Oe.prototype,"error",void 0),n([z({type:Boolean}),a("design:type",Object)],Oe.prototype,"required",void 0),n([z({type:Boolean}),a("design:type",Object)],Oe.prototype,"optional",void 0),n([I(),a("design:type",Boolean)],Oe.prototype,"isMobile",void 0),n([I(),a("design:type",Array)],Oe.prototype,"filteredOptions",void 0),n([I(),a("design:type",Object)],Oe.prototype,"filterValue",void 0),n([I(),a("design:type",Object)],Oe.prototype,"isOpen",void 0),n([I(),a("design:type",Object)],Oe.prototype,"mobileFilterValue",void 0),n([I(),a("design:type",Object)],Oe.prototype,"highlightedIndex",void 0),n([I(),a("design:type",Boolean)],Oe.prototype,"_isCleared",void 0),Oe=n([l("filterable-select")],Oe);const Te=new CSSStyleSheet;Te.replaceSync("\n @font-face {\n font-family: 'Graphik';\n src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n font-weight: normal;\n font-style: normal;\n }\n\n .body-s {\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n letter-spacing: 0%;\n color: green;\n }\n");class je extends e{static{this.styles=[Te,t`
|
|
2149
2148
|
:host {
|
|
2150
2149
|
display: flex;
|
|
2151
2150
|
position: fixed;
|
|
@@ -2215,7 +2214,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2215
2214
|
}
|
|
2216
2215
|
|
|
2217
2216
|
.container {
|
|
2218
|
-
${
|
|
2217
|
+
${M};
|
|
2219
2218
|
display: flex;
|
|
2220
2219
|
align-items: center;
|
|
2221
2220
|
box-sizing: border-box;
|
|
@@ -2281,7 +2280,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2281
2280
|
<randstad-icon name=${this.icon} size="24px" color="white"></randstad-icon>
|
|
2282
2281
|
<span class="message">${this.message}</span>
|
|
2283
2282
|
</div>
|
|
2284
|
-
`}}customElements.define("randstad-snackbar",
|
|
2283
|
+
`}}customElements.define("randstad-snackbar",je);let ze=class extends e{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=t`
|
|
2285
2284
|
.stepper {
|
|
2286
2285
|
display: flex;
|
|
2287
2286
|
gap: 20px;
|
|
@@ -2381,7 +2380,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2381
2380
|
</div>
|
|
2382
2381
|
`))}
|
|
2383
2382
|
</div>
|
|
2384
|
-
`}};n([
|
|
2383
|
+
`}};n([z({type:Number}),a("design:type",Object)],ze.prototype,"totalSteps",void 0),n([z({type:Number}),a("design:type",Object)],ze.prototype,"currentStep",void 0),ze=n([l("custom-stepper")],ze);let Ie=class extends e{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected="",this.showPrev=!1,this.showNext=!1,this.SCROLL_OFFSET=56,this.handleScroll=()=>{const t=this.renderRoot.querySelector(".tab-wrapper");if(!t)return;const{scrollLeft:e,scrollWidth:i,clientWidth:o}=t;this.showPrev=e>0,this.showNext=e+o<i-1}}static{this.styles=t`
|
|
2385
2384
|
:host {
|
|
2386
2385
|
display: block;
|
|
2387
2386
|
border-bottom: 1px solid #E7E8EC;
|
|
@@ -2394,7 +2393,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2394
2393
|
}
|
|
2395
2394
|
|
|
2396
2395
|
.tab {
|
|
2397
|
-
${
|
|
2396
|
+
${B};
|
|
2398
2397
|
display: flex;
|
|
2399
2398
|
gap: 8px;
|
|
2400
2399
|
flex-direction: row;
|
|
@@ -2492,7 +2491,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2492
2491
|
|
|
2493
2492
|
@media (max-width: 940px) {
|
|
2494
2493
|
.tab {
|
|
2495
|
-
${
|
|
2494
|
+
${F};
|
|
2496
2495
|
padding: 16px;
|
|
2497
2496
|
}
|
|
2498
2497
|
}
|
|
@@ -2520,7 +2519,7 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2520
2519
|
</button>
|
|
2521
2520
|
`:null}
|
|
2522
2521
|
</div>
|
|
2523
|
-
`}};n([
|
|
2522
|
+
`}};n([z({type:Array}),a("design:type",Array)],Ie.prototype,"tabs",void 0),n([z({type:String}),a("design:type",String)],Ie.prototype,"selected",void 0),n([I(),a("design:type",String)],Ie.prototype,"internalSelected",void 0),n([I(),a("design:type",Object)],Ie.prototype,"showPrev",void 0),n([I(),a("design:type",Object)],Ie.prototype,"showNext",void 0),Ie=n([l("tabs-bar")],Ie);let Pe=class extends e{constructor(){super(...arguments),this.files=[],this.loading=!1,this.progress=0,this.isDragging=!1,this.disabled=!1}static{this.styles=t`
|
|
2524
2523
|
|
|
2525
2524
|
:host {
|
|
2526
2525
|
font-family: 'Graphik', sans-serif;
|
|
@@ -2555,28 +2554,28 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2555
2554
|
}
|
|
2556
2555
|
|
|
2557
2556
|
.text-main {
|
|
2558
|
-
${
|
|
2557
|
+
${M};
|
|
2559
2558
|
text-align: center;
|
|
2560
2559
|
vertical-align: middle;
|
|
2561
2560
|
color: var(--secondary-color-80);
|
|
2562
2561
|
}
|
|
2563
2562
|
|
|
2564
2563
|
.text-secondary {
|
|
2565
|
-
${
|
|
2564
|
+
${L};
|
|
2566
2565
|
text-align: center;
|
|
2567
2566
|
vertical-align: middle;
|
|
2568
2567
|
color: var(--secondary-color-60);
|
|
2569
2568
|
}
|
|
2570
2569
|
|
|
2571
2570
|
.text-tertiary {
|
|
2572
|
-
${
|
|
2571
|
+
${L};
|
|
2573
2572
|
text-align: center;
|
|
2574
2573
|
vertical-align: middle;
|
|
2575
2574
|
color: var(--secondary-color-40);
|
|
2576
2575
|
}
|
|
2577
2576
|
|
|
2578
2577
|
.button {
|
|
2579
|
-
${
|
|
2578
|
+
${L};
|
|
2580
2579
|
background-color: var(--primary-color);
|
|
2581
2580
|
border: none;
|
|
2582
2581
|
padding: 4px 16px;
|
|
@@ -2644,5 +2643,5 @@ class Ce extends Ae{}Ce.directiveName="unsafeSVG",Ce.resultType=2;const _e=(t=>(
|
|
|
2644
2643
|
</label>
|
|
2645
2644
|
`}
|
|
2646
2645
|
</div>
|
|
2647
|
-
`}};n([
|
|
2646
|
+
`}};n([z({type:Array}),a("design:type",Array)],Pe.prototype,"files",void 0),n([I(),a("design:type",Object)],Pe.prototype,"loading",void 0),n([I(),a("design:type",Object)],Pe.prototype,"progress",void 0),n([I(),a("design:type",Object)],Pe.prototype,"isDragging",void 0),n([z({type:Boolean,reflect:!0}),a("design:type",Object)],Pe.prototype,"disabled",void 0),Pe=n([l("upload-image")],Pe);export{V as AccordionList,D as AccordionPanel,H as CarouselCard,G as Checkbox,J as CustomModal,Z as CustomPopup,Dt as CustomRadio,ze as CustomStepper,Oe as FilterableSelect,K as FormGroup,Y as IconComponent,Q as ProgressCircle,q as RandstadButton,W as RandstadForm,X as RandstadNotice,Ie as TabsBar,Pe as UploadImage};
|
|
2648
2647
|
//# sourceMappingURL=index.js.map
|