blip-ds 1.181.0 → 1.184.0
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/blip-ds/bds-input-password.entry.js +34 -2
- package/dist/blip-ds/bds-input-password.system.entry.js +1 -1
- package/dist/blip-ds/bds-upload.entry.js +8 -3
- package/dist/blip-ds/bds-upload.system.entry.js +1 -1
- package/dist/blip-ds/p-4778a268.entry.js +1 -0
- package/dist/blip-ds/p-4b49ab55.entry.js +1 -0
- package/dist/blip-ds/p-53ca3b00.system.js +1 -1
- package/dist/blip-ds/p-722af084.system.entry.js +1 -0
- package/dist/blip-ds/p-b76f3c49.system.entry.js +1 -0
- package/dist/cjs/bds-input-password.cjs.entry.js +33 -1
- package/dist/cjs/bds-upload.cjs.entry.js +8 -3
- package/dist/collection/assets/svg/thumbnail-github.svg +49 -0
- package/dist/collection/components/input-password/input-password.js +123 -2
- package/dist/collection/components/upload/bds-upload.css +2 -3
- package/dist/collection/components/upload/bds-upload.js +7 -2
- package/dist/esm/bds-input-password.entry.js +34 -2
- package/dist/esm/bds-upload.entry.js +8 -3
- package/dist/esm-es5/bds-input-password.entry.js +1 -1
- package/dist/esm-es5/bds-upload.entry.js +1 -1
- package/dist/types/components/input-password/input-password.d.ts +31 -0
- package/dist/types/components.d.ts +28 -0
- package/package.json +1 -1
- package/readme.md +3 -280
- package/dist/blip-ds/p-21a6fff7.system.entry.js +0 -1
- package/dist/blip-ds/p-55cef096.system.entry.js +0 -1
- package/dist/blip-ds/p-8fb1aae5.entry.js +0 -1
- package/dist/blip-ds/p-f4ad9976.entry.js +0 -1
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import { r as registerInstance, h, f as Host } from './index-bb4c2258.js';
|
|
1
|
+
import { r as registerInstance, e as createEvent, h, f as Host } from './index-bb4c2258.js';
|
|
2
2
|
|
|
3
3
|
const inputPasswordCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-password,300.sc-bds-input-password;0.sc-bds-input-password,400.sc-bds-input-password;0.sc-bds-input-password,600.sc-bds-input-password;0.sc-bds-input-password,700.sc-bds-input-password;0.sc-bds-input-password,800.sc-bds-input-password;0.sc-bds-input-password,900.sc-bds-input-password;1.sc-bds-input-password,200.sc-bds-input-password;1.sc-bds-input-password,300.sc-bds-input-password;1.sc-bds-input-password,400.sc-bds-input-password;1.sc-bds-input-password,600.sc-bds-input-password;1.sc-bds-input-password,700.sc-bds-input-password;1.sc-bds-input-password,800.sc-bds-input-password;1.sc-bds-input-password,900&display=swap\").sc-bds-input-password; .sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}";
|
|
4
4
|
|
|
5
5
|
const InputPassword = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.bdsInputPasswordChange = createEvent(this, "bdsInputPasswordChange", 7);
|
|
9
|
+
this.bdsInputPasswordInput = createEvent(this, "bdsInputPasswordInput", 7);
|
|
10
|
+
this.bdsInputPasswordBlur = createEvent(this, "bdsInputPasswordBlur", 7);
|
|
11
|
+
this.bdsInputPasswordFocus = createEvent(this, "bdsInputPasswordFocus", 7);
|
|
12
|
+
this.bdsInputPasswordSubmit = createEvent(this, "bdsInputPasswordSubmit", 7);
|
|
13
|
+
this.bdsKeyDownBackspace = createEvent(this, "bdsKeyDownBackspace", 7);
|
|
8
14
|
this.openEyes = false;
|
|
9
15
|
/**
|
|
10
16
|
* The value of the input.
|
|
@@ -63,6 +69,32 @@ const InputPassword = class {
|
|
|
63
69
|
this.openEyes = !this.openEyes;
|
|
64
70
|
}
|
|
65
71
|
};
|
|
72
|
+
this.onChange = (ev) => {
|
|
73
|
+
const input = ev.target;
|
|
74
|
+
if (input) {
|
|
75
|
+
this.value = input.value || '';
|
|
76
|
+
}
|
|
77
|
+
this.bdsInputPasswordChange.emit({ value: this.value == null ? this.value : this.value.toString() });
|
|
78
|
+
};
|
|
79
|
+
this.onInput = (ev) => {
|
|
80
|
+
const input = ev.target;
|
|
81
|
+
if (input) {
|
|
82
|
+
this.value = input.value || '';
|
|
83
|
+
}
|
|
84
|
+
this.bdsInputPasswordInput.emit(ev);
|
|
85
|
+
};
|
|
86
|
+
this.onBlur = () => {
|
|
87
|
+
this.bdsInputPasswordBlur.emit();
|
|
88
|
+
};
|
|
89
|
+
this.onFocus = () => {
|
|
90
|
+
this.bdsInputPasswordFocus.emit();
|
|
91
|
+
};
|
|
92
|
+
this.onSubmit = () => {
|
|
93
|
+
this.bdsInputPasswordSubmit.emit();
|
|
94
|
+
};
|
|
95
|
+
this.keyPressWrapper = (ev) => {
|
|
96
|
+
this.bdsKeyDownBackspace.emit({ ev, value: this.value });
|
|
97
|
+
};
|
|
66
98
|
}
|
|
67
99
|
getAutoComplete() {
|
|
68
100
|
if (!this.openEyes)
|
|
@@ -73,7 +105,7 @@ const InputPassword = class {
|
|
|
73
105
|
const iconPassword = this.openEyes ? 'eye-open' : 'eye-closed';
|
|
74
106
|
const type = this.openEyes ? 'text' : 'password';
|
|
75
107
|
const autocomplete = this.getAutoComplete();
|
|
76
|
-
return (h(Host, null, h("bds-input", { type: type, "input-name": this.inputName, value: this.value, label: this.label, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, "helper-message": this.helperMessage, "error-message": this.errorMessage, danger: this.danger, icon: this.icon, disabled: this.disabled, readonly: this.readonly, "auto-complete": autocomplete, "auto-capitalize": this.autoCapitalize, placeholder: this.placeholder, "data-test": this.dataTest }, h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword }, h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
|
|
108
|
+
return (h(Host, null, h("bds-input", { type: type, "input-name": this.inputName, value: this.value, label: this.label, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, "helper-message": this.helperMessage, "error-message": this.errorMessage, danger: this.danger, icon: this.icon, disabled: this.disabled, readonly: this.readonly, "auto-complete": autocomplete, "auto-capitalize": this.autoCapitalize, placeholder: this.placeholder, "data-test": this.dataTest, onBdsChange: this.onChange, onBdsInput: this.onInput, onBdsOnBlur: this.onBlur, onBdsFocus: this.onFocus, onBdsSubmit: this.onSubmit, onBdsKeyDownBackspace: this.keyPressWrapper }, h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword }, h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
|
|
77
109
|
}
|
|
78
110
|
};
|
|
79
111
|
InputPassword.style = inputPasswordCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-4705f39a.system.js"],(function(s){"use strict";var t,e,
|
|
1
|
+
System.register(["./index-4705f39a.system.js"],(function(s){"use strict";var t,i,e,n;return{setters:[function(s){t=s.r;i=s.e;e=s.h;n=s.f}],execute:function(){var a='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-password,300.sc-bds-input-password;0.sc-bds-input-password,400.sc-bds-input-password;0.sc-bds-input-password,600.sc-bds-input-password;0.sc-bds-input-password,700.sc-bds-input-password;0.sc-bds-input-password,800.sc-bds-input-password;0.sc-bds-input-password,900.sc-bds-input-password;1.sc-bds-input-password,200.sc-bds-input-password;1.sc-bds-input-password,300.sc-bds-input-password;1.sc-bds-input-password,400.sc-bds-input-password;1.sc-bds-input-password,600.sc-bds-input-password;1.sc-bds-input-password,700.sc-bds-input-password;1.sc-bds-input-password,800.sc-bds-input-password;1.sc-bds-input-password,900&display=swap").sc-bds-input-password; .sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}';var o=s("bds_input_password",function(){function s(s){var e=this;t(this,s);this.bdsInputPasswordChange=i(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=i(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=i(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=i(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=i(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=i(this,"bdsKeyDownBackspace",7);this.openEyes=false;this.value="";this.label="";this.inputName="";this.readonly=false;this.helperMessage="";this.errorMessage="";this.danger=false;this.icon="";this.disabled=false;this.autoCapitalize="off";this.autoComplete="off";this.placeholder="";this.dataTest=null;this.toggleEyePassword=function(){if(!e.disabled){e.openEyes=!e.openEyes}};this.onChange=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordChange.emit({value:e.value==null?e.value:e.value.toString()})};this.onInput=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordInput.emit(s)};this.onBlur=function(){e.bdsInputPasswordBlur.emit()};this.onFocus=function(){e.bdsInputPasswordFocus.emit()};this.onSubmit=function(){e.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){e.bdsKeyDownBackspace.emit({ev:s,value:e.value})}}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.render=function(){var s=this.openEyes?"eye-open":"eye-closed";var t=this.openEyes?"text":"password";var i=this.getAutoComplete();return e(n,null,e("bds-input",{type:t,"input-name":this.inputName,value:this.value,label:this.label,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,"helper-message":this.helperMessage,"error-message":this.errorMessage,danger:this.danger,icon:this.icon,disabled:this.disabled,readonly:this.readonly,"auto-complete":i,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest,onBdsChange:this.onChange,onBdsInput:this.onInput,onBdsOnBlur:this.onBlur,onBdsFocus:this.onFocus,onBdsSubmit:this.onSubmit,onBdsKeyDownBackspace:this.keyPressWrapper},e("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},e("bds-icon",{size:"small",name:s,color:"inherit"}))))};return s}());o.style=a}}}));
|
|
@@ -44,7 +44,7 @@ const termTranslate = (lang, string) => {
|
|
|
44
44
|
|
|
45
45
|
const patternSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';
|
|
46
46
|
|
|
47
|
-
const bdsUploadCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100
|
|
47
|
+
const bdsUploadCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload__edit--label .text-box--hover{background-color:#f8fbfb}.upload__edit--label:hover{border:2px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 16px;cursor:pointer;-webkit-text-decoration:underline #125ad5;text-decoration:underline #125ad5;color:#125ad5}.upload__edit--hover{background-size:cover;border:1px dashed #b9cbd3;color:#125ad5;font-weight:bold;border-radius:8px}.upload__img--invisible{display:none}.list-preview{border-top:1px solid #b9cbd3;border-bottom:1px solid #b9cbd3;max-height:200px;overflow-y:auto}.upload__preview{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 0}.upload__preview .preview{display:-ms-flexbox;display:flex;padding:0 16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.upload__preview .preview-text{font-family:\"Nunito Sans\";font-size:0.875rem;font-weight:700;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.upload__preview .preview-icon:hover{cursor:pointer}.preview-length{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;padding-top:16px;text-align:end}.upload__edit input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:0;height:100%}";
|
|
48
48
|
|
|
49
49
|
const BdsUpload = class {
|
|
50
50
|
constructor(hostRef) {
|
|
@@ -114,7 +114,12 @@ const BdsUpload = class {
|
|
|
114
114
|
*/
|
|
115
115
|
onUploadClick(files) {
|
|
116
116
|
if (files.length > 0) {
|
|
117
|
-
|
|
117
|
+
if (!this.multiple) {
|
|
118
|
+
this.files = [files[0]];
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
this.files = [...this.files, ...files];
|
|
122
|
+
}
|
|
118
123
|
this.haveFiles = true;
|
|
119
124
|
this.getSize();
|
|
120
125
|
}
|
|
@@ -147,7 +152,7 @@ const BdsUpload = class {
|
|
|
147
152
|
this.bdsUploadDelete.emit();
|
|
148
153
|
}
|
|
149
154
|
render() {
|
|
150
|
-
return (h("div", { class: "upload" }, h("div", { class: "upload-header" }, h("bds-icon", { size: "xxx-large", name: "upload" }), h("div", { class: "upload-header_text" }, h("bds-typo", { variant: "fs-16", bold: "bold" }, this.titleName), h("bds-typo", { variant: "fs-14", bold: "regular" }, this.subtitle))), this.error ? (h("bds-banner", { context: "inside", variant: "error" }, this.error)) : (''), this.haveFiles ? (h("div", null, h("div", { class: "list-preview" }, this.files.map((names, index) => (h("div", { class: "upload__preview", key: index, id: "drop-area" }, h("div", { class: "preview", id: "preview" }, h("bds-icon", { size: "x-small", name: "attach" }), h("p", { class: "preview-text", id: "preview-text" }, names.name), h("bds-button-icon", { class: "preview-icon", size: "short", icon: "trash", variant: "secondary", onClick: () => this.deleteFile(index) })))))), this.multiple ? (h("bds-typo", { variant: "fs-14", italic: true, class: "preview-length" }, this.files.length > 1 ? `${this.files.length} ${termTranslate(this.language, 'uploaded')}` : '')) : (''))) : (''), h("div", { class: { upload__edit: true } }, h("label", { class: { 'upload__edit--label': true, 'upload__edit--hover': this.hover }, id: "file-label", htmlFor: "file" }, h("div", { class: { 'text-box': true, 'text-box--hover': this.hover }, id: "file-text_box" }, this.hover ? (h("bds-typo", { class: "text", variant: "fs-14", bold: "
|
|
155
|
+
return (h("div", { class: "upload" }, h("div", { class: "upload-header" }, h("bds-icon", { size: "xxx-large", name: "upload" }), h("div", { class: "upload-header_text" }, h("bds-typo", { variant: "fs-16", bold: "bold" }, this.titleName), h("bds-typo", { variant: "fs-14", bold: "regular" }, this.subtitle))), this.error ? (h("bds-banner", { context: "inside", variant: "error" }, this.error)) : (''), this.haveFiles ? (h("div", null, h("div", { class: "list-preview" }, this.files.map((names, index) => (h("div", { class: "upload__preview", key: index, id: "drop-area" }, h("div", { class: "preview", id: "preview" }, h("bds-icon", { size: "x-small", name: "attach" }), h("p", { class: "preview-text", id: "preview-text" }, names.name), h("bds-button-icon", { class: "preview-icon", size: "short", icon: "trash", variant: "secondary", onClick: () => this.deleteFile(index) })))))), this.multiple ? (h("bds-typo", { variant: "fs-14", italic: true, class: "preview-length" }, this.files.length > 1 ? `${this.files.length} ${termTranslate(this.language, 'uploaded')}` : '')) : (''))) : (''), h("div", { class: { upload__edit: true } }, h("label", { class: { 'upload__edit--label': true, 'upload__edit--hover': this.hover }, id: "file-label", htmlFor: "file" }, h("div", { class: { 'text-box': true, 'text-box--hover': this.hover }, id: "file-text_box" }, this.hover ? (h("bds-typo", { class: "text", variant: "fs-14", bold: "regular" }, termTranslate(this.language, 'dropHere'))) : (h("bds-typo", { class: "text", variant: "fs-14", bold: "regular" }, termTranslate(this.language, 'dropOrClick')))), h("img", { class: { 'upload__img--invisible': true, 'upload__img--visible': this.hover }, src: patternSvg })), h("input", { type: "file", name: "files[]", id: "file", class: "upload__input", multiple: this.multiple, accept: this.accept, onChange: ($event) => this.onUploadClick($event.target.files) }))));
|
|
151
156
|
}
|
|
152
157
|
get dropArea() { return getElement(this); }
|
|
153
158
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var a=0,r=i.length,o;a<r;a++){if(o||!(a in i)){if(!o)o=Array.prototype.slice.call(i,0,a);o[a]=i[a]}}return e.concat(o||Array.prototype.slice.call(i))};System.register(["./index-4705f39a.system.js"],(function(e){"use strict";var i,t,a,r;return{setters:[function(e){i=e.r;t=e.e;a=e.h;r=e.g}],execute:function(){var o=[{uploaded:"Arquivos enviados",dropHere:"Solte aqui para anexar o arquivo",dropOrClick:"Arraste e solte seus arquivos aqui ou clique para fazer upload do arquivo"}];var l=[{uploaded:"Archivos subidos",dropHere:"Soltar aquí para adjuntar archivo",dropOrClick:"Arrastre y suelte sus archivos aquí o haga clic para cargar el archivo"}];var s=[{uploaded:"Files uploaded",dropHere:"Drop here to attach file",dropOrClick:"Drag and drop your files here or click to upload file"}];var d=function(e,i){var t;switch(e){case"pt_BR":t=o.map((function(e){return e[i]}));break;case"es_ES":t=l.map((function(e){return e[i]}));break;case"en_US":t=s.map((function(e){return e[i]}));break;default:t=o.map((function(e){return e[i]}))}return t};var n="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";var p='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100
|
|
1
|
+
var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var a=0,r=i.length,o;a<r;a++){if(o||!(a in i)){if(!o)o=Array.prototype.slice.call(i,0,a);o[a]=i[a]}}return e.concat(o||Array.prototype.slice.call(i))};System.register(["./index-4705f39a.system.js"],(function(e){"use strict";var i,t,a,r;return{setters:[function(e){i=e.r;t=e.e;a=e.h;r=e.g}],execute:function(){var o=[{uploaded:"Arquivos enviados",dropHere:"Solte aqui para anexar o arquivo",dropOrClick:"Arraste e solte seus arquivos aqui ou clique para fazer upload do arquivo"}];var l=[{uploaded:"Archivos subidos",dropHere:"Soltar aquí para adjuntar archivo",dropOrClick:"Arrastre y suelte sus archivos aquí o haga clic para cargar el archivo"}];var s=[{uploaded:"Files uploaded",dropHere:"Drop here to attach file",dropOrClick:"Drag and drop your files here or click to upload file"}];var d=function(e,i){var t;switch(e){case"pt_BR":t=o.map((function(e){return e[i]}));break;case"es_ES":t=l.map((function(e){return e[i]}));break;case"en_US":t=s.map((function(e){return e[i]}));break;default:t=o.map((function(e){return e[i]}))}return t};var n="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";var p='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload__edit--label .text-box--hover{background-color:#f8fbfb}.upload__edit--label:hover{border:2px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 16px;cursor:pointer;-webkit-text-decoration:underline #125ad5;text-decoration:underline #125ad5;color:#125ad5}.upload__edit--hover{background-size:cover;border:1px dashed #b9cbd3;color:#125ad5;font-weight:bold;border-radius:8px}.upload__img--invisible{display:none}.list-preview{border-top:1px solid #b9cbd3;border-bottom:1px solid #b9cbd3;max-height:200px;overflow-y:auto}.upload__preview{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 0}.upload__preview .preview{display:-ms-flexbox;display:flex;padding:0 16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.upload__preview .preview-text{font-family:"Nunito Sans";font-size:0.875rem;font-weight:700;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.upload__preview .preview-icon:hover{cursor:pointer}.preview-length{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;padding-top:16px;text-align:end}.upload__edit input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:0;height:100%}';var u=e("bds_upload",function(){function e(e){var a=this;i(this,e);this.bdsUploadDelete=t(this,"bdsUploadDelete",7);this.bdsUploadChange=t(this,"bdsUploadChange",7);this.files=[];this.haveFiles=false;this.hover=false;this.size=[];this.language="pt_BR";this.handleDrop=function(e){a.haveFiles=true;var i=e.dataTransfer;var t=i.files;a.handleFiles(t)};this.handleFiles=function(e){if(!a.multiple){a.files=[e[0]]}else{a.files=__spreadArray(__spreadArray([],a.files,true),e,true)}a.bdsUploadChange.emit()}}e.prototype.componentDidLoad=function(){var e=this;["dragenter","dragover","dragleave","drop"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,e.preventDefaults,false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(true)}),false)}));["dragenter","dragover"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,(function(){return e.preventDefaults}),false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(true)}),false)}));["dragleave","drop"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,(function(){return e.preventDefaults}),false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(false)}),false)}));this.dropArea.shadowRoot.addEventListener("drop",this.handleDrop,false)};e.prototype.preventDefaults=function(e){e.preventDefault();e.stopPropagation()};e.prototype.hoverFile=function(e){this.hover=e};e.prototype.onUploadClick=function(e){if(e.length>0){if(!this.multiple){this.files=[e[0]]}else{this.files=__spreadArray(__spreadArray([],this.files,true),e,true)}this.haveFiles=true;this.getSize()}else{return false}this.bdsUploadChange.emit()};e.prototype.getSize=function(){var e=this;this.files.map((function(i){var t=i.size;e.size.push(t)}))};e.prototype.deleteFile=function(e){this.files.splice(e,1);this.files=__spreadArray([],this.files,true);if(this.files.length===0){this.haveFiles=false}else{this.haveFiles=true}this.bdsUploadDelete.emit()};e.prototype.render=function(){var e=this;return a("div",{class:"upload"},a("div",{class:"upload-header"},a("bds-icon",{size:"xxx-large",name:"upload"}),a("div",{class:"upload-header_text"},a("bds-typo",{variant:"fs-16",bold:"bold"},this.titleName),a("bds-typo",{variant:"fs-14",bold:"regular"},this.subtitle))),this.error?a("bds-banner",{context:"inside",variant:"error"},this.error):"",this.haveFiles?a("div",null,a("div",{class:"list-preview"},this.files.map((function(i,t){return a("div",{class:"upload__preview",key:t,id:"drop-area"},a("div",{class:"preview",id:"preview"},a("bds-icon",{size:"x-small",name:"attach"}),a("p",{class:"preview-text",id:"preview-text"},i.name),a("bds-button-icon",{class:"preview-icon",size:"short",icon:"trash",variant:"secondary",onClick:function(){return e.deleteFile(t)}})))}))),this.multiple?a("bds-typo",{variant:"fs-14",italic:true,class:"preview-length"},this.files.length>1?"".concat(this.files.length," ").concat(d(this.language,"uploaded")):""):""):"",a("div",{class:{upload__edit:true}},a("label",{class:{"upload__edit--label":true,"upload__edit--hover":this.hover},id:"file-label",htmlFor:"file"},a("div",{class:{"text-box":true,"text-box--hover":this.hover},id:"file-text_box"},this.hover?a("bds-typo",{class:"text",variant:"fs-14",bold:"regular"},d(this.language,"dropHere")):a("bds-typo",{class:"text",variant:"fs-14",bold:"regular"},d(this.language,"dropOrClick"))),a("img",{class:{"upload__img--invisible":true,"upload__img--visible":this.hover},src:n})),a("input",{type:"file",name:"files[]",id:"file",class:"upload__input",multiple:this.multiple,accept:this.accept,onChange:function(i){return e.onUploadClick(i.target.files)}})))};Object.defineProperty(e.prototype,"dropArea",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=p}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as t,g as a}from"./p-153dcf8b.js";const o=[{uploaded:"Arquivos enviados",dropHere:"Solte aqui para anexar o arquivo",dropOrClick:"Arraste e solte seus arquivos aqui ou clique para fazer upload do arquivo"}],s=[{uploaded:"Archivos subidos",dropHere:"Soltar aquí para adjuntar archivo",dropOrClick:"Arrastre y suelte sus archivos aquí o haga clic para cargar el archivo"}],l=[{uploaded:"Files uploaded",dropHere:"Drop here to attach file",dropOrClick:"Drag and drop your files here or click to upload file"}],r=(i,e)=>{let t;switch(i){case"pt_BR":t=o.map((i=>i[e]));break;case"es_ES":t=s.map((i=>i[e]));break;case"en_US":t=l.map((i=>i[e]));break;default:t=o.map((i=>i[e]))}return t},d=class{constructor(t){i(this,t),this.bdsUploadDelete=e(this,"bdsUploadDelete",7),this.bdsUploadChange=e(this,"bdsUploadChange",7),this.files=[],this.haveFiles=!1,this.hover=!1,this.size=[],this.language="pt_BR",this.handleDrop=i=>{this.haveFiles=!0,this.handleFiles(i.dataTransfer.files)},this.handleFiles=i=>{this.files=this.multiple?[...this.files,...i]:[i[0]],this.bdsUploadChange.emit()}}componentDidLoad(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.dropArea.shadowRoot.addEventListener(i,this.preventDefaults,!1),this.dropArea.shadowRoot.addEventListener(i,(()=>this.hoverFile(!0)),!1)})),["dragenter","dragover"].forEach((i=>{this.dropArea.shadowRoot.addEventListener(i,(()=>this.preventDefaults),!1),this.dropArea.shadowRoot.addEventListener(i,(()=>this.hoverFile(!0)),!1)})),["dragleave","drop"].forEach((i=>{this.dropArea.shadowRoot.addEventListener(i,(()=>this.preventDefaults),!1),this.dropArea.shadowRoot.addEventListener(i,(()=>this.hoverFile(!1)),!1)})),this.dropArea.shadowRoot.addEventListener("drop",this.handleDrop,!1)}preventDefaults(i){i.preventDefault(),i.stopPropagation()}hoverFile(i){this.hover=i}onUploadClick(i){if(!(i.length>0))return!1;this.files=this.multiple?[...this.files,...i]:[i[0]],this.haveFiles=!0,this.getSize(),this.bdsUploadChange.emit()}getSize(){this.files.map((i=>{this.size.push(i.size)}))}deleteFile(i){this.files.splice(i,1),this.files=[...this.files],this.haveFiles=0!==this.files.length,this.bdsUploadDelete.emit()}render(){return t("div",{class:"upload"},t("div",{class:"upload-header"},t("bds-icon",{size:"xxx-large",name:"upload"}),t("div",{class:"upload-header_text"},t("bds-typo",{variant:"fs-16",bold:"bold"},this.titleName),t("bds-typo",{variant:"fs-14",bold:"regular"},this.subtitle))),this.error?t("bds-banner",{context:"inside",variant:"error"},this.error):"",this.haveFiles?t("div",null,t("div",{class:"list-preview"},this.files.map(((i,e)=>t("div",{class:"upload__preview",key:e,id:"drop-area"},t("div",{class:"preview",id:"preview"},t("bds-icon",{size:"x-small",name:"attach"}),t("p",{class:"preview-text",id:"preview-text"},i.name),t("bds-button-icon",{class:"preview-icon",size:"short",icon:"trash",variant:"secondary",onClick:()=>this.deleteFile(e)})))))),this.multiple?t("bds-typo",{variant:"fs-14",italic:!0,class:"preview-length"},this.files.length>1?`${this.files.length} ${r(this.language,"uploaded")}`:""):""):"",t("div",{class:{upload__edit:!0}},t("label",{class:{"upload__edit--label":!0,"upload__edit--hover":this.hover},id:"file-label",htmlFor:"file"},t("div",{class:{"text-box":!0,"text-box--hover":this.hover},id:"file-text_box"},t("bds-typo",{class:"text",variant:"fs-14",bold:"regular"},r(this.language,this.hover?"dropHere":"dropOrClick"))),t("img",{class:{"upload__img--invisible":!0,"upload__img--visible":this.hover},src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="})),t("input",{type:"file",name:"files[]",id:"file",class:"upload__input",multiple:this.multiple,accept:this.accept,onChange:i=>this.onUploadClick(i.target.files)})))}get dropArea(){return a(this)}};d.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload__edit--label .text-box--hover{background-color:#f8fbfb}.upload__edit--label:hover{border:2px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 16px;cursor:pointer;-webkit-text-decoration:underline #125ad5;text-decoration:underline #125ad5;color:#125ad5}.upload__edit--hover{background-size:cover;border:1px dashed #b9cbd3;color:#125ad5;font-weight:bold;border-radius:8px}.upload__img--invisible{display:none}.list-preview{border-top:1px solid #b9cbd3;border-bottom:1px solid #b9cbd3;max-height:200px;overflow-y:auto}.upload__preview{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 0}.upload__preview .preview{display:-ms-flexbox;display:flex;padding:0 16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.upload__preview .preview-text{font-family:"Nunito Sans";font-size:0.875rem;font-weight:700;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.upload__preview .preview-icon:hover{cursor:pointer}.preview-length{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;padding-top:16px;text-align:end}.upload__edit input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:0;height:100%}';export{d as bds_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as i,H as d}from"./p-153dcf8b.js";const p=class{constructor(i){s(this,i),this.bdsInputPasswordChange=t(this,"bdsInputPasswordChange",7),this.bdsInputPasswordInput=t(this,"bdsInputPasswordInput",7),this.bdsInputPasswordBlur=t(this,"bdsInputPasswordBlur",7),this.bdsInputPasswordFocus=t(this,"bdsInputPasswordFocus",7),this.bdsInputPasswordSubmit=t(this,"bdsInputPasswordSubmit",7),this.bdsKeyDownBackspace=t(this,"bdsKeyDownBackspace",7),this.openEyes=!1,this.value="",this.label="",this.inputName="",this.readonly=!1,this.helperMessage="",this.errorMessage="",this.danger=!1,this.icon="",this.disabled=!1,this.autoCapitalize="off",this.autoComplete="off",this.placeholder="",this.dataTest=null,this.toggleEyePassword=()=>{this.disabled||(this.openEyes=!this.openEyes)},this.onChange=s=>{const t=s.target;t&&(this.value=t.value||""),this.bdsInputPasswordChange.emit({value:null==this.value?this.value:this.value.toString()})},this.onInput=s=>{const t=s.target;t&&(this.value=t.value||""),this.bdsInputPasswordInput.emit(s)},this.onBlur=()=>{this.bdsInputPasswordBlur.emit()},this.onFocus=()=>{this.bdsInputPasswordFocus.emit()},this.onSubmit=()=>{this.bdsInputPasswordSubmit.emit()},this.keyPressWrapper=s=>{this.bdsKeyDownBackspace.emit({ev:s,value:this.value})}}getAutoComplete(){return this.openEyes?this.autoComplete:"current-password"}render(){const s=this.openEyes?"eye-open":"eye-closed",t=this.openEyes?"text":"password",p=this.getAutoComplete();return i(d,null,i("bds-input",{type:t,"input-name":this.inputName,value:this.value,label:this.label,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,"helper-message":this.helperMessage,"error-message":this.errorMessage,danger:this.danger,icon:this.icon,disabled:this.disabled,readonly:this.readonly,"auto-complete":p,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest,onBdsChange:this.onChange,onBdsInput:this.onInput,onBdsOnBlur:this.onBlur,onBdsFocus:this.onFocus,onBdsSubmit:this.onSubmit,onBdsKeyDownBackspace:this.keyPressWrapper},i("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},i("bds-icon",{size:"small",name:s,color:"inherit"}))))}};p.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-password,300.sc-bds-input-password;0.sc-bds-input-password,400.sc-bds-input-password;0.sc-bds-input-password,600.sc-bds-input-password;0.sc-bds-input-password,700.sc-bds-input-password;0.sc-bds-input-password,800.sc-bds-input-password;0.sc-bds-input-password,900.sc-bds-input-password;1.sc-bds-input-password,200.sc-bds-input-password;1.sc-bds-input-password,300.sc-bds-input-password;1.sc-bds-input-password,400.sc-bds-input-password;1.sc-bds-input-password,600.sc-bds-input-password;1.sc-bds-input-password,700.sc-bds-input-password;1.sc-bds-input-password,800.sc-bds-input-password;1.sc-bds-input-password,900&display=swap").sc-bds-input-password; .sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}';export{p as bds_input_password}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-0a46d49e.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(e){a=e.p;s=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c143febf.system.js").then((function(){return r}))}}return o(r)};var l=function(t,a){var o=e(i);try{s[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;s[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-95a4efe2.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-adda5b65.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["p-d606e407.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-26caa697.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-68384abd.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-83c14c81.system",[[2,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[516],"disabled":[516],"required":[4],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["p-8b8dba77.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-4dcfd440.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"danger":[1540],"isEditing":[32],"isValid":[32]}]]],["p-21a6fff7.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"]}]]],["p-55cef096.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-5afd516a.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-c8d5b795.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-120356e5.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-adb4c89c.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-f2e31b0b.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-1e0e7b7c.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-73d5497b.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-90dc57b4.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-4f7ba3e9.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-b66d401a.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-31ed857f.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-446d968f.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-54d53d9d.system",[[1,"bds-warning"]]],["p-fb5f3431.system",[[1,"bds-alert-body"]]],["p-2e10825c.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-f89806a0.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-e8296f40.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-19f75925.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"toggle":[64]}]]],["p-77769853.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-e35d83e2.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-0f204706.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-2475b179.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-a7bcb130.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-d778795f.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-20663da6.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-e085a87a.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-1b5f3f18.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-5eab3a39.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-a81f7a50.system",[[1,"bds-alert-actions"]]],["p-387f7360.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-8734c5ef.system",[[1,"bds-expansion-panel"]]],["p-80143d40.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-be084347.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-1eae3c9f.system",[[1,"bds-loading",{"type":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-33a2676a.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-53f6d580.system",[[1,"bds-menu-list"]]],["p-50490550.system",[[1,"bds-modal-action"]]],["p-4c502158.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-31b544a5.system",[[6,"bds-radio-group",{"value":[1]}]]],["p-8c059bee.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-bbdfe1aa.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ff05dbb2.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-b4c69f1c.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-0fe236a5.system",[[6,"bds-toast-container"]]],["p-6ce24588.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}]]],["p-f715391a.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-88b060ff.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-2abd9ed3.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-9c2ef009.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1]}]]],["p-034ffa39.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-8bbebf77.system",[[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-0a46d49e.system.js"],(function(e,t){"use strict";var a,s,n,i,o,r;return{setters:[function(e){a=e.p;s=e.w;n=e.d;i=e.N;o=e.a;r=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(n.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(i,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===i}));var r=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(r.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c143febf.system.js").then((function(){return r}))}}return o(r)};var l=function(t,a){var o=e(i);try{s[o]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var r=new Map;s[o]=function(e){var i=new URL(e,t).href;var d=r.get(i);if(!d){var l=n.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(o,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[o].m);l.remove()}}));r.set(i,d);n.head.appendChild(l)}return d}}};d().then((function(e){return r(JSON.parse('[["p-95a4efe2.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-adda5b65.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["p-d606e407.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"internalOptions":[32],"isOpen":[32],"isValid":[64],"getChips":[64]},[[9,"mousedown","handleWindow"]]]]],["p-26caa697.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-68384abd.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-83c14c81.system",[[2,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[516],"disabled":[516],"required":[4],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["p-8b8dba77.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-4dcfd440.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"danger":[1540],"isEditing":[32],"isValid":[32]}]]],["p-722af084.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"]}]]],["p-b76f3c49.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-5afd516a.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-c8d5b795.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-120356e5.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-adb4c89c.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-f2e31b0b.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-1e0e7b7c.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-73d5497b.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-90dc57b4.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-4f7ba3e9.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-b66d401a.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-31ed857f.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-446d968f.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-54d53d9d.system",[[1,"bds-warning"]]],["p-fb5f3431.system",[[1,"bds-alert-body"]]],["p-2e10825c.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-f89806a0.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-e8296f40.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-19f75925.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"toggle":[64]}]]],["p-77769853.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-e35d83e2.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-0f204706.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-2475b179.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-a7bcb130.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-d778795f.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-20663da6.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-e085a87a.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-1b5f3f18.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-5eab3a39.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-a81f7a50.system",[[1,"bds-alert-actions"]]],["p-387f7360.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-8734c5ef.system",[[1,"bds-expansion-panel"]]],["p-80143d40.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-be084347.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-1eae3c9f.system",[[1,"bds-loading",{"type":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-33a2676a.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["p-53f6d580.system",[[1,"bds-menu-list"]]],["p-50490550.system",[[1,"bds-modal-action"]]],["p-4c502158.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-31b544a5.system",[[6,"bds-radio-group",{"value":[1]}]]],["p-8c059bee.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-bbdfe1aa.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ff05dbb2.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-b4c69f1c.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-0fe236a5.system",[[6,"bds-toast-container"]]],["p-6ce24588.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}]]],["p-f715391a.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-88b060ff.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]],["p-2abd9ed3.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-9c2ef009.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1]}]]],["p-034ffa39.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-8bbebf77.system",[[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}],[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]]]'),e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-0a46d49e.system.js"],(function(s){"use strict";var t,i,e,n;return{setters:[function(s){t=s.r;i=s.c;e=s.h;n=s.H}],execute:function(){var a='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-password,300.sc-bds-input-password;0.sc-bds-input-password,400.sc-bds-input-password;0.sc-bds-input-password,600.sc-bds-input-password;0.sc-bds-input-password,700.sc-bds-input-password;0.sc-bds-input-password,800.sc-bds-input-password;0.sc-bds-input-password,900.sc-bds-input-password;1.sc-bds-input-password,200.sc-bds-input-password;1.sc-bds-input-password,300.sc-bds-input-password;1.sc-bds-input-password,400.sc-bds-input-password;1.sc-bds-input-password,600.sc-bds-input-password;1.sc-bds-input-password,700.sc-bds-input-password;1.sc-bds-input-password,800.sc-bds-input-password;1.sc-bds-input-password,900&display=swap").sc-bds-input-password; .sc-bds-input-password-h{display:block}.input__password--icon.sc-bds-input-password{color:#8ca0b3;display:-ms-flexbox;display:flex}';var o=s("bds_input_password",function(){function s(s){var e=this;t(this,s);this.bdsInputPasswordChange=i(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=i(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=i(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=i(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=i(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=i(this,"bdsKeyDownBackspace",7);this.openEyes=false;this.value="";this.label="";this.inputName="";this.readonly=false;this.helperMessage="";this.errorMessage="";this.danger=false;this.icon="";this.disabled=false;this.autoCapitalize="off";this.autoComplete="off";this.placeholder="";this.dataTest=null;this.toggleEyePassword=function(){if(!e.disabled){e.openEyes=!e.openEyes}};this.onChange=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordChange.emit({value:e.value==null?e.value:e.value.toString()})};this.onInput=function(s){var t=s.target;if(t){e.value=t.value||""}e.bdsInputPasswordInput.emit(s)};this.onBlur=function(){e.bdsInputPasswordBlur.emit()};this.onFocus=function(){e.bdsInputPasswordFocus.emit()};this.onSubmit=function(){e.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){e.bdsKeyDownBackspace.emit({ev:s,value:e.value})}}s.prototype.getAutoComplete=function(){if(!this.openEyes)return"current-password";return this.autoComplete};s.prototype.render=function(){var s=this.openEyes?"eye-open":"eye-closed";var t=this.openEyes?"text":"password";var i=this.getAutoComplete();return e(n,null,e("bds-input",{type:t,"input-name":this.inputName,value:this.value,label:this.label,min:this.min,max:this.max,minlength:this.minlength,maxlength:this.maxlength,"helper-message":this.helperMessage,"error-message":this.errorMessage,danger:this.danger,icon:this.icon,disabled:this.disabled,readonly:this.readonly,"auto-complete":i,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest,onBdsChange:this.onChange,onBdsInput:this.onInput,onBdsOnBlur:this.onBlur,onBdsFocus:this.onFocus,onBdsSubmit:this.onSubmit,onBdsKeyDownBackspace:this.keyPressWrapper},e("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},e("bds-icon",{size:"small",name:s,color:"inherit"}))))};return s}());o.style=a}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var a=0,r=i.length,o;a<r;a++){if(o||!(a in i)){if(!o)o=Array.prototype.slice.call(i,0,a);o[a]=i[a]}}return e.concat(o||Array.prototype.slice.call(i))};System.register(["./p-0a46d49e.system.js"],(function(e){"use strict";var i,t,a,r;return{setters:[function(e){i=e.r;t=e.c;a=e.h;r=e.g}],execute:function(){var o=[{uploaded:"Arquivos enviados",dropHere:"Solte aqui para anexar o arquivo",dropOrClick:"Arraste e solte seus arquivos aqui ou clique para fazer upload do arquivo"}];var l=[{uploaded:"Archivos subidos",dropHere:"Soltar aquí para adjuntar archivo",dropOrClick:"Arrastre y suelte sus archivos aquí o haga clic para cargar el archivo"}];var s=[{uploaded:"Files uploaded",dropHere:"Drop here to attach file",dropOrClick:"Drag and drop your files here or click to upload file"}];var d=function(e,i){var t;switch(e){case"pt_BR":t=o.map((function(e){return e[i]}));break;case"es_ES":t=l.map((function(e){return e[i]}));break;case"en_US":t=s.map((function(e){return e[i]}));break;default:t=o.map((function(e){return e[i]}))}return t};var n="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";var p='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload__edit--label .text-box--hover{background-color:#f8fbfb}.upload__edit--label:hover{border:2px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 16px;cursor:pointer;-webkit-text-decoration:underline #125ad5;text-decoration:underline #125ad5;color:#125ad5}.upload__edit--hover{background-size:cover;border:1px dashed #b9cbd3;color:#125ad5;font-weight:bold;border-radius:8px}.upload__img--invisible{display:none}.list-preview{border-top:1px solid #b9cbd3;border-bottom:1px solid #b9cbd3;max-height:200px;overflow-y:auto}.upload__preview{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 0}.upload__preview .preview{display:-ms-flexbox;display:flex;padding:0 16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.upload__preview .preview-text{font-family:"Nunito Sans";font-size:0.875rem;font-weight:700;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.upload__preview .preview-icon:hover{cursor:pointer}.preview-length{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;padding-top:16px;text-align:end}.upload__edit input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:0;height:100%}';var u=e("bds_upload",function(){function e(e){var a=this;i(this,e);this.bdsUploadDelete=t(this,"bdsUploadDelete",7);this.bdsUploadChange=t(this,"bdsUploadChange",7);this.files=[];this.haveFiles=false;this.hover=false;this.size=[];this.language="pt_BR";this.handleDrop=function(e){a.haveFiles=true;var i=e.dataTransfer;var t=i.files;a.handleFiles(t)};this.handleFiles=function(e){if(!a.multiple){a.files=[e[0]]}else{a.files=__spreadArray(__spreadArray([],a.files,true),e,true)}a.bdsUploadChange.emit()}}e.prototype.componentDidLoad=function(){var e=this;["dragenter","dragover","dragleave","drop"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,e.preventDefaults,false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(true)}),false)}));["dragenter","dragover"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,(function(){return e.preventDefaults}),false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(true)}),false)}));["dragleave","drop"].forEach((function(i){e.dropArea.shadowRoot.addEventListener(i,(function(){return e.preventDefaults}),false);e.dropArea.shadowRoot.addEventListener(i,(function(){return e.hoverFile(false)}),false)}));this.dropArea.shadowRoot.addEventListener("drop",this.handleDrop,false)};e.prototype.preventDefaults=function(e){e.preventDefault();e.stopPropagation()};e.prototype.hoverFile=function(e){this.hover=e};e.prototype.onUploadClick=function(e){if(e.length>0){if(!this.multiple){this.files=[e[0]]}else{this.files=__spreadArray(__spreadArray([],this.files,true),e,true)}this.haveFiles=true;this.getSize()}else{return false}this.bdsUploadChange.emit()};e.prototype.getSize=function(){var e=this;this.files.map((function(i){var t=i.size;e.size.push(t)}))};e.prototype.deleteFile=function(e){this.files.splice(e,1);this.files=__spreadArray([],this.files,true);if(this.files.length===0){this.haveFiles=false}else{this.haveFiles=true}this.bdsUploadDelete.emit()};e.prototype.render=function(){var e=this;return a("div",{class:"upload"},a("div",{class:"upload-header"},a("bds-icon",{size:"xxx-large",name:"upload"}),a("div",{class:"upload-header_text"},a("bds-typo",{variant:"fs-16",bold:"bold"},this.titleName),a("bds-typo",{variant:"fs-14",bold:"regular"},this.subtitle))),this.error?a("bds-banner",{context:"inside",variant:"error"},this.error):"",this.haveFiles?a("div",null,a("div",{class:"list-preview"},this.files.map((function(i,t){return a("div",{class:"upload__preview",key:t,id:"drop-area"},a("div",{class:"preview",id:"preview"},a("bds-icon",{size:"x-small",name:"attach"}),a("p",{class:"preview-text",id:"preview-text"},i.name),a("bds-button-icon",{class:"preview-icon",size:"short",icon:"trash",variant:"secondary",onClick:function(){return e.deleteFile(t)}})))}))),this.multiple?a("bds-typo",{variant:"fs-14",italic:true,class:"preview-length"},this.files.length>1?"".concat(this.files.length," ").concat(d(this.language,"uploaded")):""):""):"",a("div",{class:{upload__edit:true}},a("label",{class:{"upload__edit--label":true,"upload__edit--hover":this.hover},id:"file-label",htmlFor:"file"},a("div",{class:{"text-box":true,"text-box--hover":this.hover},id:"file-text_box"},this.hover?a("bds-typo",{class:"text",variant:"fs-14",bold:"regular"},d(this.language,"dropHere")):a("bds-typo",{class:"text",variant:"fs-14",bold:"regular"},d(this.language,"dropOrClick"))),a("img",{class:{"upload__img--invisible":true,"upload__img--visible":this.hover},src:n})),a("input",{type:"file",name:"files[]",id:"file",class:"upload__input",multiple:this.multiple,accept:this.accept,onChange:function(i){return e.onUploadClick(i.target.files)}})))};Object.defineProperty(e.prototype,"dropArea",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());u.style=p}}}));
|
|
@@ -9,6 +9,12 @@ const inputPasswordCss = "@import url(\"https://fonts.googleapis.com/css2?family
|
|
|
9
9
|
const InputPassword = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
|
+
this.bdsInputPasswordChange = index.createEvent(this, "bdsInputPasswordChange", 7);
|
|
13
|
+
this.bdsInputPasswordInput = index.createEvent(this, "bdsInputPasswordInput", 7);
|
|
14
|
+
this.bdsInputPasswordBlur = index.createEvent(this, "bdsInputPasswordBlur", 7);
|
|
15
|
+
this.bdsInputPasswordFocus = index.createEvent(this, "bdsInputPasswordFocus", 7);
|
|
16
|
+
this.bdsInputPasswordSubmit = index.createEvent(this, "bdsInputPasswordSubmit", 7);
|
|
17
|
+
this.bdsKeyDownBackspace = index.createEvent(this, "bdsKeyDownBackspace", 7);
|
|
12
18
|
this.openEyes = false;
|
|
13
19
|
/**
|
|
14
20
|
* The value of the input.
|
|
@@ -67,6 +73,32 @@ const InputPassword = class {
|
|
|
67
73
|
this.openEyes = !this.openEyes;
|
|
68
74
|
}
|
|
69
75
|
};
|
|
76
|
+
this.onChange = (ev) => {
|
|
77
|
+
const input = ev.target;
|
|
78
|
+
if (input) {
|
|
79
|
+
this.value = input.value || '';
|
|
80
|
+
}
|
|
81
|
+
this.bdsInputPasswordChange.emit({ value: this.value == null ? this.value : this.value.toString() });
|
|
82
|
+
};
|
|
83
|
+
this.onInput = (ev) => {
|
|
84
|
+
const input = ev.target;
|
|
85
|
+
if (input) {
|
|
86
|
+
this.value = input.value || '';
|
|
87
|
+
}
|
|
88
|
+
this.bdsInputPasswordInput.emit(ev);
|
|
89
|
+
};
|
|
90
|
+
this.onBlur = () => {
|
|
91
|
+
this.bdsInputPasswordBlur.emit();
|
|
92
|
+
};
|
|
93
|
+
this.onFocus = () => {
|
|
94
|
+
this.bdsInputPasswordFocus.emit();
|
|
95
|
+
};
|
|
96
|
+
this.onSubmit = () => {
|
|
97
|
+
this.bdsInputPasswordSubmit.emit();
|
|
98
|
+
};
|
|
99
|
+
this.keyPressWrapper = (ev) => {
|
|
100
|
+
this.bdsKeyDownBackspace.emit({ ev, value: this.value });
|
|
101
|
+
};
|
|
70
102
|
}
|
|
71
103
|
getAutoComplete() {
|
|
72
104
|
if (!this.openEyes)
|
|
@@ -77,7 +109,7 @@ const InputPassword = class {
|
|
|
77
109
|
const iconPassword = this.openEyes ? 'eye-open' : 'eye-closed';
|
|
78
110
|
const type = this.openEyes ? 'text' : 'password';
|
|
79
111
|
const autocomplete = this.getAutoComplete();
|
|
80
|
-
return (index.h(index.Host, null, index.h("bds-input", { type: type, "input-name": this.inputName, value: this.value, label: this.label, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, "helper-message": this.helperMessage, "error-message": this.errorMessage, danger: this.danger, icon: this.icon, disabled: this.disabled, readonly: this.readonly, "auto-complete": autocomplete, "auto-capitalize": this.autoCapitalize, placeholder: this.placeholder, "data-test": this.dataTest }, index.h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword }, index.h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
|
|
112
|
+
return (index.h(index.Host, null, index.h("bds-input", { type: type, "input-name": this.inputName, value: this.value, label: this.label, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, "helper-message": this.helperMessage, "error-message": this.errorMessage, danger: this.danger, icon: this.icon, disabled: this.disabled, readonly: this.readonly, "auto-complete": autocomplete, "auto-capitalize": this.autoCapitalize, placeholder: this.placeholder, "data-test": this.dataTest, onBdsChange: this.onChange, onBdsInput: this.onInput, onBdsOnBlur: this.onBlur, onBdsFocus: this.onFocus, onBdsSubmit: this.onSubmit, onBdsKeyDownBackspace: this.keyPressWrapper }, index.h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword }, index.h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
|
|
81
113
|
}
|
|
82
114
|
};
|
|
83
115
|
InputPassword.style = inputPasswordCss;
|
|
@@ -48,7 +48,7 @@ const termTranslate = (lang, string) => {
|
|
|
48
48
|
|
|
49
49
|
const patternSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzg0IDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4OF8yMTU2NDApIj4KPGxpbmUgeDE9Ii0xMC45NzY3IiB5MT0iNzQuMzg0MyIgeDI9IjIyLjc3NzgiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjIyLjc3NzciIHkxPSI3NC4zODQzIiB4Mj0iNTYuNTMyMiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iNTYuNTMyIiB5MT0iNzQuMzg0MyIgeDI9IjkwLjI4NjYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjkwLjI4NjkiIHkxPSI3NC4zODQzIiB4Mj0iMTI0LjA0MiIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMTI0LjA0MSIgeTE9Ijc0LjM4NDMiIHgyPSIxNTcuNzk2IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIxNTcuNzk2IiB5MT0iNzQuMzg0MyIgeDI9IjE5MS41NTEiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjE5MS41NTEiIHkxPSI3NC4zODQzIiB4Mj0iMjI1LjMwNSIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMjI1LjMwNSIgeTE9Ijc0LjM4NDMiIHgyPSIyNTkuMDYiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjI1OS4wNiIgeTE9Ijc0LjM4NDMiIHgyPSIyOTIuODE0IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjxsaW5lIHgxPSIyOTIuODE0IiB5MT0iNzQuMzg0MyIgeDI9IjMyNi41NjkiIHkyPSI1LjE3NzE5IiBzdHJva2U9IiNFN0VERjQiLz4KPGxpbmUgeDE9IjMyNi41NjkiIHkxPSI3NC4zODQzIiB4Mj0iMzYwLjMyMyIgeTI9IjUuMTc3MTkiIHN0cm9rZT0iI0U3RURGNCIvPgo8bGluZSB4MT0iMzYwLjMyNCIgeTE9Ijc0LjM4NDMiIHgyPSIzOTQuMDc4IiB5Mj0iNS4xNzcxOSIgc3Ryb2tlPSIjRTdFREY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc4OF8yMTU2NDAiPgo8cmVjdCB3aWR0aD0iMzg0IiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';
|
|
50
50
|
|
|
51
|
-
const bdsUploadCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100
|
|
51
|
+
const bdsUploadCss = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap\"); .upload{min-width:400px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.upload .upload-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;gap:8px}.upload .upload-header_text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.upload__edit--label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #b9cbd3;border-radius:8px;cursor:pointer;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 16px;position:relative}.upload__edit--label .upload__img--visible{display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:8px;position:absolute;background-color:#f8fbfb;z-index:1}.upload__edit--label .text-box{display:-ms-flexbox;display:flex;padding:8px;width:100%;text-align:center;z-index:2}.upload__edit--label .text-box .text{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload__edit--label .text-box--hover{background-color:#f8fbfb}.upload__edit--label:hover{border:2px solid #3f7de8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:22px 16px;cursor:pointer;-webkit-text-decoration:underline #125ad5;text-decoration:underline #125ad5;color:#125ad5}.upload__edit--hover{background-size:cover;border:1px dashed #b9cbd3;color:#125ad5;font-weight:bold;border-radius:8px}.upload__img--invisible{display:none}.list-preview{border-top:1px solid #b9cbd3;border-bottom:1px solid #b9cbd3;max-height:200px;overflow-y:auto}.upload__preview{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 0}.upload__preview .preview{display:-ms-flexbox;display:flex;padding:0 16px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.upload__preview .preview-text{font-family:\"Nunito Sans\";font-size:0.875rem;font-weight:700;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.upload__preview .preview-icon:hover{cursor:pointer}.preview-length{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;padding-top:16px;text-align:end}.upload__edit input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:0;height:100%}";
|
|
52
52
|
|
|
53
53
|
const BdsUpload = class {
|
|
54
54
|
constructor(hostRef) {
|
|
@@ -118,7 +118,12 @@ const BdsUpload = class {
|
|
|
118
118
|
*/
|
|
119
119
|
onUploadClick(files) {
|
|
120
120
|
if (files.length > 0) {
|
|
121
|
-
|
|
121
|
+
if (!this.multiple) {
|
|
122
|
+
this.files = [files[0]];
|
|
123
|
+
}
|
|
124
|
+
else {
|
|
125
|
+
this.files = [...this.files, ...files];
|
|
126
|
+
}
|
|
122
127
|
this.haveFiles = true;
|
|
123
128
|
this.getSize();
|
|
124
129
|
}
|
|
@@ -151,7 +156,7 @@ const BdsUpload = class {
|
|
|
151
156
|
this.bdsUploadDelete.emit();
|
|
152
157
|
}
|
|
153
158
|
render() {
|
|
154
|
-
return (index.h("div", { class: "upload" }, index.h("div", { class: "upload-header" }, index.h("bds-icon", { size: "xxx-large", name: "upload" }), index.h("div", { class: "upload-header_text" }, index.h("bds-typo", { variant: "fs-16", bold: "bold" }, this.titleName), index.h("bds-typo", { variant: "fs-14", bold: "regular" }, this.subtitle))), this.error ? (index.h("bds-banner", { context: "inside", variant: "error" }, this.error)) : (''), this.haveFiles ? (index.h("div", null, index.h("div", { class: "list-preview" }, this.files.map((names, index$1) => (index.h("div", { class: "upload__preview", key: index$1, id: "drop-area" }, index.h("div", { class: "preview", id: "preview" }, index.h("bds-icon", { size: "x-small", name: "attach" }), index.h("p", { class: "preview-text", id: "preview-text" }, names.name), index.h("bds-button-icon", { class: "preview-icon", size: "short", icon: "trash", variant: "secondary", onClick: () => this.deleteFile(index$1) })))))), this.multiple ? (index.h("bds-typo", { variant: "fs-14", italic: true, class: "preview-length" }, this.files.length > 1 ? `${this.files.length} ${termTranslate(this.language, 'uploaded')}` : '')) : (''))) : (''), index.h("div", { class: { upload__edit: true } }, index.h("label", { class: { 'upload__edit--label': true, 'upload__edit--hover': this.hover }, id: "file-label", htmlFor: "file" }, index.h("div", { class: { 'text-box': true, 'text-box--hover': this.hover }, id: "file-text_box" }, this.hover ? (index.h("bds-typo", { class: "text", variant: "fs-14", bold: "
|
|
159
|
+
return (index.h("div", { class: "upload" }, index.h("div", { class: "upload-header" }, index.h("bds-icon", { size: "xxx-large", name: "upload" }), index.h("div", { class: "upload-header_text" }, index.h("bds-typo", { variant: "fs-16", bold: "bold" }, this.titleName), index.h("bds-typo", { variant: "fs-14", bold: "regular" }, this.subtitle))), this.error ? (index.h("bds-banner", { context: "inside", variant: "error" }, this.error)) : (''), this.haveFiles ? (index.h("div", null, index.h("div", { class: "list-preview" }, this.files.map((names, index$1) => (index.h("div", { class: "upload__preview", key: index$1, id: "drop-area" }, index.h("div", { class: "preview", id: "preview" }, index.h("bds-icon", { size: "x-small", name: "attach" }), index.h("p", { class: "preview-text", id: "preview-text" }, names.name), index.h("bds-button-icon", { class: "preview-icon", size: "short", icon: "trash", variant: "secondary", onClick: () => this.deleteFile(index$1) })))))), this.multiple ? (index.h("bds-typo", { variant: "fs-14", italic: true, class: "preview-length" }, this.files.length > 1 ? `${this.files.length} ${termTranslate(this.language, 'uploaded')}` : '')) : (''))) : (''), index.h("div", { class: { upload__edit: true } }, index.h("label", { class: { 'upload__edit--label': true, 'upload__edit--hover': this.hover }, id: "file-label", htmlFor: "file" }, index.h("div", { class: { 'text-box': true, 'text-box--hover': this.hover }, id: "file-text_box" }, this.hover ? (index.h("bds-typo", { class: "text", variant: "fs-14", bold: "regular" }, termTranslate(this.language, 'dropHere'))) : (index.h("bds-typo", { class: "text", variant: "fs-14", bold: "regular" }, termTranslate(this.language, 'dropOrClick')))), index.h("img", { class: { 'upload__img--invisible': true, 'upload__img--visible': this.hover }, src: patternSvg })), index.h("input", { type: "file", name: "files[]", id: "file", class: "upload__input", multiple: this.multiple, accept: this.accept, onChange: ($event) => this.onUploadClick($event.target.files) }))));
|
|
155
160
|
}
|
|
156
161
|
get dropArea() { return index.getElement(this); }
|
|
157
162
|
};
|