blip-ds 1.183.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/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/cjs/bds-input-password.cjs.entry.js +33 -1
- package/dist/collection/components/input-password/input-password.js +123 -2
- package/dist/esm/bds-input-password.entry.js +34 -2
- package/dist/esm-es5/bds-input-password.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/dist/blip-ds/p-21a6fff7.system.entry.js +0 -1
- package/dist/blip-ds/p-8fb1aae5.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}}}));
|
|
@@ -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-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)}))}}}));
|
|
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}}}));
|
|
@@ -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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Prop, h, Host } from '@stencil/core';
|
|
1
|
+
import { Component, Prop, h, Host, Event } from '@stencil/core';
|
|
2
2
|
export class InputPassword {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.openEyes = false;
|
|
@@ -59,6 +59,32 @@ export class InputPassword {
|
|
|
59
59
|
this.openEyes = !this.openEyes;
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
|
+
this.onChange = (ev) => {
|
|
63
|
+
const input = ev.target;
|
|
64
|
+
if (input) {
|
|
65
|
+
this.value = input.value || '';
|
|
66
|
+
}
|
|
67
|
+
this.bdsInputPasswordChange.emit({ value: this.value == null ? this.value : this.value.toString() });
|
|
68
|
+
};
|
|
69
|
+
this.onInput = (ev) => {
|
|
70
|
+
const input = ev.target;
|
|
71
|
+
if (input) {
|
|
72
|
+
this.value = input.value || '';
|
|
73
|
+
}
|
|
74
|
+
this.bdsInputPasswordInput.emit(ev);
|
|
75
|
+
};
|
|
76
|
+
this.onBlur = () => {
|
|
77
|
+
this.bdsInputPasswordBlur.emit();
|
|
78
|
+
};
|
|
79
|
+
this.onFocus = () => {
|
|
80
|
+
this.bdsInputPasswordFocus.emit();
|
|
81
|
+
};
|
|
82
|
+
this.onSubmit = () => {
|
|
83
|
+
this.bdsInputPasswordSubmit.emit();
|
|
84
|
+
};
|
|
85
|
+
this.keyPressWrapper = (ev) => {
|
|
86
|
+
this.bdsKeyDownBackspace.emit({ ev, value: this.value });
|
|
87
|
+
};
|
|
62
88
|
}
|
|
63
89
|
getAutoComplete() {
|
|
64
90
|
if (!this.openEyes)
|
|
@@ -70,7 +96,7 @@ export class InputPassword {
|
|
|
70
96
|
const type = this.openEyes ? 'text' : 'password';
|
|
71
97
|
const autocomplete = this.getAutoComplete();
|
|
72
98
|
return (h(Host, null,
|
|
73
|
-
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 },
|
|
99
|
+
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 },
|
|
74
100
|
h("div", { slot: "input-right", class: "input__password--icon", onClick: this.toggleEyePassword },
|
|
75
101
|
h("bds-icon", { size: "small", name: iconPassword, color: "inherit" })))));
|
|
76
102
|
}
|
|
@@ -414,4 +440,99 @@ export class InputPassword {
|
|
|
414
440
|
"defaultValue": "null"
|
|
415
441
|
}
|
|
416
442
|
}; }
|
|
443
|
+
static get events() { return [{
|
|
444
|
+
"method": "bdsInputPasswordChange",
|
|
445
|
+
"name": "bdsInputPasswordChange",
|
|
446
|
+
"bubbles": true,
|
|
447
|
+
"cancelable": true,
|
|
448
|
+
"composed": true,
|
|
449
|
+
"docs": {
|
|
450
|
+
"tags": [],
|
|
451
|
+
"text": "Emitted when the value has changed."
|
|
452
|
+
},
|
|
453
|
+
"complexType": {
|
|
454
|
+
"original": "any",
|
|
455
|
+
"resolved": "any",
|
|
456
|
+
"references": {}
|
|
457
|
+
}
|
|
458
|
+
}, {
|
|
459
|
+
"method": "bdsInputPasswordInput",
|
|
460
|
+
"name": "bdsInputPasswordInput",
|
|
461
|
+
"bubbles": true,
|
|
462
|
+
"cancelable": true,
|
|
463
|
+
"composed": true,
|
|
464
|
+
"docs": {
|
|
465
|
+
"tags": [],
|
|
466
|
+
"text": "Emitted when the input has changed."
|
|
467
|
+
},
|
|
468
|
+
"complexType": {
|
|
469
|
+
"original": "KeyboardEvent",
|
|
470
|
+
"resolved": "KeyboardEvent",
|
|
471
|
+
"references": {
|
|
472
|
+
"KeyboardEvent": {
|
|
473
|
+
"location": "global"
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
}, {
|
|
478
|
+
"method": "bdsInputPasswordBlur",
|
|
479
|
+
"name": "bdsInputPasswordBlur",
|
|
480
|
+
"bubbles": true,
|
|
481
|
+
"cancelable": true,
|
|
482
|
+
"composed": true,
|
|
483
|
+
"docs": {
|
|
484
|
+
"tags": [],
|
|
485
|
+
"text": "Event input onblur."
|
|
486
|
+
},
|
|
487
|
+
"complexType": {
|
|
488
|
+
"original": "any",
|
|
489
|
+
"resolved": "any",
|
|
490
|
+
"references": {}
|
|
491
|
+
}
|
|
492
|
+
}, {
|
|
493
|
+
"method": "bdsInputPasswordFocus",
|
|
494
|
+
"name": "bdsInputPasswordFocus",
|
|
495
|
+
"bubbles": true,
|
|
496
|
+
"cancelable": true,
|
|
497
|
+
"composed": true,
|
|
498
|
+
"docs": {
|
|
499
|
+
"tags": [],
|
|
500
|
+
"text": "Event input focus."
|
|
501
|
+
},
|
|
502
|
+
"complexType": {
|
|
503
|
+
"original": "any",
|
|
504
|
+
"resolved": "any",
|
|
505
|
+
"references": {}
|
|
506
|
+
}
|
|
507
|
+
}, {
|
|
508
|
+
"method": "bdsInputPasswordSubmit",
|
|
509
|
+
"name": "bdsInputPasswordSubmit",
|
|
510
|
+
"bubbles": true,
|
|
511
|
+
"cancelable": true,
|
|
512
|
+
"composed": true,
|
|
513
|
+
"docs": {
|
|
514
|
+
"tags": [],
|
|
515
|
+
"text": "Event input enter."
|
|
516
|
+
},
|
|
517
|
+
"complexType": {
|
|
518
|
+
"original": "any",
|
|
519
|
+
"resolved": "any",
|
|
520
|
+
"references": {}
|
|
521
|
+
}
|
|
522
|
+
}, {
|
|
523
|
+
"method": "bdsKeyDownBackspace",
|
|
524
|
+
"name": "bdsKeyDownBackspace",
|
|
525
|
+
"bubbles": true,
|
|
526
|
+
"cancelable": true,
|
|
527
|
+
"composed": true,
|
|
528
|
+
"docs": {
|
|
529
|
+
"tags": [],
|
|
530
|
+
"text": "Event input key down backspace."
|
|
531
|
+
},
|
|
532
|
+
"complexType": {
|
|
533
|
+
"original": "any",
|
|
534
|
+
"resolved": "any",
|
|
535
|
+
"references": {}
|
|
536
|
+
}
|
|
537
|
+
}]; }
|
|
417
538
|
}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import { r as registerInstance, h, f as Host } from './index-2b5b4366.js';
|
|
1
|
+
import { r as registerInstance, e as createEvent, h, f as Host } from './index-2b5b4366.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
|
-
import{r as registerInstance,h,H as Host}from"./index-00ad30ef.js";var 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}';var InputPassword=function(){function s(s){var t=this;registerInstance(this,s);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(!t.disabled){t.openEyes=!t.openEyes}}}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
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-00ad30ef.js";var 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}';var InputPassword=function(){function s(s){var t=this;registerInstance(this,s);this.bdsInputPasswordChange=createEvent(this,"bdsInputPasswordChange",7);this.bdsInputPasswordInput=createEvent(this,"bdsInputPasswordInput",7);this.bdsInputPasswordBlur=createEvent(this,"bdsInputPasswordBlur",7);this.bdsInputPasswordFocus=createEvent(this,"bdsInputPasswordFocus",7);this.bdsInputPasswordSubmit=createEvent(this,"bdsInputPasswordSubmit",7);this.bdsKeyDownBackspace=createEvent(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(!t.disabled){t.openEyes=!t.openEyes}};this.onChange=function(s){var e=s.target;if(e){t.value=e.value||""}t.bdsInputPasswordChange.emit({value:t.value==null?t.value:t.value.toString()})};this.onInput=function(s){var e=s.target;if(e){t.value=e.value||""}t.bdsInputPasswordInput.emit(s)};this.onBlur=function(){t.bdsInputPasswordBlur.emit()};this.onFocus=function(){t.bdsInputPasswordFocus.emit()};this.onSubmit=function(){t.bdsInputPasswordSubmit.emit()};this.keyPressWrapper=function(s){t.bdsKeyDownBackspace.emit({ev:s,value:t.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 e=this.getAutoComplete();return h(Host,null,h("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":e,"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:s,color:"inherit"}))))};return s}();InputPassword.style=inputPasswordCss;export{InputPassword as bds_input_password};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
1
2
|
import { InputAutocapitalize, InputAutoComplete } from '../input/input-interface';
|
|
2
3
|
export declare class InputPassword {
|
|
3
4
|
openEyes?: boolean;
|
|
@@ -69,7 +70,37 @@ export declare class InputPassword {
|
|
|
69
70
|
* Data test is the prop to specifically test the component action object.
|
|
70
71
|
*/
|
|
71
72
|
dataTest?: string;
|
|
73
|
+
/**
|
|
74
|
+
* Emitted when the value has changed.
|
|
75
|
+
*/
|
|
76
|
+
bdsInputPasswordChange: EventEmitter;
|
|
77
|
+
/**
|
|
78
|
+
* Emitted when the input has changed.
|
|
79
|
+
*/
|
|
80
|
+
bdsInputPasswordInput: EventEmitter<KeyboardEvent>;
|
|
81
|
+
/**
|
|
82
|
+
* Event input onblur.
|
|
83
|
+
*/
|
|
84
|
+
bdsInputPasswordBlur: EventEmitter;
|
|
85
|
+
/**
|
|
86
|
+
* Event input focus.
|
|
87
|
+
*/
|
|
88
|
+
bdsInputPasswordFocus: EventEmitter;
|
|
89
|
+
/**
|
|
90
|
+
* Event input enter.
|
|
91
|
+
*/
|
|
92
|
+
bdsInputPasswordSubmit: EventEmitter;
|
|
93
|
+
/**
|
|
94
|
+
* Event input key down backspace.
|
|
95
|
+
*/
|
|
96
|
+
bdsKeyDownBackspace: EventEmitter;
|
|
72
97
|
private toggleEyePassword;
|
|
73
98
|
private getAutoComplete;
|
|
99
|
+
private onChange;
|
|
100
|
+
private onInput;
|
|
101
|
+
private onBlur;
|
|
102
|
+
private onFocus;
|
|
103
|
+
private onSubmit;
|
|
104
|
+
private keyPressWrapper;
|
|
74
105
|
render(): HTMLElement;
|
|
75
106
|
}
|
|
@@ -1565,6 +1565,10 @@ export interface BdsInputEditableCustomEvent<T> extends CustomEvent<T> {
|
|
|
1565
1565
|
detail: T;
|
|
1566
1566
|
target: HTMLBdsInputEditableElement;
|
|
1567
1567
|
}
|
|
1568
|
+
export interface BdsInputPasswordCustomEvent<T> extends CustomEvent<T> {
|
|
1569
|
+
detail: T;
|
|
1570
|
+
target: HTMLBdsInputPasswordElement;
|
|
1571
|
+
}
|
|
1568
1572
|
export interface BdsInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
|
|
1569
1573
|
detail: T;
|
|
1570
1574
|
target: HTMLBdsInputPhoneNumberElement;
|
|
@@ -2992,6 +2996,30 @@ declare namespace LocalJSX {
|
|
|
2992
2996
|
* If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.
|
|
2993
2997
|
*/
|
|
2994
2998
|
"minlength"?: number;
|
|
2999
|
+
/**
|
|
3000
|
+
* Event input onblur.
|
|
3001
|
+
*/
|
|
3002
|
+
"onBdsInputPasswordBlur"?: (event: BdsInputPasswordCustomEvent<any>) => void;
|
|
3003
|
+
/**
|
|
3004
|
+
* Emitted when the value has changed.
|
|
3005
|
+
*/
|
|
3006
|
+
"onBdsInputPasswordChange"?: (event: BdsInputPasswordCustomEvent<any>) => void;
|
|
3007
|
+
/**
|
|
3008
|
+
* Event input focus.
|
|
3009
|
+
*/
|
|
3010
|
+
"onBdsInputPasswordFocus"?: (event: BdsInputPasswordCustomEvent<any>) => void;
|
|
3011
|
+
/**
|
|
3012
|
+
* Emitted when the input has changed.
|
|
3013
|
+
*/
|
|
3014
|
+
"onBdsInputPasswordInput"?: (event: BdsInputPasswordCustomEvent<KeyboardEvent>) => void;
|
|
3015
|
+
/**
|
|
3016
|
+
* Event input enter.
|
|
3017
|
+
*/
|
|
3018
|
+
"onBdsInputPasswordSubmit"?: (event: BdsInputPasswordCustomEvent<any>) => void;
|
|
3019
|
+
/**
|
|
3020
|
+
* Event input key down backspace.
|
|
3021
|
+
*/
|
|
3022
|
+
"onBdsKeyDownBackspace"?: (event: BdsInputPasswordCustomEvent<any>) => void;
|
|
2995
3023
|
"openEyes"?: boolean;
|
|
2996
3024
|
/**
|
|
2997
3025
|
* A tip for the user who can enter no controls.
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-0a46d49e.system.js"],(function(s){"use strict";var t,e,i;return{setters:[function(s){t=s.r;e=s.h;i=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 p=s("bds_input_password",function(){function s(s){var e=this;t(this,s);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}}}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 a=this.getAutoComplete();return e(i,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":a,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest},e("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},e("bds-icon",{size:"small",name:s,color:"inherit"}))))};return s}());p.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,H as i}from"./p-153dcf8b.js";const p=class{constructor(t){s(this,t),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)}}getAutoComplete(){return this.openEyes?this.autoComplete:"current-password"}render(){const s=this.openEyes?"eye-open":"eye-closed",p=this.openEyes?"text":"password",d=this.getAutoComplete();return t(i,null,t("bds-input",{type:p,"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":d,"auto-capitalize":this.autoCapitalize,placeholder:this.placeholder,"data-test":this.dataTest},t("div",{slot:"input-right",class:"input__password--icon",onClick:this.toggleEyePassword},t("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}
|