@randstad-uca/design-system 1.0.55 → 1.0.57
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
CHANGED
|
@@ -4,12 +4,12 @@ import{LitElement as t,html as e,nothing as i,css as o,isServer as r}from"lit";i
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
const d=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,c=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,
|
|
7
|
+
const d=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)},l=globalThis,c=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,p=Symbol(),h=new WeakMap;
|
|
8
8
|
/**
|
|
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!==
|
|
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=(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=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},m=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:f,getOwnPropertyNames:v,getOwnPropertySymbols:x,getPrototypeOf:w}=Object,k=globalThis,$=k.trustedTypes,S=$?$.emptyScript:"",C=k.reactiveElementPolyfillSupport,E=(t,e)=>t,D={toAttribute(t,e){switch(e){case Boolean:t=t?S: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}},O=(t,e)=>!g(t,e),M={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:O};
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
@@ -20,12 +20,12 @@ const d=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)}
|
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
const P={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:O},j=(t=P,e,i)=>{const{kind:o,metadata:r}=i;let n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),n.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
|
|
23
|
+
const P={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:O},j=(t=P,e,i)=>{const{kind:o,metadata:r}=i;let n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),n.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 A(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 T(t){return A({...t,state:!0,attribute:!1})}
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
@@ -36,7 +36,7 @@ const P={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:O},j=(t=P,e,
|
|
|
36
36
|
* Copyright 2017 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
38
|
*/
|
|
39
|
-
function
|
|
39
|
+
function z(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)}})}let L=class extends t{constructor(){super(...arguments),this.label="",this.placeholder="",this.labelColor="",this.value="",this.required=!1,this.optional=!1,this.disabled=!1,this.error=!1,this.errorMessage=null,this.helper=null,this.helperAlign="left"}renderLabelContainer(){return e`
|
|
40
40
|
${this.label?e`
|
|
41
41
|
<div class="label-container">
|
|
42
42
|
${this.renderLabel()}
|
|
@@ -79,7 +79,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
79
79
|
${this.helper}
|
|
80
80
|
</p>
|
|
81
81
|
`:i}
|
|
82
|
-
`}};a([
|
|
82
|
+
`}};a([A({type:String}),s("design:type",Object)],L.prototype,"label",void 0),a([A({type:String}),s("design:type",Object)],L.prototype,"placeholder",void 0),a([A({type:String}),s("design:type",Object)],L.prototype,"labelColor",void 0),a([A(),s("design:type",Object)],L.prototype,"value",void 0),a([A({type:Boolean}),s("design:type",Object)],L.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],L.prototype,"optional",void 0),a([A({type:Boolean}),s("design:type",Object)],L.prototype,"disabled",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],L.prototype,"error",void 0),a([A({type:String}),s("design:type",Object)],L.prototype,"errorMessage",void 0),a([A({type:String}),s("design:type",Object)],L.prototype,"helper",void 0),a([A({type:String}),s("design:type",String)],L.prototype,"helperAlign",void 0),a([A({type:String}),s("design:type",String)],L.prototype,"help",void 0),a([A({type:String}),s("design:type",String)],L.prototype,"helpLink",void 0),a([A({type:String}),s("design:type",String)],L.prototype,"helpLinkTooltipMessage",void 0),L=a([d("base-control")],L);const I=o`
|
|
83
83
|
font-family: 'Graphik', sans-serif;
|
|
84
84
|
font-weight: 400;
|
|
85
85
|
font-size: 12px;
|
|
@@ -91,19 +91,19 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
91
91
|
font-size: 14px;
|
|
92
92
|
line-height: 25px;
|
|
93
93
|
letter-spacing: 0%;
|
|
94
|
-
`,
|
|
94
|
+
`,B=o`
|
|
95
95
|
font-family: 'Graphik', sans-serif;
|
|
96
96
|
font-weight: 400;
|
|
97
97
|
font-size: 16px;
|
|
98
98
|
line-height: 25px;
|
|
99
99
|
letter-spacing: 0%;
|
|
100
|
-
`,
|
|
100
|
+
`,N=o`
|
|
101
101
|
font-family: 'Graphik', sans-serif;
|
|
102
102
|
font-weight: 400;
|
|
103
103
|
font-size: 18px;
|
|
104
104
|
line-height: 30px;
|
|
105
105
|
letter-spacing: 0%;
|
|
106
|
-
`,
|
|
106
|
+
`,R=o`
|
|
107
107
|
font-family: 'Graphik', sans-serif;
|
|
108
108
|
font-weight: 400;
|
|
109
109
|
font-size: 18px;
|
|
@@ -143,7 +143,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
.title {
|
|
146
|
-
${
|
|
146
|
+
${B}
|
|
147
147
|
color: var(--secondary-color);
|
|
148
148
|
}
|
|
149
149
|
|
|
@@ -202,7 +202,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
202
202
|
<div class="content ${this.isOpen?"open":""}">
|
|
203
203
|
<slot></slot>
|
|
204
204
|
</div>
|
|
205
|
-
`}};a([
|
|
205
|
+
`}};a([A({type:String}),s("design:type",Object)],W.prototype,"title",void 0),a([T(),s("design:type",Object)],W.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],W.prototype,"isDesktop",void 0),W=a([d("accordion-panel")],W);let Y=class extends t{static{this.styles=o`
|
|
206
206
|
:host {
|
|
207
207
|
display: flex;
|
|
208
208
|
flex-direction: column;
|
|
@@ -247,12 +247,12 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.button-lg {
|
|
250
|
-
${
|
|
250
|
+
${N}
|
|
251
251
|
min-height: 62px;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
.button-md {
|
|
255
|
-
${
|
|
255
|
+
${B}
|
|
256
256
|
min-height: 57px;
|
|
257
257
|
}
|
|
258
258
|
|
|
@@ -534,7 +534,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
534
534
|
</div>
|
|
535
535
|
`}
|
|
536
536
|
</button>
|
|
537
|
-
`}};a([
|
|
537
|
+
`}};a([A({type:String}),s("design:type",String)],U.prototype,"type",void 0),a([A({type:String}),s("design:type",String)],U.prototype,"variant",void 0),a([A({type:String}),s("design:type",String)],U.prototype,"size",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"label",void 0),a([A({type:Boolean}),s("design:type",Object)],U.prototype,"loader",void 0),a([A({type:String,attribute:"icon-src"}),s("design:type",String)],U.prototype,"iconSrc",void 0),a([A({type:String}),s("design:type",String)],U.prototype,"iconPosition",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"iconName",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Boolean)],U.prototype,"disabled",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"idevent",void 0),U=a([d("randstad-button")],U);let H=class extends t{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="Contactanos",this.cardId=""}static{this.styles=o`
|
|
538
538
|
:host {
|
|
539
539
|
display: inline-block;
|
|
540
540
|
font-family: "Graphik", sans-serif;
|
|
@@ -593,7 +593,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.title {
|
|
596
|
-
${
|
|
596
|
+
${N}
|
|
597
597
|
margin: 0;
|
|
598
598
|
}
|
|
599
599
|
|
|
@@ -651,7 +651,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
651
651
|
</div>
|
|
652
652
|
</div>
|
|
653
653
|
</div>
|
|
654
|
-
`}};a([
|
|
654
|
+
`}};a([A({type:String}),s("design:type",Object)],H.prototype,"img",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"name",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"title",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"description",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"buttonLabel",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"cardId",void 0),H=a([d("carousel-card")],H);let G=class extends t{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=o`
|
|
655
655
|
:host {
|
|
656
656
|
display: block;
|
|
657
657
|
max-width: 100%;
|
|
@@ -747,9 +747,13 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
747
747
|
input[type="checkbox"]:disabled {
|
|
748
748
|
background-color: var(--secondary-color-10);
|
|
749
749
|
border-color: var(--secondary-color-20);
|
|
750
|
+
color: #9FA3B3;
|
|
750
751
|
cursor: default;
|
|
751
752
|
}
|
|
752
753
|
|
|
754
|
+
label.disabled {
|
|
755
|
+
color: #9FA3B3;
|
|
756
|
+
}
|
|
753
757
|
`}toggleCheck(t){this.checked=t.target.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}render(){return e`
|
|
754
758
|
<label class="${this.error?"error":""} ${this.disabled?"disabled":""}">
|
|
755
759
|
<input
|
|
@@ -766,7 +770,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
766
770
|
<slot></slot>
|
|
767
771
|
</span>
|
|
768
772
|
</label>
|
|
769
|
-
`}};a([
|
|
773
|
+
`}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],G.prototype,"checked",void 0),a([A({type:Boolean}),s("design:type",Object)],G.prototype,"error",void 0),a([A({type:Boolean}),s("design:type",Object)],G.prototype,"disabled",void 0),G=a([d("randstad-checkbox")],G);const K=o`
|
|
770
774
|
.label-container {
|
|
771
775
|
display: flex;
|
|
772
776
|
align-items: center;
|
|
@@ -828,7 +832,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
828
832
|
}
|
|
829
833
|
|
|
830
834
|
.form-label {
|
|
831
|
-
${
|
|
835
|
+
${B}
|
|
832
836
|
display: flex;
|
|
833
837
|
align-items: baseline;
|
|
834
838
|
flex-direction: row;
|
|
@@ -843,12 +847,12 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
843
847
|
}
|
|
844
848
|
|
|
845
849
|
input::placeholder {
|
|
846
|
-
${
|
|
850
|
+
${N}
|
|
847
851
|
color: var(--secondary-color-40);
|
|
848
852
|
}
|
|
849
853
|
|
|
850
854
|
.helper-description {
|
|
851
|
-
${
|
|
855
|
+
${B}
|
|
852
856
|
color: var(--secondary-color-40);
|
|
853
857
|
margin: 0;
|
|
854
858
|
}
|
|
@@ -880,11 +884,11 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
880
884
|
}
|
|
881
885
|
|
|
882
886
|
.error-message {
|
|
883
|
-
${
|
|
887
|
+
${B}
|
|
884
888
|
color: var(--ui-negative, #E00F0F);
|
|
885
889
|
margin-top: 4px;
|
|
886
890
|
}
|
|
887
|
-
`;let J=class extends L{constructor(){super(...arguments),this.size="md",this.icon=null,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=o`
|
|
891
|
+
`;let J=class extends L{constructor(){super(...arguments),this.keydown=void 0,this.size="md",this.icon=null,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=o`
|
|
888
892
|
${X}
|
|
889
893
|
${Q}
|
|
890
894
|
${K}
|
|
@@ -897,7 +901,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
897
901
|
}
|
|
898
902
|
|
|
899
903
|
.form-input {
|
|
900
|
-
${
|
|
904
|
+
${N}
|
|
901
905
|
padding: 16px;
|
|
902
906
|
border: 1px solid var(--secondary-color-10);
|
|
903
907
|
border-radius: 4px;
|
|
@@ -921,8 +925,16 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
921
925
|
border: 2px solid var(--primary-color)
|
|
922
926
|
}
|
|
923
927
|
|
|
924
|
-
.form.disabled .form-input
|
|
925
|
-
|
|
928
|
+
.form.disabled .form-input,
|
|
929
|
+
.form.disabled .toggle-password randstad-icon,
|
|
930
|
+
.form.disabled .clean-button randstad-icon {
|
|
931
|
+
background-color: var( --secondary-color-10 );
|
|
932
|
+
color: #9FA3B3;
|
|
933
|
+
cursor: default;
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
.form.disabled .toggle-password,
|
|
937
|
+
.form.disabled .clean-button {
|
|
926
938
|
cursor: default;
|
|
927
939
|
}
|
|
928
940
|
|
|
@@ -964,7 +976,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
964
976
|
}
|
|
965
977
|
|
|
966
978
|
textarea {
|
|
967
|
-
${
|
|
979
|
+
${N}
|
|
968
980
|
resize: none;
|
|
969
981
|
}
|
|
970
982
|
|
|
@@ -975,11 +987,12 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
975
987
|
|
|
976
988
|
.form.disabled textarea.form-input {
|
|
977
989
|
background-color: var(--secondary-color-10);
|
|
990
|
+
color: #9FA3B3;
|
|
978
991
|
cursor: default;
|
|
979
992
|
}
|
|
980
993
|
|
|
981
994
|
.link-text {
|
|
982
|
-
${
|
|
995
|
+
${B}
|
|
983
996
|
color: var(--primary-color);
|
|
984
997
|
cursor: pointer;
|
|
985
998
|
text-align: end;
|
|
@@ -1013,8 +1026,9 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1013
1026
|
.clean-button randstad-icon {
|
|
1014
1027
|
width: 24px;
|
|
1015
1028
|
height: 24px;
|
|
1029
|
+
color: var( --primary-color );
|
|
1016
1030
|
}
|
|
1017
|
-
`}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"
|
|
1031
|
+
`}togglePassword(t){this.isPasswordVisible=!this.isPasswordVisible;const e=t.currentTarget.parentElement?.querySelector("input");e&&(e.type=this.isPasswordVisible?"text":"password"),this.requestUpdate()}handleInput(t){this.handleInputCustom(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}))}handleInputCustom(t){"number"===this.keydown?this.onlyNumeric(t):"text"===this.keydown&&this.onlyText(t)}onlyNumeric(t){const e=t.target,i=e.value.replace(/[^0-9]/g,"");e.value=i}onlyText(t){const e=t.target,i=e.value.replace(/[^a-zA-Z\sáéíóúñÁÉÍÓÚÑ]/g,"");e.value=i}handleKeyDown(t){if("Enter"!==t.key)return;const e=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0}),i=this.closest("form");i&&i.dispatchEvent(e)}render(){const t=this.cleanButton&&this.value&&"password"!==this.type&&"textarea"!==this.type,o="textarea"===this.type?`height: ${this.heightTextArea??"30px"}; max-height: ${this.maxHeightTextArea??"30px"}; overflow-y: auto;`:"",r=e`
|
|
1018
1032
|
${this.labelColor?`--label-color: ${this.labelColor};`:""}
|
|
1019
1033
|
`;return e`
|
|
1020
1034
|
<div
|
|
@@ -1056,6 +1070,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1056
1070
|
type="button"
|
|
1057
1071
|
class="toggle-password"
|
|
1058
1072
|
@click=${this.togglePassword}
|
|
1073
|
+
?disabled=${this.disabled}
|
|
1059
1074
|
>
|
|
1060
1075
|
${this.isPasswordVisible?e`
|
|
1061
1076
|
<randstad-icon
|
|
@@ -1076,11 +1091,11 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1076
1091
|
type="button"
|
|
1077
1092
|
class="clean-button"
|
|
1078
1093
|
@click=${this.handleClear}
|
|
1094
|
+
?disabled=${this.disabled}
|
|
1079
1095
|
>
|
|
1080
1096
|
<randstad-icon
|
|
1081
1097
|
name="close"
|
|
1082
|
-
size="24px"
|
|
1083
|
-
style="--icon-color: var(--primary-color);"
|
|
1098
|
+
size="24px"
|
|
1084
1099
|
>
|
|
1085
1100
|
</randstad-icon>
|
|
1086
1101
|
</button>`:i}
|
|
@@ -1102,7 +1117,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1102
1117
|
|
|
1103
1118
|
${this.renderHelper()}
|
|
1104
1119
|
</div>
|
|
1105
|
-
`}};a([
|
|
1120
|
+
`}};a([A({type:String}),s("design:type",Object)],J.prototype,"keydown",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"size",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"icon",void 0),a([A({type:Boolean}),s("design:type",Boolean)],J.prototype,"typing",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"type",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"linkText",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"linkRoute",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],J.prototype,"isPasswordVisible",void 0),a([A({type:Boolean}),s("design:type",Boolean)],J.prototype,"cleanButton",void 0),a([A({type:Number}),s("design:type",Number)],J.prototype,"maxLength",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"heightTextArea",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"maxHeightTextArea",void 0),J=a([d("randstad-form")],J);let Z=class extends L{constructor(){super(...arguments),this.rows=""}static{this.styles=o`
|
|
1106
1121
|
${X}
|
|
1107
1122
|
${Q}
|
|
1108
1123
|
${K}
|
|
@@ -1137,7 +1152,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1137
1152
|
|
|
1138
1153
|
${this.renderHelper()}
|
|
1139
1154
|
</div>
|
|
1140
|
-
`}};a([
|
|
1155
|
+
`}};a([A({type:String}),s("design:type",String)],Z.prototype,"rows",void 0),Z=a([d("randstad-form-group")],Z);class tt extends t{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=o`
|
|
1141
1156
|
:host {
|
|
1142
1157
|
display: inline-flex;
|
|
1143
1158
|
width: var(--icon-size, 24px);
|
|
@@ -1151,14 +1166,14 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1151
1166
|
height: var(--icon-size, 24px);
|
|
1152
1167
|
fill: var(--icon-color, currentColor);
|
|
1153
1168
|
}
|
|
1154
|
-
`}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}}a([
|
|
1169
|
+
`}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}}a([A({type:String}),s("design:type",Object)],tt.prototype,"name",void 0),a([A({type:String}),s("design:type",Object)],tt.prototype,"size",void 0),customElements.define("randstad-icon",tt);let et=class extends t{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=o`
|
|
1155
1170
|
:host {
|
|
1156
1171
|
display: block;
|
|
1157
1172
|
font-family: 'Graphik', sans-serif;
|
|
1158
1173
|
}
|
|
1159
1174
|
|
|
1160
1175
|
.container {
|
|
1161
|
-
${
|
|
1176
|
+
${B}
|
|
1162
1177
|
display: flex;
|
|
1163
1178
|
align-items: flex-start;
|
|
1164
1179
|
gap: 8px;
|
|
@@ -1204,7 +1219,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1204
1219
|
<randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
|
|
1205
1220
|
<span class="message">${this.message}</span>
|
|
1206
1221
|
</div>
|
|
1207
|
-
`}};a([
|
|
1222
|
+
`}};a([A({type:String}),s("design:type",String)],et.prototype,"type",void 0),a([A({type:String}),s("design:type",String)],et.prototype,"icon",void 0),a([A({type:String}),s("design:type",String)],et.prototype,"message",void 0),a([A({type:Boolean}),s("design:type",Boolean)],et.prototype,"open",void 0),et=a([d("randstad-notice")],et);let it=class extends t{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.isFooterCustom=!1,this.isPrimaryLoader=!1,this.isPrimaryDisabled=!1,this.modalWidth="500px",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=o`
|
|
1208
1223
|
:host {
|
|
1209
1224
|
font-family: 'Graphik', sans-serif;
|
|
1210
1225
|
display: none;
|
|
@@ -1316,7 +1331,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1316
1331
|
}
|
|
1317
1332
|
|
|
1318
1333
|
.modal-subtitle {
|
|
1319
|
-
${
|
|
1334
|
+
${B}
|
|
1320
1335
|
margin: 0;
|
|
1321
1336
|
color: var(--secondary-color-60);
|
|
1322
1337
|
}
|
|
@@ -1405,7 +1420,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1405
1420
|
</div>
|
|
1406
1421
|
</div>
|
|
1407
1422
|
</div>
|
|
1408
|
-
`}};a([
|
|
1423
|
+
`}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],it.prototype,"open",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"title",void 0),a([A({type:String}),s("design:type",String)],it.prototype,"subtitle",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"showNotice",void 0),a([A({type:String}),s("design:type",String)],it.prototype,"noticeType",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"noticeMessage",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"noticeIcon",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"showPrimaryButton",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"primaryButtonLabel",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"showSecondaryButton",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"secondaryButtonLabel",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"isFooterCustom",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"isPrimaryLoader",void 0),a([A({type:Boolean}),s("design:type",Object)],it.prototype,"isPrimaryDisabled",void 0),a([A({type:String}),s("design:type",Object)],it.prototype,"modalWidth",void 0),a([T(),s("design:type",Object)],it.prototype,"scrollable",void 0),it=a([d("custom-modal")],it);let ot=class extends t{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=o`
|
|
1409
1424
|
:host {
|
|
1410
1425
|
display: none;
|
|
1411
1426
|
position: fixed;
|
|
@@ -1473,7 +1488,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1473
1488
|
}
|
|
1474
1489
|
|
|
1475
1490
|
.popup-description {
|
|
1476
|
-
${
|
|
1491
|
+
${B}
|
|
1477
1492
|
margin: 0;
|
|
1478
1493
|
color: var(--secondary-color-60);
|
|
1479
1494
|
}
|
|
@@ -1501,7 +1516,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1501
1516
|
}
|
|
1502
1517
|
|
|
1503
1518
|
.action-item {
|
|
1504
|
-
${
|
|
1519
|
+
${R};
|
|
1505
1520
|
display: flex;
|
|
1506
1521
|
align-items: center;
|
|
1507
1522
|
gap: 16px;
|
|
@@ -1596,7 +1611,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1596
1611
|
`}
|
|
1597
1612
|
</div>
|
|
1598
1613
|
</div>
|
|
1599
|
-
`}};a([
|
|
1614
|
+
`}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],ot.prototype,"open",void 0),a([A({type:String}),s("design:type",String)],ot.prototype,"type",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"icon",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"title",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"description",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"width",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"buttonText",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"confirmText",void 0),a([A({type:String}),s("design:type",Object)],ot.prototype,"cancelText",void 0),a([A({type:Array}),s("design:type",Array)],ot.prototype,"stackedActions",void 0),ot=a([d("custom-popup")],ot);let rt=class extends t{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=o`
|
|
1600
1615
|
:host {
|
|
1601
1616
|
display: inline-block;
|
|
1602
1617
|
width: 64px;
|
|
@@ -1657,7 +1672,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
|
|
|
1657
1672
|
${this.value} de ${this.max}
|
|
1658
1673
|
</text>
|
|
1659
1674
|
</svg>
|
|
1660
|
-
`}};a([
|
|
1675
|
+
`}};a([A({type:Number}),s("design:type",Object)],rt.prototype,"value",void 0),a([A({type:Number}),s("design:type",Object)],rt.prototype,"max",void 0),rt=a([d("progress-circle")],rt);
|
|
1661
1676
|
/**
|
|
1662
1677
|
* @license
|
|
1663
1678
|
* Copyright 2023 Google LLC
|
|
@@ -1668,7 +1683,7 @@ const nt=Symbol("attachableController");let at;r||(at=new MutationObserver((t=>{
|
|
|
1668
1683
|
* @license
|
|
1669
1684
|
* Copyright 2021 Google LLC
|
|
1670
1685
|
* SPDX-License-Identifier: Apache-2.0
|
|
1671
|
-
*/const dt=["focusin","focusout","pointerdown"];class lt extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new st(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[ct]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[ct]=!0}}onControlChange(t,e){if(!r)for(const i of dt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}a([
|
|
1686
|
+
*/const dt=["focusin","focusout","pointerdown"];class lt extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new st(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[ct]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[ct]=!0}}onControlChange(t,e){if(!r)for(const i of dt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}}a([A({type:Boolean,reflect:!0})],lt.prototype,"visible",void 0),a([A({type:Boolean,reflect:!0})],lt.prototype,"inward",void 0);const ct=Symbol("handledByFocusRing"),pt=o`: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}}
|
|
1672
1687
|
`
|
|
1673
1688
|
/**
|
|
1674
1689
|
* @license
|
|
@@ -1679,7 +1694,7 @@ const nt=Symbol("attachableController");let at;r||(at=new MutationObserver((t=>{
|
|
|
1679
1694
|
* @license
|
|
1680
1695
|
* Copyright 2024 Google LLC
|
|
1681
1696
|
* SPDX-License-Identifier: Apache-2.0
|
|
1682
|
-
*/let
|
|
1697
|
+
*/let ht=class extends lt{};ht.styles=[pt],ht=a([d("md-focus-ring")],ht);
|
|
1683
1698
|
/**
|
|
1684
1699
|
* @license
|
|
1685
1700
|
* Copyright 2021 Google LLC
|
|
@@ -1690,7 +1705,7 @@ const ut="cubic-bezier(0.2, 0, 0, 1)";
|
|
|
1690
1705
|
* @license
|
|
1691
1706
|
* Copyright 2022 Google LLC
|
|
1692
1707
|
* SPDX-License-Identifier: Apache-2.0
|
|
1693
|
-
*/var bt;!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"}(bt||(bt={}));const mt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],gt=r?null:window.matchMedia("(forced-colors: active)");class yt extends t{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=bt.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new st(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 e`<div class="surface ${n(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!==bt.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==bt.HOLDING)return this.state===bt.TOUCH_DELAY?(this.state=bt.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=bt.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=bt.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=bt.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===bt.TOUCH_DELAY&&(this.state=bt.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==bt.WAITING_FOR_CLICK?this.state===bt.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),n=Math.sqrt(e**2+t**2)+10;this.initialSize=r,this.rippleScale=""+(n+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),n=e+o,a=i+r,{pageX:s,pageY:d}=t;return{x:s-n,y:d-a}}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:ut,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=bt.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:n}=this.getBoundingClientRect();return t>=o&&t<=n&&e>=i&&e<=r}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!gt?.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 mt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}a([
|
|
1708
|
+
*/var bt;!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"}(bt||(bt={}));const mt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],gt=r?null:window.matchMedia("(forced-colors: active)");class yt extends t{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=bt.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new st(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 e`<div class="surface ${n(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!==bt.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==bt.HOLDING)return this.state===bt.TOUCH_DELAY?(this.state=bt.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=bt.WAITING_FOR_CLICK}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t))return this.state=bt.WAITING_FOR_CLICK,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=bt.TOUCH_DELAY,await new Promise((t=>{setTimeout(t,150)})),this.state===bt.TOUCH_DELAY&&(this.state=bt.HOLDING,this.startPressAnimation(t)))}}handleClick(){this.disabled||(this.state!==bt.WAITING_FOR_CLICK?this.state===bt.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),n=Math.sqrt(e**2+t**2)+10;this.initialSize=r,this.rippleScale=""+(n+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),n=e+o,a=i+r,{pageX:s,pageY:d}=t;return{x:s-n,y:d-a}}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:ut,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=bt.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:n}=this.getBoundingClientRect();return t>=o&&t<=n&&e>=i&&e<=r}isTouch({pointerType:t}){return"touch"===t}async handleEvent(t){if(!gt?.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 mt)t?.removeEventListener(i,this),e?.addEventListener(i,this)}}a([A({type:Boolean,reflect:!0})],yt.prototype,"disabled",void 0),a([T()],yt.prototype,"hovered",void 0),a([T()],yt.prototype,"pressed",void 0),a([z(".surface")],yt.prototype,"mdRoot",void 0);
|
|
1694
1709
|
/**
|
|
1695
1710
|
* @license
|
|
1696
1711
|
* Copyright 2024 Google LLC
|
|
@@ -1725,13 +1740,13 @@ const St=Symbol("createValidator"),Ct=Symbol("getValidityAnchor"),Et=Symbol("pri
|
|
|
1725
1740
|
* Copyright 2023 Google LLC
|
|
1726
1741
|
* SPDX-License-Identifier: Apache-2.0
|
|
1727
1742
|
*/
|
|
1728
|
-
const Mt=Symbol("isFocusable"),Ft=Symbol("privateIsFocusable"),Pt=Symbol("externalTabIndex"),jt=Symbol("isUpdatingTabIndex"),
|
|
1743
|
+
const Mt=Symbol("isFocusable"),Ft=Symbol("privateIsFocusable"),Pt=Symbol("externalTabIndex"),jt=Symbol("isUpdatingTabIndex"),At=Symbol("updateTabIndex");
|
|
1729
1744
|
/**
|
|
1730
1745
|
* @license
|
|
1731
1746
|
* Copyright 2023 Google LLC
|
|
1732
1747
|
* SPDX-License-Identifier: Apache-2.0
|
|
1733
1748
|
*/
|
|
1734
|
-
const
|
|
1749
|
+
const Tt=Symbol("getFormValue"),zt=Symbol("getFormState");
|
|
1735
1750
|
/**
|
|
1736
1751
|
* @license
|
|
1737
1752
|
* Copyright 2023 Google LLC
|
|
@@ -1752,7 +1767,7 @@ class Lt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1752
1767
|
* @license
|
|
1753
1768
|
* Copyright 2018 Google LLC
|
|
1754
1769
|
* SPDX-License-Identifier: Apache-2.0
|
|
1755
|
-
*/var
|
|
1770
|
+
*/var Bt;const Nt=Symbol("checked");let Rt=0;const Vt=function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=""}get validity(){return this[Dt](),this[kt].validity}get validationMessage(){return this[Dt](),this[kt].validationMessage}get willValidate(){return this[Dt](),this[kt].willValidate}checkValidity(){return this[Dt](),this[kt].checkValidity()}reportValidity(){return this[Dt](),this[kt].reportValidity()}setCustomValidity(t){this[Ot]=t,this[Dt]()}requestUpdate(t,e,i){super.requestUpdate(t,e,i),this[Dt]()}firstUpdated(t){super.firstUpdated(t),this[Dt]()}[(e=Ot,Dt)](){if(r)return;this[Et]||(this[Et]=this[St]());const{validity:t,validationMessage:e}=this[Et].getValidity(),i=!!this[Ot],o=this[Ot]||e;this[kt].setValidity({...t,customError:i},o,this[Ct]()??void 0)}[St](){throw new Error("Implement [createValidator]")}[Ct](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(t){class e extends t{get form(){return this[kt].form}get labels(){return this[kt].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[kt].setFormValue(this[Tt](),this[zt]())}[Tt](){throw new Error("Implement [getFormValue]")}[zt](){return this[Tt]()}formDisabledCallback(t){this.disabled=t}}return e.formAssociated=!0,a([A({noAccessor:!0})],e.prototype,"name",null),a([A({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((qt=function(t){var e,i,o;class r extends t{constructor(){super(...arguments),this[e]=!0,this[i]=null,this[o]=!1}get[Mt](){return this[Ft]}set[Mt](t){this[Mt]!==t&&(this[Ft]=t,this[At]())}connectedCallback(){super.connectedCallback(),this[At]()}attributeChangedCallback(t,e,i){if("tabindex"===t){if(this.requestUpdate("tabIndex",Number(e??-1)),!this[jt])return this.hasAttribute("tabindex")?void(this[Pt]=this.tabIndex):(this[Pt]=null,void this[At]())}else super.attributeChangedCallback(t,e,i)}[(e=Ft,i=Pt,o=jt,At)](){const t=this[Mt]?0:-1,e=this[Pt]??t;this[jt]=!0,this.tabIndex=e,this[jt]=!1}}return a([A({noAccessor:!0})],r.prototype,"tabIndex",void 0),r}(t),class extends qt{get[kt](){return this[$t]||(this[$t]=this.attachInternals()),this[$t]}})));var qt;class Wt extends Vt{get checked(){return this[Nt]}set checked(t){const e=this.checked;e!==t&&(this[Nt]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Rt,this[Bt]=!1,this.required=!1,this.value="on",this.selectionController=new _t(this),this.addController(this.selectionController),r||(this[kt].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const t={checked:this.checked};return e`
|
|
1756
1771
|
<div class="container ${n(t)}" aria-hidden="true">
|
|
1757
1772
|
<md-ripple
|
|
1758
1773
|
part="ripple"
|
|
@@ -1775,7 +1790,7 @@ class Lt{constructor(t){this.getCurrentState=t,this.currentValidity={validity:{}
|
|
|
1775
1790
|
|
|
1776
1791
|
<div class="touch-target"></div>
|
|
1777
1792
|
</div>
|
|
1778
|
-
`}updated(){this[kt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(xt(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()}[(Nt
|
|
1793
|
+
`}updated(){this[kt].ariaChecked=String(this.checked)}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(xt(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()}[(Bt=Nt,Tt)](){return this.checked?this.value:null}[zt](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked="true"===t}[St](){return new It((()=>this.selectionController?this.selectionController.controls:[this]))}[Ct](){return this.container}}a([A({type:Boolean})],Wt.prototype,"checked",null),a([A({type:Boolean})],Wt.prototype,"required",void 0),a([A()],Wt.prototype,"value",void 0),a([z(".container")],Wt.prototype,"container",void 0);
|
|
1779
1794
|
/**
|
|
1780
1795
|
* @license
|
|
1781
1796
|
* Copyright 2024 Google LLC
|
|
@@ -1832,21 +1847,28 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1832
1847
|
}
|
|
1833
1848
|
|
|
1834
1849
|
md-radio.disabled {
|
|
1835
|
-
cursor: default;
|
|
1836
|
-
background: var(--secondary-color-20);
|
|
1837
1850
|
border: 1px solid var(--secondary-color-20);
|
|
1851
|
+
background: var(--secondary-color-20);
|
|
1852
|
+
cursor: default;
|
|
1853
|
+
}
|
|
1854
|
+
|
|
1855
|
+
.radio-container.disabled {
|
|
1856
|
+
color: #9FA3B3;
|
|
1857
|
+
cursor: default;
|
|
1838
1858
|
}
|
|
1839
1859
|
`}render(){const t=[this.checked?"checked":"",this.error?"error":"",this.disabled?"disabled":""].join(" ");return e`
|
|
1840
|
-
<label class="radio-container">
|
|
1860
|
+
<label class="radio-container ${this.disabled?"disabled":""}">
|
|
1841
1861
|
<md-radio
|
|
1842
1862
|
name=${this.name}
|
|
1843
1863
|
class=${t}
|
|
1844
1864
|
?checked=${this.checked}
|
|
1845
1865
|
?disabled=${this.disabled}
|
|
1846
|
-
|
|
1866
|
+
>
|
|
1867
|
+
</md-radio>
|
|
1868
|
+
|
|
1847
1869
|
<span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
|
|
1848
1870
|
</label>
|
|
1849
|
-
`}};a([
|
|
1871
|
+
`}};a([A({type:String}),s("design:type",Object)],Ht.prototype,"name",void 0),a([A({type:Boolean}),s("design:type",Object)],Ht.prototype,"checked",void 0),a([A({type:Boolean}),s("design:type",Object)],Ht.prototype,"disabled",void 0),a([A({type:Boolean}),s("design:type",Object)],Ht.prototype,"error",void 0),Ht=a([d("custom-radio")],Ht);let Gt=class extends L{constructor(){super(...arguments),this.value="",this.defaultValue="",this.options=[],this.filterable=!0,this.isMobile=!1,this.highlightedIndex=-1,this._isCleared=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=o`
|
|
1850
1872
|
${X}
|
|
1851
1873
|
${Q}
|
|
1852
1874
|
${K}
|
|
@@ -1870,11 +1892,28 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1870
1892
|
}
|
|
1871
1893
|
|
|
1872
1894
|
/* Estilos para el estado disabled */
|
|
1873
|
-
input-wrapper.disabled, .input-wrapper.disabled .filter-input, .input-wrapper.disabled .filter-fake {
|
|
1895
|
+
.input-wrapper.disabled .filter-input, .input-wrapper.disabled .filter-input, .input-wrapper.disabled .filter-fake {
|
|
1874
1896
|
background-color: var(--secondary-color-10);
|
|
1897
|
+
color: #9FA3B3;
|
|
1875
1898
|
cursor: default;
|
|
1876
1899
|
}
|
|
1877
1900
|
|
|
1901
|
+
.input-wrapper.disabled .icon-button,
|
|
1902
|
+
.input-wrapper.disabled .icon-button randstad-icon,
|
|
1903
|
+
.input-wrapper.disabled .icon-button .close-icon {
|
|
1904
|
+
color: #9FA3B3;
|
|
1905
|
+
cursor: default;
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1908
|
+
/* Y si tienes un icono seleccionado que también debe cambiar de color */
|
|
1909
|
+
.input-wrapper.disabled .icon-selected svg {
|
|
1910
|
+
fill: #9FA3B3;
|
|
1911
|
+
}
|
|
1912
|
+
|
|
1913
|
+
.input-wrapper .icon-button .close-icon {
|
|
1914
|
+
color: var(--primary-color);
|
|
1915
|
+
}
|
|
1916
|
+
|
|
1878
1917
|
.select-container {
|
|
1879
1918
|
display: flex;
|
|
1880
1919
|
flex-direction: column;
|
|
@@ -1941,7 +1980,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1941
1980
|
}
|
|
1942
1981
|
|
|
1943
1982
|
.filter-input {
|
|
1944
|
-
${
|
|
1983
|
+
${N};
|
|
1945
1984
|
padding: 16px;
|
|
1946
1985
|
padding-right: 40px;
|
|
1947
1986
|
border: none;
|
|
@@ -1962,7 +2001,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
1962
2001
|
}
|
|
1963
2002
|
|
|
1964
2003
|
.filter-input::placeholder {
|
|
1965
|
-
${
|
|
2004
|
+
${N};
|
|
1966
2005
|
color: var(--secondary-color-40);
|
|
1967
2006
|
}
|
|
1968
2007
|
|
|
@@ -2007,7 +2046,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2007
2046
|
}
|
|
2008
2047
|
|
|
2009
2048
|
.options-list li {
|
|
2010
|
-
${
|
|
2049
|
+
${N};
|
|
2011
2050
|
padding: 8px 16px 8px 16px;
|
|
2012
2051
|
cursor: pointer;
|
|
2013
2052
|
color: var(--secondary-color-80);
|
|
@@ -2078,7 +2117,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2078
2117
|
}
|
|
2079
2118
|
|
|
2080
2119
|
.filter-fake {
|
|
2081
|
-
${
|
|
2120
|
+
${N};
|
|
2082
2121
|
padding: 15px;
|
|
2083
2122
|
padding-right: 40px;
|
|
2084
2123
|
width: 100%;
|
|
@@ -2208,7 +2247,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2208
2247
|
@click="${this.handleIconClick}"
|
|
2209
2248
|
?disabled="${this.disabled}"
|
|
2210
2249
|
>
|
|
2211
|
-
${this.filterable&&this.filterValue?e`<randstad-icon name="close" size="24px"
|
|
2250
|
+
${this.filterable&&this.filterValue?e`<randstad-icon name="close" size="24px"></randstad-icon>`:this.isOpen&&this.filteredOptions.length>0?e`<randstad-icon name="arrow_up" size="24px"></randstad-icon>`:e`<randstad-icon name="arrow_down" size="24px"></randstad-icon>`}
|
|
2212
2251
|
</button>
|
|
2213
2252
|
</div>
|
|
2214
2253
|
|
|
@@ -2267,7 +2306,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2267
2306
|
</div>
|
|
2268
2307
|
</div>
|
|
2269
2308
|
`:i}
|
|
2270
|
-
`}};a([
|
|
2309
|
+
`}};a([A({type:Object}),s("design:type",Object)],Gt.prototype,"value",void 0),a([A({type:String,attribute:"default-value"}),s("design:type",Object)],Gt.prototype,"defaultValue",void 0),a([A({type:Array}),s("design:type",Array)],Gt.prototype,"options",void 0),a([A({type:Boolean}),s("design:type",Object)],Gt.prototype,"filterable",void 0),a([A({type:Number}),s("design:type",Number)],Gt.prototype,"maxLength",void 0),a([T(),s("design:type",Boolean)],Gt.prototype,"isMobile",void 0),a([T(),s("design:type",Object)],Gt.prototype,"highlightedIndex",void 0),a([T(),s("design:type",Boolean)],Gt.prototype,"_isCleared",void 0),a([T(),s("design:type",Array)],Gt.prototype,"filteredOptions",void 0),a([T(),s("design:type",Object)],Gt.prototype,"filterValue",void 0),a([T(),s("design:type",Object)],Gt.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],Gt.prototype,"mobileFilterValue",void 0),Gt=a([d("filterable-select")],Gt);const Kt=new CSSStyleSheet;Kt.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\n .body-l {\n font-family: Graphik;\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n }\n");class Xt extends t{static{this.styles=[Kt,o`
|
|
2271
2310
|
:host {
|
|
2272
2311
|
display: flex;
|
|
2273
2312
|
position: fixed;
|
|
@@ -2503,7 +2542,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2503
2542
|
</div>
|
|
2504
2543
|
`))}
|
|
2505
2544
|
</div>
|
|
2506
|
-
`}};a([
|
|
2545
|
+
`}};a([A({type:Number}),s("design:type",Object)],Qt.prototype,"totalSteps",void 0),a([A({type:Number}),s("design:type",Object)],Qt.prototype,"currentStep",void 0),Qt=a([d("custom-stepper")],Qt);let Jt=class extends t{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=o`
|
|
2507
2546
|
:host {
|
|
2508
2547
|
display: block;
|
|
2509
2548
|
border-bottom: 1px solid #E7E8EC;
|
|
@@ -2516,7 +2555,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2516
2555
|
}
|
|
2517
2556
|
|
|
2518
2557
|
.tab {
|
|
2519
|
-
${
|
|
2558
|
+
${R};
|
|
2520
2559
|
display: flex;
|
|
2521
2560
|
gap: 8px;
|
|
2522
2561
|
flex-direction: row;
|
|
@@ -2614,7 +2653,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2614
2653
|
|
|
2615
2654
|
@media (max-width: 940px) {
|
|
2616
2655
|
.tab {
|
|
2617
|
-
${
|
|
2656
|
+
${B};
|
|
2618
2657
|
padding: 16px;
|
|
2619
2658
|
}
|
|
2620
2659
|
}
|
|
@@ -2642,7 +2681,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2642
2681
|
</button>
|
|
2643
2682
|
`:null}
|
|
2644
2683
|
</div>
|
|
2645
|
-
`}};a([
|
|
2684
|
+
`}};a([A({type:Array}),s("design:type",Array)],Jt.prototype,"tabs",void 0),a([A({type:String}),s("design:type",String)],Jt.prototype,"selected",void 0),a([T(),s("design:type",String)],Jt.prototype,"internalSelected",void 0),a([T(),s("design:type",Object)],Jt.prototype,"showPrev",void 0),a([T(),s("design:type",Object)],Jt.prototype,"showNext",void 0),Jt=a([d("tabs-bar")],Jt);const Zt=o`
|
|
2646
2685
|
.progress-bar-container {
|
|
2647
2686
|
min-height: 23px;
|
|
2648
2687
|
display: flex;
|
|
@@ -2773,7 +2812,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2773
2812
|
</label>
|
|
2774
2813
|
`}
|
|
2775
2814
|
</div>
|
|
2776
|
-
`}};a([T({type:Array}),s("design:type",Array)],te.prototype,"files",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],te.prototype,"disabled",void 0),a([T({type:Number}),s("design:type",Object)],te.prototype,"simulatedDelay",void 0),a([z(),s("design:type",Object)],te.prototype,"loading",void 0),a([z(),s("design:type",Object)],te.prototype,"progress",void 0),a([z(),s("design:type",Object)],te.prototype,"isDragging",void 0),te=a([d("upload-image")],te);const ee=6048e5,ie=Symbol.for("constructDateFrom");function oe(t,e){return"function"==typeof t?t(e):t&&"object"==typeof t&&ie in t?t[ie](e):t instanceof Date?new t.constructor(e):new Date(e)}function re(t,e){return oe(e||t,t)}function ne(t,e,i){const o=re(t,i?.in);if(isNaN(e))return oe(t,NaN);if(!e)return o;const r=o.getDate(),n=oe(t,o.getTime());n.setMonth(o.getMonth()+e+1,0);return r>=n.getDate()?n:(o.setFullYear(n.getFullYear(),n.getMonth(),r),o)}let ae={};function se(){return ae}function de(t,e){const i=se(),o=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=re(t,e?.in),n=r.getDay(),a=(n<o?7:0)+n-o;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function le(t,e){return de(t,{...e,weekStartsOn:1})}function ce(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=oe(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const n=le(r),a=oe(i,0);a.setFullYear(o,0,4),a.setHours(0,0,0,0);const s=le(a);return i.getTime()>=n.getTime()?o+1:i.getTime()>=s.getTime()?o:o-1}function he(t){const e=re(t),i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),+t-+i}function pe(t,...e){const i=oe.bind(null,e.find((t=>"object"==typeof t)));return e.map(i)}function ue(t,e){const i=re(t,e?.in);return i.setHours(0,0,0,0),i}function be(t,e,i){return ne(t,12*e,i)}function me(t){return!(!((e=t)instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e))&&"number"!=typeof t||isNaN(+re(t)));var e}function ge(t,e){const i=re(t,e?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const ye={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function fe(t){return(e={})=>{const i=e.width?String(e.width):t.defaultWidth;return t.formats[i]||t.formats[t.defaultWidth]}}const ve={date:fe({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:fe({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:fe({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},xe={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function we(t){return(e,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&t.formattingValues){const e=t.defaultFormattingWidth||t.defaultWidth,r=i?.width?String(i.width):e;o=t.formattingValues[r]||t.formattingValues[e]}else{const e=t.defaultWidth,r=i?.width?String(i.width):t.defaultWidth;o=t.values[r]||t.values[e]}return o[t.argumentCallback?t.argumentCallback(e):e]}}function ke(t){return(e,i={})=>{const o=i.width,r=o&&t.matchPatterns[o]||t.matchPatterns[t.defaultMatchWidth],n=e.match(r);if(!n)return null;const a=n[0],s=o&&t.parsePatterns[o]||t.parsePatterns[t.defaultParseWidth],d=Array.isArray(s)?function(t,e){for(let i=0;i<t.length;i++)if(e(t[i]))return i;return}(s,(t=>t.test(a))):function(t,e){for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e(t[i]))return i;return}(s,(t=>t.test(a)));let l;l=t.valueCallback?t.valueCallback(d):d,l=i.valueCallback?i.valueCallback(l):l;return{value:l,rest:e.slice(a.length)}}}var $e;const Se={code:"en-US",formatDistance:(t,e,i)=>{let o;const r=ye[t];return o="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:ve,formatRelative:(t,e,i,o)=>xe[t],localize:{ordinalNumber:(t,e)=>{const i=Number(t),o=i%100;if(o>20||o<10)switch(o%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:we({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:we({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:t=>t-1}),month:we({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:we({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:we({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:($e={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const i=t.match($e.matchPattern);if(!i)return null;const o=i[0],r=t.match($e.parsePattern);if(!r)return null;let n=$e.valueCallback?$e.valueCallback(r[0]):r[0];return n=e.valueCallback?e.valueCallback(n):n,{value:n,rest:t.slice(o.length)}}),era:ke({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:ke({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:t=>t+1}),month:ke({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:ke({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:ke({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function Ce(t,e){const i=re(t,e?.in),o=function(t,e){const[i,o]=pe(0,t,e),r=ue(i),n=ue(o),a=+r-he(r),s=+n-he(n);return Math.round((a-s)/864e5)}(i,function(t,e){const i=re(t,e?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function Ee(t,e){const i=re(t,e?.in),o=+le(i)-+function(t,e){const i=ce(t,e),o=oe(t,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),le(o)}(i);return Math.round(o/ee)+1}function De(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=se(),n=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=oe(e?.in||t,0);a.setFullYear(o+1,0,n),a.setHours(0,0,0,0);const s=de(a,e),d=oe(e?.in||t,0);d.setFullYear(o,0,n),d.setHours(0,0,0,0);const l=de(d,e);return+i>=+s?o+1:+i>=+l?o:o-1}function Oe(t,e){const i=re(t,e?.in),o=+de(i,e)-+function(t,e){const i=se(),o=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=De(t,e),n=oe(e?.in||t,0);return n.setFullYear(r,0,o),n.setHours(0,0,0,0),de(n,e)}(i,e);return Math.round(o/ee)+1}function Me(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}const Fe={y(t,e){const i=t.getFullYear(),o=i>0?i:1-i;return Me("yy"===e?o%100:o,e.length)},M(t,e){const i=t.getMonth();return"M"===e?String(i+1):Me(i+1,2)},d:(t,e)=>Me(t.getDate(),e.length),a(t,e){const i=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return i.toUpperCase();case"aaa":return i;case"aaaaa":return i[0];default:return"am"===i?"a.m.":"p.m."}},h:(t,e)=>Me(t.getHours()%12||12,e.length),H:(t,e)=>Me(t.getHours(),e.length),m:(t,e)=>Me(t.getMinutes(),e.length),s:(t,e)=>Me(t.getSeconds(),e.length),S(t,e){const i=e.length,o=t.getMilliseconds();return Me(Math.trunc(o*Math.pow(10,i-3)),e.length)}},Pe="midnight",je="noon",Te="morning",ze="afternoon",Ae="evening",Le="night",Ie={G:function(t,e,i){const o=t.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return i.era(o,{width:"abbreviated"});case"GGGGG":return i.era(o,{width:"narrow"});default:return i.era(o,{width:"wide"})}},y:function(t,e,i){if("yo"===e){const e=t.getFullYear(),o=e>0?e:1-e;return i.ordinalNumber(o,{unit:"year"})}return Fe.y(t,e)},Y:function(t,e,i,o){const r=De(t,o),n=r>0?r:1-r;if("YY"===e){return Me(n%100,2)}return"Yo"===e?i.ordinalNumber(n,{unit:"year"}):Me(n,e.length)},R:function(t,e){return Me(ce(t),e.length)},u:function(t,e){return Me(t.getFullYear(),e.length)},Q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(o);case"QQ":return Me(o,2);case"Qo":return i.ordinalNumber(o,{unit:"quarter"});case"QQQ":return i.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return i.quarter(o,{width:"narrow",context:"formatting"});default:return i.quarter(o,{width:"wide",context:"formatting"})}},q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(o);case"qq":return Me(o,2);case"qo":return i.ordinalNumber(o,{unit:"quarter"});case"qqq":return i.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return i.quarter(o,{width:"narrow",context:"standalone"});default:return i.quarter(o,{width:"wide",context:"standalone"})}},M:function(t,e,i){const o=t.getMonth();switch(e){case"M":case"MM":return Fe.M(t,e);case"Mo":return i.ordinalNumber(o+1,{unit:"month"});case"MMM":return i.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return i.month(o,{width:"narrow",context:"formatting"});default:return i.month(o,{width:"wide",context:"formatting"})}},L:function(t,e,i){const o=t.getMonth();switch(e){case"L":return String(o+1);case"LL":return Me(o+1,2);case"Lo":return i.ordinalNumber(o+1,{unit:"month"});case"LLL":return i.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return i.month(o,{width:"narrow",context:"standalone"});default:return i.month(o,{width:"wide",context:"standalone"})}},w:function(t,e,i,o){const r=Oe(t,o);return"wo"===e?i.ordinalNumber(r,{unit:"week"}):Me(r,e.length)},I:function(t,e,i){const o=Ee(t);return"Io"===e?i.ordinalNumber(o,{unit:"week"}):Me(o,e.length)},d:function(t,e,i){return"do"===e?i.ordinalNumber(t.getDate(),{unit:"date"}):Fe.d(t,e)},D:function(t,e,i){const o=Ce(t);return"Do"===e?i.ordinalNumber(o,{unit:"dayOfYear"}):Me(o,e.length)},E:function(t,e,i){const o=t.getDay();switch(e){case"E":case"EE":case"EEE":return i.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return i.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},e:function(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"e":return String(n);case"ee":return Me(n,2);case"eo":return i.ordinalNumber(n,{unit:"day"});case"eee":return i.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return i.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(r,{width:"short",context:"formatting"});default:return i.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"c":return String(n);case"cc":return Me(n,e.length);case"co":return i.ordinalNumber(n,{unit:"day"});case"ccc":return i.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return i.day(r,{width:"narrow",context:"standalone"});case"cccccc":return i.day(r,{width:"short",context:"standalone"});default:return i.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,i){const o=t.getDay(),r=0===o?7:o;switch(e){case"i":return String(r);case"ii":return Me(r,e.length);case"io":return i.ordinalNumber(r,{unit:"day"});case"iii":return i.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return i.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},a:function(t,e,i){const o=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return i.dayPeriod(o,{width:"narrow",context:"formatting"});default:return i.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(t,e,i){const o=t.getHours();let r;switch(r=12===o?je:0===o?Pe:o/12>=1?"pm":"am",e){case"b":case"bb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(t,e,i){const o=t.getHours();let r;switch(r=o>=17?Ae:o>=12?ze:o>=4?Te:Le,e){case"B":case"BB":case"BBB":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(t,e,i){if("ho"===e){let e=t.getHours()%12;return 0===e&&(e=12),i.ordinalNumber(e,{unit:"hour"})}return Fe.h(t,e)},H:function(t,e,i){return"Ho"===e?i.ordinalNumber(t.getHours(),{unit:"hour"}):Fe.H(t,e)},K:function(t,e,i){const o=t.getHours()%12;return"Ko"===e?i.ordinalNumber(o,{unit:"hour"}):Me(o,e.length)},k:function(t,e,i){let o=t.getHours();return 0===o&&(o=24),"ko"===e?i.ordinalNumber(o,{unit:"hour"}):Me(o,e.length)},m:function(t,e,i){return"mo"===e?i.ordinalNumber(t.getMinutes(),{unit:"minute"}):Fe.m(t,e)},s:function(t,e,i){return"so"===e?i.ordinalNumber(t.getSeconds(),{unit:"second"}):Fe.s(t,e)},S:function(t,e){return Fe.S(t,e)},X:function(t,e,i){const o=t.getTimezoneOffset();if(0===o)return"Z";switch(e){case"X":return Ne(o);case"XXXX":case"XX":return Re(o);default:return Re(o,":")}},x:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"x":return Ne(o);case"xxxx":case"xx":return Re(o);default:return Re(o,":")}},O:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+_e(o,":");default:return"GMT"+Re(o,":")}},z:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+_e(o,":");default:return"GMT"+Re(o,":")}},t:function(t,e,i){return Me(Math.trunc(+t/1e3),e.length)},T:function(t,e,i){return Me(+t,e.length)}};function _e(t,e=""){const i=t>0?"-":"+",o=Math.abs(t),r=Math.trunc(o/60),n=o%60;return 0===n?i+String(r):i+String(r)+e+Me(n,2)}function Ne(t,e){if(t%60==0){return(t>0?"-":"+")+Me(Math.abs(t)/60,2)}return Re(t,e)}function Re(t,e=""){const i=t>0?"-":"+",o=Math.abs(t);return i+Me(Math.trunc(o/60),2)+e+Me(o%60,2)}const Be=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},Ve=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},qe={p:Ve,P:(t,e)=>{const i=t.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return Be(t,e);let n;switch(o){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",Be(o,e)).replace("{{time}}",Ve(r,e))}},We=/^D+$/,Ye=/^Y+$/,Ue=["D","DD","YY","YYYY"];const He=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ge=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ke=/^'([^]*?)'?$/,Xe=/''/g,Qe=/[a-zA-Z]/;function Je(t,e,i){const o=se(),r=o.locale??Se,n=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,a=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=re(t,i?.in);if(!me(s))throw new RangeError("Invalid time value");let d=e.match(Ge).map((t=>{const e=t[0];if("p"===e||"P"===e){return(0,qe[e])(t,r.formatLong)}return t})).join("").match(He).map((t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:Ze(t)};if(Ie[e])return{isToken:!0,value:t};if(e.match(Qe))throw new RangeError("Format string contains an unescaped latin alphabet character `"+e+"`");return{isToken:!1,value:t}}));r.localize.preprocessor&&(d=r.localize.preprocessor(s,d));const l={firstWeekContainsDate:n,weekStartsOn:a,locale:r};return d.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(t){return Ye.test(t)}(o)||function(t){return We.test(t)}(o))&&function(t,e,i){const o=function(t,e,i){const o="Y"===t[0]?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(t,e,i);if(console.warn(o),Ue.includes(t))throw new RangeError(o)}(o,e,String(t));return(0,Ie[o[0]])(s,o,r.localize,l)})).join("")}function Ze(t){const e=t.match(Ke);return e?e[1].replace(Xe,"'"):t}function ti(t,e){return re(t,e?.in).getDate()}function ei(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=i.getMonth(),n=oe(i,0);return n.setFullYear(o,r+1,0),n.setHours(0,0,0,0),n.getDate()}function ii(t,e){return+re(t)>+re(e)}function oi(t,e){return+re(t)<+re(e)}function ri(t,e,i){const[o,r]=pe(0,t,e);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function ni(t,e,i){const[o,r]=pe(0,t,e);return o.getFullYear()===r.getFullYear()}function ai(t,e){return function(t,e){const[i,o]=pe(0,t,e);return+ue(i)===+ue(o)}(oe(t,t),function(t){return oe(t,Date.now())}(t))}let si=class extends t{constructor(){super(...arguments),this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.minDate=null,this.maxDate=null,this.currentView="days",this.handleOutsideClick=t=>{const e=this.getRootNode(),i=e?.host;!i||t.composedPath().includes(this)||t.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=o`
|
|
2815
|
+
`}};a([A({type:Array}),s("design:type",Array)],te.prototype,"files",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],te.prototype,"disabled",void 0),a([A({type:Number}),s("design:type",Object)],te.prototype,"simulatedDelay",void 0),a([T(),s("design:type",Object)],te.prototype,"loading",void 0),a([T(),s("design:type",Object)],te.prototype,"progress",void 0),a([T(),s("design:type",Object)],te.prototype,"isDragging",void 0),te=a([d("upload-image")],te);const ee=6048e5,ie=Symbol.for("constructDateFrom");function oe(t,e){return"function"==typeof t?t(e):t&&"object"==typeof t&&ie in t?t[ie](e):t instanceof Date?new t.constructor(e):new Date(e)}function re(t,e){return oe(e||t,t)}function ne(t,e,i){const o=re(t,i?.in);if(isNaN(e))return oe(t,NaN);if(!e)return o;const r=o.getDate(),n=oe(t,o.getTime());n.setMonth(o.getMonth()+e+1,0);return r>=n.getDate()?n:(o.setFullYear(n.getFullYear(),n.getMonth(),r),o)}let ae={};function se(){return ae}function de(t,e){const i=se(),o=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=re(t,e?.in),n=r.getDay(),a=(n<o?7:0)+n-o;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function le(t,e){return de(t,{...e,weekStartsOn:1})}function ce(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=oe(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const n=le(r),a=oe(i,0);a.setFullYear(o,0,4),a.setHours(0,0,0,0);const s=le(a);return i.getTime()>=n.getTime()?o+1:i.getTime()>=s.getTime()?o:o-1}function pe(t){const e=re(t),i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),+t-+i}function he(t,...e){const i=oe.bind(null,e.find((t=>"object"==typeof t)));return e.map(i)}function ue(t,e){const i=re(t,e?.in);return i.setHours(0,0,0,0),i}function be(t,e,i){return ne(t,12*e,i)}function me(t){return!(!((e=t)instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e))&&"number"!=typeof t||isNaN(+re(t)));var e}function ge(t,e){const i=re(t,e?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const ye={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function fe(t){return(e={})=>{const i=e.width?String(e.width):t.defaultWidth;return t.formats[i]||t.formats[t.defaultWidth]}}const ve={date:fe({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:fe({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:fe({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},xe={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function we(t){return(e,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&t.formattingValues){const e=t.defaultFormattingWidth||t.defaultWidth,r=i?.width?String(i.width):e;o=t.formattingValues[r]||t.formattingValues[e]}else{const e=t.defaultWidth,r=i?.width?String(i.width):t.defaultWidth;o=t.values[r]||t.values[e]}return o[t.argumentCallback?t.argumentCallback(e):e]}}function ke(t){return(e,i={})=>{const o=i.width,r=o&&t.matchPatterns[o]||t.matchPatterns[t.defaultMatchWidth],n=e.match(r);if(!n)return null;const a=n[0],s=o&&t.parsePatterns[o]||t.parsePatterns[t.defaultParseWidth],d=Array.isArray(s)?function(t,e){for(let i=0;i<t.length;i++)if(e(t[i]))return i;return}(s,(t=>t.test(a))):function(t,e){for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e(t[i]))return i;return}(s,(t=>t.test(a)));let l;l=t.valueCallback?t.valueCallback(d):d,l=i.valueCallback?i.valueCallback(l):l;return{value:l,rest:e.slice(a.length)}}}var $e;const Se={code:"en-US",formatDistance:(t,e,i)=>{let o;const r=ye[t];return o="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:ve,formatRelative:(t,e,i,o)=>xe[t],localize:{ordinalNumber:(t,e)=>{const i=Number(t),o=i%100;if(o>20||o<10)switch(o%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:we({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:we({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:t=>t-1}),month:we({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:we({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:we({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:($e={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const i=t.match($e.matchPattern);if(!i)return null;const o=i[0],r=t.match($e.parsePattern);if(!r)return null;let n=$e.valueCallback?$e.valueCallback(r[0]):r[0];return n=e.valueCallback?e.valueCallback(n):n,{value:n,rest:t.slice(o.length)}}),era:ke({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:ke({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:t=>t+1}),month:ke({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:ke({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:ke({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function Ce(t,e){const i=re(t,e?.in),o=function(t,e){const[i,o]=he(0,t,e),r=ue(i),n=ue(o),a=+r-pe(r),s=+n-pe(n);return Math.round((a-s)/864e5)}(i,function(t,e){const i=re(t,e?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function Ee(t,e){const i=re(t,e?.in),o=+le(i)-+function(t,e){const i=ce(t,e),o=oe(t,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),le(o)}(i);return Math.round(o/ee)+1}function De(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=se(),n=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=oe(e?.in||t,0);a.setFullYear(o+1,0,n),a.setHours(0,0,0,0);const s=de(a,e),d=oe(e?.in||t,0);d.setFullYear(o,0,n),d.setHours(0,0,0,0);const l=de(d,e);return+i>=+s?o+1:+i>=+l?o:o-1}function Oe(t,e){const i=re(t,e?.in),o=+de(i,e)-+function(t,e){const i=se(),o=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=De(t,e),n=oe(e?.in||t,0);return n.setFullYear(r,0,o),n.setHours(0,0,0,0),de(n,e)}(i,e);return Math.round(o/ee)+1}function Me(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}const Fe={y(t,e){const i=t.getFullYear(),o=i>0?i:1-i;return Me("yy"===e?o%100:o,e.length)},M(t,e){const i=t.getMonth();return"M"===e?String(i+1):Me(i+1,2)},d:(t,e)=>Me(t.getDate(),e.length),a(t,e){const i=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return i.toUpperCase();case"aaa":return i;case"aaaaa":return i[0];default:return"am"===i?"a.m.":"p.m."}},h:(t,e)=>Me(t.getHours()%12||12,e.length),H:(t,e)=>Me(t.getHours(),e.length),m:(t,e)=>Me(t.getMinutes(),e.length),s:(t,e)=>Me(t.getSeconds(),e.length),S(t,e){const i=e.length,o=t.getMilliseconds();return Me(Math.trunc(o*Math.pow(10,i-3)),e.length)}},Pe="midnight",je="noon",Ae="morning",Te="afternoon",ze="evening",Le="night",Ie={G:function(t,e,i){const o=t.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return i.era(o,{width:"abbreviated"});case"GGGGG":return i.era(o,{width:"narrow"});default:return i.era(o,{width:"wide"})}},y:function(t,e,i){if("yo"===e){const e=t.getFullYear(),o=e>0?e:1-e;return i.ordinalNumber(o,{unit:"year"})}return Fe.y(t,e)},Y:function(t,e,i,o){const r=De(t,o),n=r>0?r:1-r;if("YY"===e){return Me(n%100,2)}return"Yo"===e?i.ordinalNumber(n,{unit:"year"}):Me(n,e.length)},R:function(t,e){return Me(ce(t),e.length)},u:function(t,e){return Me(t.getFullYear(),e.length)},Q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(o);case"QQ":return Me(o,2);case"Qo":return i.ordinalNumber(o,{unit:"quarter"});case"QQQ":return i.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return i.quarter(o,{width:"narrow",context:"formatting"});default:return i.quarter(o,{width:"wide",context:"formatting"})}},q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(o);case"qq":return Me(o,2);case"qo":return i.ordinalNumber(o,{unit:"quarter"});case"qqq":return i.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return i.quarter(o,{width:"narrow",context:"standalone"});default:return i.quarter(o,{width:"wide",context:"standalone"})}},M:function(t,e,i){const o=t.getMonth();switch(e){case"M":case"MM":return Fe.M(t,e);case"Mo":return i.ordinalNumber(o+1,{unit:"month"});case"MMM":return i.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return i.month(o,{width:"narrow",context:"formatting"});default:return i.month(o,{width:"wide",context:"formatting"})}},L:function(t,e,i){const o=t.getMonth();switch(e){case"L":return String(o+1);case"LL":return Me(o+1,2);case"Lo":return i.ordinalNumber(o+1,{unit:"month"});case"LLL":return i.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return i.month(o,{width:"narrow",context:"standalone"});default:return i.month(o,{width:"wide",context:"standalone"})}},w:function(t,e,i,o){const r=Oe(t,o);return"wo"===e?i.ordinalNumber(r,{unit:"week"}):Me(r,e.length)},I:function(t,e,i){const o=Ee(t);return"Io"===e?i.ordinalNumber(o,{unit:"week"}):Me(o,e.length)},d:function(t,e,i){return"do"===e?i.ordinalNumber(t.getDate(),{unit:"date"}):Fe.d(t,e)},D:function(t,e,i){const o=Ce(t);return"Do"===e?i.ordinalNumber(o,{unit:"dayOfYear"}):Me(o,e.length)},E:function(t,e,i){const o=t.getDay();switch(e){case"E":case"EE":case"EEE":return i.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return i.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},e:function(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"e":return String(n);case"ee":return Me(n,2);case"eo":return i.ordinalNumber(n,{unit:"day"});case"eee":return i.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return i.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(r,{width:"short",context:"formatting"});default:return i.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"c":return String(n);case"cc":return Me(n,e.length);case"co":return i.ordinalNumber(n,{unit:"day"});case"ccc":return i.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return i.day(r,{width:"narrow",context:"standalone"});case"cccccc":return i.day(r,{width:"short",context:"standalone"});default:return i.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,i){const o=t.getDay(),r=0===o?7:o;switch(e){case"i":return String(r);case"ii":return Me(r,e.length);case"io":return i.ordinalNumber(r,{unit:"day"});case"iii":return i.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return i.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},a:function(t,e,i){const o=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return i.dayPeriod(o,{width:"narrow",context:"formatting"});default:return i.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(t,e,i){const o=t.getHours();let r;switch(r=12===o?je:0===o?Pe:o/12>=1?"pm":"am",e){case"b":case"bb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(t,e,i){const o=t.getHours();let r;switch(r=o>=17?ze:o>=12?Te:o>=4?Ae:Le,e){case"B":case"BB":case"BBB":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(t,e,i){if("ho"===e){let e=t.getHours()%12;return 0===e&&(e=12),i.ordinalNumber(e,{unit:"hour"})}return Fe.h(t,e)},H:function(t,e,i){return"Ho"===e?i.ordinalNumber(t.getHours(),{unit:"hour"}):Fe.H(t,e)},K:function(t,e,i){const o=t.getHours()%12;return"Ko"===e?i.ordinalNumber(o,{unit:"hour"}):Me(o,e.length)},k:function(t,e,i){let o=t.getHours();return 0===o&&(o=24),"ko"===e?i.ordinalNumber(o,{unit:"hour"}):Me(o,e.length)},m:function(t,e,i){return"mo"===e?i.ordinalNumber(t.getMinutes(),{unit:"minute"}):Fe.m(t,e)},s:function(t,e,i){return"so"===e?i.ordinalNumber(t.getSeconds(),{unit:"second"}):Fe.s(t,e)},S:function(t,e){return Fe.S(t,e)},X:function(t,e,i){const o=t.getTimezoneOffset();if(0===o)return"Z";switch(e){case"X":return Be(o);case"XXXX":case"XX":return Ne(o);default:return Ne(o,":")}},x:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"x":return Be(o);case"xxxx":case"xx":return Ne(o);default:return Ne(o,":")}},O:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+_e(o,":");default:return"GMT"+Ne(o,":")}},z:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+_e(o,":");default:return"GMT"+Ne(o,":")}},t:function(t,e,i){return Me(Math.trunc(+t/1e3),e.length)},T:function(t,e,i){return Me(+t,e.length)}};function _e(t,e=""){const i=t>0?"-":"+",o=Math.abs(t),r=Math.trunc(o/60),n=o%60;return 0===n?i+String(r):i+String(r)+e+Me(n,2)}function Be(t,e){if(t%60==0){return(t>0?"-":"+")+Me(Math.abs(t)/60,2)}return Ne(t,e)}function Ne(t,e=""){const i=t>0?"-":"+",o=Math.abs(t);return i+Me(Math.trunc(o/60),2)+e+Me(o%60,2)}const Re=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},Ve=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},qe={p:Ve,P:(t,e)=>{const i=t.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return Re(t,e);let n;switch(o){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",Re(o,e)).replace("{{time}}",Ve(r,e))}},We=/^D+$/,Ye=/^Y+$/,Ue=["D","DD","YY","YYYY"];const He=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ge=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ke=/^'([^]*?)'?$/,Xe=/''/g,Qe=/[a-zA-Z]/;function Je(t,e,i){const o=se(),r=o.locale??Se,n=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,a=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=re(t,i?.in);if(!me(s))throw new RangeError("Invalid time value");let d=e.match(Ge).map((t=>{const e=t[0];if("p"===e||"P"===e){return(0,qe[e])(t,r.formatLong)}return t})).join("").match(He).map((t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:Ze(t)};if(Ie[e])return{isToken:!0,value:t};if(e.match(Qe))throw new RangeError("Format string contains an unescaped latin alphabet character `"+e+"`");return{isToken:!1,value:t}}));r.localize.preprocessor&&(d=r.localize.preprocessor(s,d));const l={firstWeekContainsDate:n,weekStartsOn:a,locale:r};return d.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(t){return Ye.test(t)}(o)||function(t){return We.test(t)}(o))&&function(t,e,i){const o=function(t,e,i){const o="Y"===t[0]?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(t,e,i);if(console.warn(o),Ue.includes(t))throw new RangeError(o)}(o,e,String(t));return(0,Ie[o[0]])(s,o,r.localize,l)})).join("")}function Ze(t){const e=t.match(Ke);return e?e[1].replace(Xe,"'"):t}function ti(t,e){return re(t,e?.in).getDate()}function ei(t,e){const i=re(t,e?.in),o=i.getFullYear(),r=i.getMonth(),n=oe(i,0);return n.setFullYear(o,r+1,0),n.setHours(0,0,0,0),n.getDate()}function ii(t,e){return+re(t)>+re(e)}function oi(t,e){return+re(t)<+re(e)}function ri(t,e,i){const[o,r]=he(0,t,e);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function ni(t,e,i){const[o,r]=he(0,t,e);return o.getFullYear()===r.getFullYear()}function ai(t,e){return function(t,e){const[i,o]=he(0,t,e);return+ue(i)===+ue(o)}(oe(t,t),function(t){return oe(t,Date.now())}(t))}let si=class extends t{constructor(){super(...arguments),this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.minDate=null,this.maxDate=null,this.currentView="days",this.handleOutsideClick=t=>{const e=this.getRootNode(),i=e?.host;!i||t.composedPath().includes(this)||t.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=o`
|
|
2777
2816
|
/* Estilos generales del contenedor del calendario (escritorio) */
|
|
2778
2817
|
.calendar-container {
|
|
2779
2818
|
position: absolute;
|
|
@@ -2887,7 +2926,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2887
2926
|
|
|
2888
2927
|
/* Estilos para cada botón de día */
|
|
2889
2928
|
.day {
|
|
2890
|
-
${
|
|
2929
|
+
${B}
|
|
2891
2930
|
display: flex;
|
|
2892
2931
|
align-items: center;
|
|
2893
2932
|
justify-content: center;
|
|
@@ -2950,7 +2989,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
2950
2989
|
/* Botones de año y mes en la grilla */
|
|
2951
2990
|
.year-button,
|
|
2952
2991
|
.month-button {
|
|
2953
|
-
${
|
|
2992
|
+
${B}
|
|
2954
2993
|
background: var(--secondary-white, #fff);
|
|
2955
2994
|
border: 1px solid transparent;
|
|
2956
2995
|
color: var(--secondary-randstad-dark-blue-80, #3c4257);
|
|
@@ -3104,7 +3143,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3104
3143
|
}
|
|
3105
3144
|
|
|
3106
3145
|
.mobile-modal .day {
|
|
3107
|
-
${
|
|
3146
|
+
${N}
|
|
3108
3147
|
font-weight: 500;
|
|
3109
3148
|
display: flex;
|
|
3110
3149
|
align-items: center;
|
|
@@ -3261,7 +3300,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3261
3300
|
<div class="calendar-container" style="width: ${this.calendarWidth}px;">
|
|
3262
3301
|
${i}
|
|
3263
3302
|
</div>
|
|
3264
|
-
`}};a([
|
|
3303
|
+
`}};a([A({type:Object}),s("design:type",Object)],si.prototype,"selectedDate",void 0),a([A({type:Object}),s("design:type",Date)],si.prototype,"viewDate",void 0),a([A({type:Boolean}),s("design:type",Object)],si.prototype,"isMobile",void 0),a([A({type:Number}),s("design:type",Number)],si.prototype,"calendarWidth",void 0),a([A({type:Object}),s("design:type",Object)],si.prototype,"minDate",void 0),a([A({type:Object}),s("design:type",Object)],si.prototype,"maxDate",void 0),a([T(),s("design:type",String)],si.prototype,"currentView",void 0),si=a([d("calendar-overlay")],si);let di=class extends L{constructor(){super(...arguments),this.isRenderClearButton=!0,this.isOpen=!1,this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.handleClickOutside=t=>{t.composedPath().includes(this)||(this.isOpen=!1,this.error&&this.closeOverlay(""))}}static{this.styles=o`
|
|
3265
3304
|
${X}
|
|
3266
3305
|
${Q}
|
|
3267
3306
|
${K}
|
|
@@ -3287,6 +3326,13 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3287
3326
|
/* Estilos para el estado disabled */
|
|
3288
3327
|
.input-wrapper.disabled, .input-wrapper.disabled .date-input {
|
|
3289
3328
|
background-color: var(--secondary-color-10);
|
|
3329
|
+
color: #9FA3B3;
|
|
3330
|
+
cursor: default;
|
|
3331
|
+
}
|
|
3332
|
+
|
|
3333
|
+
.input-wrapper.disabled .icon-button,
|
|
3334
|
+
.input-wrapper.disabled .icon-button randstad-icon {
|
|
3335
|
+
color: #9FA3B3;
|
|
3290
3336
|
cursor: default;
|
|
3291
3337
|
}
|
|
3292
3338
|
|
|
@@ -3317,7 +3363,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3317
3363
|
}
|
|
3318
3364
|
|
|
3319
3365
|
.date-input {
|
|
3320
|
-
${
|
|
3366
|
+
${N}
|
|
3321
3367
|
flex-grow: 1;
|
|
3322
3368
|
border: none;
|
|
3323
3369
|
outline: none;
|
|
@@ -3407,7 +3453,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3407
3453
|
|
|
3408
3454
|
${this.renderHelper()}
|
|
3409
3455
|
</div>
|
|
3410
|
-
`}};a([
|
|
3456
|
+
`}};a([A({type:String}),s("design:type",String)],di.prototype,"width",void 0),a([A({type:Boolean}),s("design:type",Object)],di.prototype,"isRenderClearButton",void 0),a([A({type:String}),s("design:type",String)],di.prototype,"minDate",void 0),a([A({type:String}),s("design:type",String)],di.prototype,"maxDate",void 0),a([T(),s("design:type",Object)],di.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],di.prototype,"selectedDate",void 0),a([T(),s("design:type",Date)],di.prototype,"viewDate",void 0),a([T(),s("design:type",Object)],di.prototype,"isMobile",void 0),a([T(),s("design:type",Number)],di.prototype,"calendarWidth",void 0),a([z(".input-container"),s("design:type",HTMLDivElement)],di.prototype,"inputContainer",void 0),di=a([d("datepicker-component")],di);const li={"application/pdf":"PDF","application/msword":"Word (.doc)","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"Word (.docx)","image/jpeg":"JPEG","image/png":"PNG","text/plain":"Texto (.txt)"};let ci=class extends L{constructor(){super(...arguments),this.files=[],this.maxFiles=1,this.acceptedFileTypes=[],this.maxFileSize=5242880,this.buttonText="Agregar archivo",this.simulatedDelay=0,this.loading=!1,this.progress=0}static{this.styles=o`
|
|
3411
3457
|
${X}
|
|
3412
3458
|
${Q}
|
|
3413
3459
|
${K}
|
|
@@ -3450,7 +3496,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3450
3496
|
}
|
|
3451
3497
|
|
|
3452
3498
|
.file-name {
|
|
3453
|
-
${
|
|
3499
|
+
${B};
|
|
3454
3500
|
text-align: right;
|
|
3455
3501
|
color: var(--secondary-color-40);
|
|
3456
3502
|
vertical-align: middle;
|
|
@@ -3521,5 +3567,5 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
|
|
|
3521
3567
|
</div>
|
|
3522
3568
|
`:i}
|
|
3523
3569
|
</div>
|
|
3524
|
-
`}};a([
|
|
3570
|
+
`}};a([A({type:String}),s("design:type",String)],ci.prototype,"width",void 0),a([A({type:Array}),s("design:type",Array)],ci.prototype,"files",void 0),a([A({type:Number}),s("design:type",Object)],ci.prototype,"maxFiles",void 0),a([A({type:Array}),s("design:type",Array)],ci.prototype,"acceptedFileTypes",void 0),a([A({type:Number}),s("design:type",Object)],ci.prototype,"maxFileSize",void 0),a([A({type:String}),s("design:type",Object)],ci.prototype,"buttonText",void 0),a([A({type:Number}),s("design:type",Object)],ci.prototype,"simulatedDelay",void 0),a([T(),s("design:type",Object)],ci.prototype,"loading",void 0),a([T(),s("design:type",Object)],ci.prototype,"progress",void 0),a([z('input[type="file"]'),s("design:type",HTMLInputElement)],ci.prototype,"fileInput",void 0),ci=a([d("upload-file")],ci);export{Y as AccordionList,W as AccordionPanel,L as BaseControl,si as CalendarOverlay,H as CarouselCard,G as Checkbox,it as CustomModal,ot as CustomPopup,Ht as CustomRadio,Qt as CustomStepper,di as DatePickerComponent,Gt as FilterableSelect,Z as FormGroup,tt as IconComponent,rt as ProgressCircle,U as RandstadButton,J as RandstadForm,et as RandstadNotice,Jt as TabsBar,ci as UploadFile,te as UploadImage};
|
|
3525
3571
|
//# sourceMappingURL=index.js.map
|