blip-ds 1.187.2 → 1.188.1

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.
Files changed (31) hide show
  1. package/dist/blip-ds/bds-select-chips.entry.js +0 -1
  2. package/dist/blip-ds/bds-select-chips.system.entry.js +1 -1
  3. package/dist/blip-ds/bds-sidebar.entry.js +51 -0
  4. package/dist/blip-ds/bds-sidebar.system.entry.js +1 -0
  5. package/dist/blip-ds/blip-ds.esm.js +1 -1
  6. package/dist/blip-ds/blip-ds.system.js +1 -1
  7. package/dist/blip-ds/p-10c34e56.system.entry.js +1 -0
  8. package/dist/blip-ds/p-12e913b3.entry.js +1 -0
  9. package/dist/blip-ds/p-1788b407.entry.js +1 -0
  10. package/dist/blip-ds/p-76b42f33.system.js +1 -1
  11. package/dist/blip-ds/{p-1d11cf93.system.entry.js → p-d4f436dc.system.entry.js} +1 -1
  12. package/dist/cjs/bds-select-chips.cjs.entry.js +0 -1
  13. package/dist/cjs/bds-sidebar.cjs.entry.js +55 -0
  14. package/dist/cjs/blip-ds.cjs.js +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/collection/collection-manifest.json +1 -0
  17. package/dist/collection/components/selects/select-chips/select-chips.js +0 -1
  18. package/dist/collection/components/sidebar/sidebar.css +121 -0
  19. package/dist/collection/components/sidebar/sidebar.js +128 -0
  20. package/dist/esm/bds-select-chips.entry.js +0 -1
  21. package/dist/esm/bds-sidebar.entry.js +51 -0
  22. package/dist/esm/blip-ds.js +1 -1
  23. package/dist/esm/loader.js +1 -1
  24. package/dist/esm-es5/bds-select-chips.entry.js +1 -1
  25. package/dist/esm-es5/bds-sidebar.entry.js +1 -0
  26. package/dist/esm-es5/blip-ds.js +1 -1
  27. package/dist/esm-es5/loader.js +1 -1
  28. package/dist/types/components/sidebar/sidebar.d.ts +17 -0
  29. package/dist/types/components.d.ts +31 -0
  30. package/package.json +1 -1
  31. package/dist/blip-ds/p-0784b980.entry.js +0 -1
@@ -0,0 +1,55 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-8fa3efb1.js');
6
+
7
+ const sidebarCss = "@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\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{padding:24px;padding-right:56px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
8
+
9
+ const Sidebar = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.InnerSpacing = 0;
13
+ /**;
14
+ * isOpen. Used to open sidebar.
15
+ */
16
+ this.isOpen = false;
17
+ /**
18
+ * sidebar position. Used to position the sidebar. Either on the left or on the right.
19
+ */
20
+ this.sidebarPosition = 'left';
21
+ this.listiner = (event) => {
22
+ if (event.key == 'Escape') {
23
+ this.isOpen = false;
24
+ }
25
+ };
26
+ this.onClickCloseButtom = () => {
27
+ this.isOpen = false;
28
+ };
29
+ }
30
+ async toggle() {
31
+ this.isOpen = !this.isOpen;
32
+ }
33
+ isOpenChanged(newValue) {
34
+ if (newValue === true) {
35
+ document.addEventListener('keyup', this.listiner, false);
36
+ }
37
+ else {
38
+ document.removeEventListener('keyup', this.listiner, false);
39
+ }
40
+ }
41
+ render() {
42
+ return (index.h("div", { class: {
43
+ sidebar_dialog: true,
44
+ is_open: this.isOpen,
45
+ } }, index.h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), index.h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } }, index.h("div", { class: { header: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "header" }), index.h("bds-icon", { class: {
46
+ closeButton: true,
47
+ }, size: "medium", name: "close", color: "inherit", tabindex: "0", onClick: () => this.onClickCloseButtom() }))), index.h("div", { class: { body: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "body" }))), index.h("div", { class: { footer: true } }, index.h("div", { class: { content: true } }, index.h("slot", { name: "footer" }))))));
48
+ }
49
+ static get watchers() { return {
50
+ "isOpen": ["isOpenChanged"]
51
+ }; }
52
+ };
53
+ Sidebar.style = sidebarCss;
54
+
55
+ exports.bds_sidebar = Sidebar;
@@ -127,5 +127,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
127
127
 
128
128
  patchBrowser().then(options => {
129
129
  appGlobals.globalScripts();
130
- return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[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]}]]],[\"bds-select-chips.cjs\",[[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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-input-phone-number.cjs\",[[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\"]]]]],[\"bds-select.cjs\",[[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\"]]]]],[\"bds-input-editable.cjs\",[[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]}]]],[\"bds-input-password.cjs\",[[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\"]}]]],[\"bds-upload.cjs\",[[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]}]]],[\"bds-accordion-header.cjs\",[[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]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[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]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-input-chips.cjs\",[[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]}]]],[\"bds-datepicker-period.cjs\",[[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]}]]],[\"bds-datepicker-single.cjs\",[[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]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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]}]]],[\"bds-typo.cjs\",[[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\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-select-option.cjs\",[[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\"]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]]]"), options);
130
+ return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[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]}]]],[\"bds-select-chips.cjs\",[[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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-input-phone-number.cjs\",[[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\"]]]]],[\"bds-select.cjs\",[[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\"]]]]],[\"bds-input-editable.cjs\",[[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]}]]],[\"bds-input-password.cjs\",[[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\"]}]]],[\"bds-upload.cjs\",[[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]}]]],[\"bds-accordion-header.cjs\",[[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]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[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]}]]],[\"bds-sidebar.cjs\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-input-chips.cjs\",[[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]}]]],[\"bds-datepicker-period.cjs\",[[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]}]]],[\"bds-datepicker-single.cjs\",[[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]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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]}]]],[\"bds-typo.cjs\",[[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\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-select-option.cjs\",[[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\"]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]]]"), options);
131
131
  });
@@ -30,7 +30,7 @@ const defineCustomElements = (win, options) => {
30
30
  if (typeof window === 'undefined') return Promise.resolve();
31
31
  return patchEsm().then(() => {
32
32
  appGlobals.globalScripts();
33
- return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[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]}]]],[\"bds-select-chips.cjs\",[[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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-input-phone-number.cjs\",[[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\"]]]]],[\"bds-select.cjs\",[[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\"]]]]],[\"bds-input-editable.cjs\",[[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]}]]],[\"bds-input-password.cjs\",[[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\"]}]]],[\"bds-upload.cjs\",[[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]}]]],[\"bds-accordion-header.cjs\",[[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]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[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]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-input-chips.cjs\",[[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]}]]],[\"bds-datepicker-period.cjs\",[[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]}]]],[\"bds-datepicker-single.cjs\",[[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]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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]}]]],[\"bds-typo.cjs\",[[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\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-select-option.cjs\",[[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\"]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]]]"), options);
33
+ return index.bootstrapLazy(JSON.parse("[[\"bds-datepicker.cjs\",[[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]}]]],[\"bds-select-chips.cjs\",[[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\"]]]]],[\"bds-toast.cjs\",[[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]}]]],[\"bds-input-phone-number.cjs\",[[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\"]]]]],[\"bds-select.cjs\",[[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\"]]]]],[\"bds-input-editable.cjs\",[[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]}]]],[\"bds-input-password.cjs\",[[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\"]}]]],[\"bds-upload.cjs\",[[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]}]]],[\"bds-accordion-header.cjs\",[[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]}]]],[\"bds-autocomplete.cjs\",[[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\"],\"isPressed\":[32],\"isOpen\":[32],\"text\":[32],\"internalOptions\":[32],\"isFocused\":[32]},[[9,\"mousedown\",\"handleWindow\"]]]]],[\"bds-avatar-group.cjs\",[[4,\"bds-avatar-group\",{\"size\":[1],\"users\":[1],\"internalUsers\":[32],\"leftoversUsers\":[32]}]]],[\"bds-menu-exibition.cjs\",[[1,\"bds-menu-exibition\",{\"avatarName\":[1,\"avatar-name\"],\"avatarThumbnail\":[1,\"avatar-thumbnail\"],\"avatarSize\":[1,\"avatar-size\"],\"value\":[1],\"subtitle\":[1]}]]],[\"bds-alert-header.cjs\",[[1,\"bds-alert-header\",{\"variant\":[1],\"icon\":[513]}]]],[\"bds-checkbox.cjs\",[[1,\"bds-checkbox\",{\"refer\":[1],\"label\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"checkBoxId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-selected.cjs\",[[1,\"bds-chip-selected\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"selected\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"isSelected\":[32]},[[2,\"click\",\"handleClick\"]]]]],[\"bds-chip-tag.cjs\",[[1,\"bds-chip-tag\",{\"icon\":[1],\"color\":[1]}]]],[\"bds-menu-action.cjs\",[[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]}]]],[\"bds-menu-list-item.cjs\",[[1,\"bds-menu-list-item\",{\"color\":[1],\"icon\":[513]}]]],[\"bds-step.cjs\",[[1,\"bds-step\",{\"last\":[4],\"completed\":[4],\"active\":[4],\"disabled\":[4],\"index\":[2],\"pointer\":[4]}]]],[\"bds-tabs.cjs\",[[4,\"bds-tabs\",{\"align\":[1]},[[0,\"scrollButtonClick\",\"onScrollButtonClick\"],[0,\"bdsSelect\",\"onSelectedTab\"]]]]],[\"bds-warning.cjs\",[[1,\"bds-warning\"]]],[\"bds-alert-body.cjs\",[[1,\"bds-alert-body\"]]],[\"bds-card-color.cjs\",[[1,\"bds-card-color\",{\"name\":[1],\"hex\":[1],\"gradient\":[4],\"variable\":[1],\"lightText\":[4,\"light-text\"]}]]],[\"bds-chip.cjs\",[[1,\"bds-chip\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"danger\":[516],\"filter\":[4],\"clickable\":[4],\"deletable\":[4],\"disabled\":[4]}]]],[\"bds-expansion-panel-header.cjs\",[[1,\"bds-expansion-panel-header\",{\"text\":[1]}]]],[\"bds-menu-separation.cjs\",[[1,\"bds-menu-separation\",{\"value\":[1],\"size\":[1]}]]],[\"bds-modal.cjs\",[[1,\"bds-modal\",{\"open\":[1540],\"closeButton\":[1540,\"close-button\"],\"toggle\":[64]}]]],[\"bds-modal-close-button.cjs\",[[1,\"bds-modal-close-button\",{\"active\":[1540]}]]],[\"bds-progress-bar.cjs\",[[1,\"bds-progress-bar\",{\"percent\":[2],\"text\":[1]}]]],[\"bds-radio.cjs\",[[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]}]]],[\"bds-sidebar.cjs\",[[1,\"bds-sidebar\",{\"isOpen\":[1540,\"is-open\"],\"sidebarPosition\":[1,\"sidebar-position\"],\"InnerSpacing\":[32],\"toggle\":[64]}]]],[\"bds-tab.cjs\",[[0,\"bds-tab\",{\"group\":[1],\"label\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tab-panel.cjs\",[[4,\"bds-tab-panel\",{\"group\":[1],\"active\":[4],\"getChild\":[64]}]]],[\"bds-tooltip.cjs\",[[1,\"bds-tooltip\",{\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"position\":[1],\"dataTest\":[1,\"data-test\"],\"isMouseOver\":[32]}]]],[\"bds-accordion.cjs\",[[1,\"bds-accordion\",{\"isOpen\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64],\"reciveNumber\":[64]}]]],[\"bds-accordion-body.cjs\",[[1,\"bds-accordion-body\",{\"isOpen\":[32],\"heightContainer\":[32],\"numberElement\":[32],\"toggle\":[64],\"close\":[64]}]]],[\"bds-accordion-group.cjs\",[[1,\"bds-accordion-group\",{\"collapse\":[1],\"closeAll\":[64]}]]],[\"bds-alert.cjs\",[[1,\"bds-alert\",{\"open\":[1540],\"toggle\":[64]}]]],[\"bds-alert-actions.cjs\",[[1,\"bds-alert-actions\"]]],[\"bds-banner-link.cjs\",[[1,\"bds-banner-link\",{\"link\":[1]}]]],[\"bds-expansion-panel.cjs\",[[1,\"bds-expansion-panel\"]]],[\"bds-expansion-panel-body.cjs\",[[1,\"bds-expansion-panel-body\",{\"open\":[4],\"text\":[1]}]]],[\"bds-illustration.cjs\",[[1,\"bds-illustration\",{\"type\":[1],\"name\":[1],\"dataTest\":[1,\"data-test\"],\"IllustrationContent\":[32]}]]],[\"bds-loading-page.cjs\",[[1,\"bds-loading-page\",{\"svgContent\":[32]}]]],[\"bds-menu.cjs\",[[1,\"bds-menu\",{\"menu\":[1],\"position\":[1],\"open\":[1540],\"menuPositionTopToBottom\":[32],\"menuPositionLeftToBottom\":[32],\"menuPositionTopToRight\":[32],\"menuPositionLeftToRight\":[32],\"toggle\":[64]}]]],[\"bds-menu-list.cjs\",[[1,\"bds-menu-list\"]]],[\"bds-modal-action.cjs\",[[1,\"bds-modal-action\"]]],[\"bds-paper.cjs\",[[1,\"bds-paper\",{\"elevation\":[1],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-radio-group.cjs\",[[6,\"bds-radio-group\",{\"value\":[1]}]]],[\"bds-stepper.cjs\",[[4,\"bds-stepper\",{\"setActiveStep\":[64],\"setCompletedStep\":[64],\"getActiveStep\":[64],\"resetActiveSteps\":[64],\"resetCompletedSteps\":[64]}]]],[\"bds-switch.cjs\",[[1,\"bds-switch\",{\"refer\":[1],\"size\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"switchId\":[32],\"getInputElement\":[64],\"getValue\":[64]}]]],[\"bds-chip-clickable.cjs\",[[1,\"bds-chip-clickable\",{\"icon\":[1],\"avatar\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"close\":[4],\"disabled\":[4],\"dataTest\":[1,\"data-test\"],\"visible\":[32]}]]],[\"bds-input-chips.cjs\",[[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]}]]],[\"bds-datepicker-period.cjs\",[[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]}]]],[\"bds-datepicker-single.cjs\",[[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]}]]],[\"bds-banner.cjs\",[[1,\"bds-banner\",{\"bannerAlign\":[1,\"banner-align\"],\"buttonClose\":[1,\"button-close\"],\"context\":[1],\"variant\":[1],\"visible\":[32],\"toggle\":[64]}]]],[\"bds-toast-container.cjs\",[[6,\"bds-toast-container\"]]],[\"bds-loading-spinner.cjs\",[[0,\"bds-loading-spinner\",{\"variant\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"bds-icon.cjs\",[[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]}]]],[\"bds-typo.cjs\",[[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\"]}]]],[\"bds-button.cjs\",[[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\"],\"bdsLoadingColor\":[1,\"bds-loading-color\"],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-button-icon.cjs\",[[1,\"bds-button-icon\",{\"disabled\":[4],\"size\":[1],\"variant\":[1],\"icon\":[513]}]]],[\"bds-avatar.cjs\",[[0,\"bds-avatar\",{\"name\":[1],\"thumbnail\":[1],\"size\":[1],\"upload\":[4],\"ellipsis\":[2],\"dataTest\":[1,\"data-test\"]}]]],[\"bds-input.cjs\",[[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]}]]],[\"bds-select-option.cjs\",[[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\"]}]]],[\"bds-counter-text.cjs\",[[0,\"bds-counter-text\",{\"length\":[1026],\"max\":[2],\"active\":[1028],\"warning\":[1040],\"delete\":[1040]}]]]]"), options);
34
34
  });
35
35
  };
36
36
 
@@ -17,6 +17,7 @@
17
17
  "./components/input-editable/input-editable.js",
18
18
  "./components/menu/menu.js",
19
19
  "./components/menu/menu-exibition/menu-exibition.js",
20
+ "./components/sidebar/sidebar.js",
20
21
  "./components/bds-switch/bds-switch.js",
21
22
  "./components/tooltip/tooltip.js",
22
23
  "./components/accordion/accordion-body.js",
@@ -166,7 +166,6 @@ export class SelectChips {
166
166
  }
167
167
  componentWillRender() {
168
168
  if (this.options.length) {
169
- this.resetFilterOptions();
170
169
  try {
171
170
  this.internalOptions = typeof this.options === 'string' ? JSON.parse(this.options) : this.options;
172
171
  }
@@ -0,0 +1,121 @@
1
+ @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");
2
+ /*
3
+ Font family is Nunito Sans. Its fallback is Helvetica
4
+ */
5
+ /*
6
+ Font sizes have been converted to rem considering a base size of 16px.
7
+ */
8
+ /*
9
+ * Z-Index
10
+ *
11
+ * The z-index CSS property sets the z-order of a positioned element and its descendants or flex items.
12
+ * Overlapping elements with a larger z-index cover those with a smaller one.
13
+ *
14
+ * REF: https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
15
+ * REF: https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/
16
+ */
17
+ /**
18
+ * Define media query values
19
+ */
20
+ /** Customs */
21
+ /** Animations */
22
+ /** Aligns */
23
+ /** Scoll Bar */
24
+ .sidebar {
25
+ width: 360px;
26
+ height: 100vh;
27
+ position: absolute;
28
+ top: 0;
29
+ transition: all 0.5s ease-in-out;
30
+ display: flex;
31
+ flex-direction: column;
32
+ background-color: #f3f6fa;
33
+ box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.3);
34
+ z-index: 90000;
35
+ }
36
+ .sidebar_dialog {
37
+ width: 100%;
38
+ height: 100%;
39
+ position: fixed;
40
+ top: 0;
41
+ left: 0;
42
+ z-index: 80000;
43
+ background-color: rgba(32, 44, 68, 0.3);
44
+ opacity: 0;
45
+ visibility: hidden;
46
+ transition: opacity 0.3s ease-in-out;
47
+ }
48
+ .sidebar_dialog.is_open {
49
+ opacity: 1;
50
+ visibility: visible;
51
+ }
52
+ .sidebar_dialog .outzone {
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+ .sidebar.position_left {
57
+ right: 100%;
58
+ }
59
+ .sidebar.position_right {
60
+ left: 100%;
61
+ }
62
+ .sidebar .header .content {
63
+ padding: 24px;
64
+ padding-right: 56px;
65
+ position: relative;
66
+ color: #202c44;
67
+ }
68
+ .sidebar .header .content ::slotted(*) {
69
+ display: grid;
70
+ grid-auto-flow: column;
71
+ gap: 16px;
72
+ justify-content: start;
73
+ align-items: center;
74
+ }
75
+ .sidebar .header .content .closeButton {
76
+ position: absolute;
77
+ right: 24px;
78
+ top: calc(50% - 16px);
79
+ border-radius: 8px;
80
+ contain: inherit;
81
+ -webkit-transition: height 0.5s, all 0.3s;
82
+ -moz-transition: height 0.5s, all 0.3s;
83
+ transition: height 0.5s, all 0.3s;
84
+ z-index: 1;
85
+ cursor: pointer;
86
+ color: #505f79;
87
+ }
88
+ .sidebar .body {
89
+ position: relative;
90
+ flex: 1 1 auto;
91
+ }
92
+ .sidebar .body .content {
93
+ position: absolute;
94
+ inset: 0;
95
+ padding: 8px 24px;
96
+ overflow-y: scroll;
97
+ }
98
+ .sidebar .body .content::-webkit-scrollbar {
99
+ width: 16px;
100
+ background-color: transparent;
101
+ }
102
+ .sidebar .body .content::-webkit-scrollbar-thumb {
103
+ border-radius: 10px;
104
+ border: 4px solid transparent;
105
+ border-radius: 10px;
106
+ background-clip: content-box;
107
+ background-color: #b9cbd3;
108
+ }
109
+ .sidebar .footer .content {
110
+ padding: 24px;
111
+ }
112
+ .sidebar .footer .content ::slotted(*) {
113
+ display: flex;
114
+ justify-content: space-between;
115
+ }
116
+ .sidebar.is_open.position_left {
117
+ right: calc(100% - 360px);
118
+ }
119
+ .sidebar.is_open.position_right {
120
+ left: calc(100% - 360px);
121
+ }
@@ -0,0 +1,128 @@
1
+ import { Component, h, State, Prop, Method, Watch } from '@stencil/core';
2
+ export class Sidebar {
3
+ constructor() {
4
+ this.InnerSpacing = 0;
5
+ /**;
6
+ * isOpen. Used to open sidebar.
7
+ */
8
+ this.isOpen = false;
9
+ /**
10
+ * sidebar position. Used to position the sidebar. Either on the left or on the right.
11
+ */
12
+ this.sidebarPosition = 'left';
13
+ this.listiner = (event) => {
14
+ if (event.key == 'Escape') {
15
+ this.isOpen = false;
16
+ }
17
+ };
18
+ this.onClickCloseButtom = () => {
19
+ this.isOpen = false;
20
+ };
21
+ }
22
+ async toggle() {
23
+ this.isOpen = !this.isOpen;
24
+ }
25
+ isOpenChanged(newValue) {
26
+ if (newValue === true) {
27
+ document.addEventListener('keyup', this.listiner, false);
28
+ }
29
+ else {
30
+ document.removeEventListener('keyup', this.listiner, false);
31
+ }
32
+ }
33
+ render() {
34
+ return (h("div", { class: {
35
+ sidebar_dialog: true,
36
+ is_open: this.isOpen,
37
+ } },
38
+ h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }),
39
+ h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } },
40
+ h("div", { class: { header: true } },
41
+ h("div", { class: { content: true } },
42
+ h("slot", { name: "header" }),
43
+ h("bds-icon", { class: {
44
+ closeButton: true,
45
+ }, size: "medium", name: "close", color: "inherit", tabindex: "0", onClick: () => this.onClickCloseButtom() }))),
46
+ h("div", { class: { body: true } },
47
+ h("div", { class: { content: true } },
48
+ h("slot", { name: "body" }))),
49
+ h("div", { class: { footer: true } },
50
+ h("div", { class: { content: true } },
51
+ h("slot", { name: "footer" }))))));
52
+ }
53
+ static get is() { return "bds-sidebar"; }
54
+ static get encapsulation() { return "shadow"; }
55
+ static get originalStyleUrls() { return {
56
+ "$": ["sidebar.scss"]
57
+ }; }
58
+ static get styleUrls() { return {
59
+ "$": ["sidebar.css"]
60
+ }; }
61
+ static get properties() { return {
62
+ "isOpen": {
63
+ "type": "boolean",
64
+ "mutable": true,
65
+ "complexType": {
66
+ "original": "boolean",
67
+ "resolved": "boolean",
68
+ "references": {}
69
+ },
70
+ "required": false,
71
+ "optional": true,
72
+ "docs": {
73
+ "tags": [],
74
+ "text": ";\nisOpen. Used to open sidebar."
75
+ },
76
+ "attribute": "is-open",
77
+ "reflect": true,
78
+ "defaultValue": "false"
79
+ },
80
+ "sidebarPosition": {
81
+ "type": "string",
82
+ "mutable": false,
83
+ "complexType": {
84
+ "original": "sidebarPosition",
85
+ "resolved": "\"left\" | \"right\"",
86
+ "references": {
87
+ "sidebarPosition": {
88
+ "location": "local"
89
+ }
90
+ }
91
+ },
92
+ "required": false,
93
+ "optional": true,
94
+ "docs": {
95
+ "tags": [],
96
+ "text": "sidebar position. Used to position the sidebar. Either on the left or on the right."
97
+ },
98
+ "attribute": "sidebar-position",
99
+ "reflect": false,
100
+ "defaultValue": "'left'"
101
+ }
102
+ }; }
103
+ static get states() { return {
104
+ "InnerSpacing": {}
105
+ }; }
106
+ static get methods() { return {
107
+ "toggle": {
108
+ "complexType": {
109
+ "signature": "() => Promise<void>",
110
+ "parameters": [],
111
+ "references": {
112
+ "Promise": {
113
+ "location": "global"
114
+ }
115
+ },
116
+ "return": "Promise<void>"
117
+ },
118
+ "docs": {
119
+ "text": "",
120
+ "tags": []
121
+ }
122
+ }
123
+ }; }
124
+ static get watchers() { return [{
125
+ "propName": "isOpen",
126
+ "methodName": "isOpenChanged"
127
+ }]; }
128
+ }
@@ -174,7 +174,6 @@ const SelectChips = class {
174
174
  }
175
175
  componentWillRender() {
176
176
  if (this.options.length) {
177
- this.resetFilterOptions();
178
177
  try {
179
178
  this.internalOptions = typeof this.options === 'string' ? JSON.parse(this.options) : this.options;
180
179
  }
@@ -0,0 +1,51 @@
1
+ import { r as registerInstance, h } from './index-822aa79c.js';
2
+
3
+ const sidebarCss = "@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\"); .sidebar{width:360px;height:100vh;position:absolute;top:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f3f6fa;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);z-index:90000}.sidebar_dialog{width:100%;height:100%;position:fixed;top:0;left:0;z-index:80000;background-color:rgba(32, 44, 68, 0.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.sidebar_dialog.is_open{opacity:1;visibility:visible}.sidebar_dialog .outzone{position:absolute;inset:0}.sidebar.position_left{right:100%}.sidebar.position_right{left:100%}.sidebar .header .content{padding:24px;padding-right:56px;position:relative;color:#202c44}.sidebar .header .content ::slotted(*){display:grid;grid-auto-flow:column;gap:16px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center}.sidebar .header .content .closeButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1;cursor:pointer;color:#505f79}.sidebar .body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.sidebar .body .content{position:absolute;inset:0;padding:8px 24px;overflow-y:scroll}.sidebar .body .content::-webkit-scrollbar{width:16px;background-color:transparent}.sidebar .body .content::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.sidebar .footer .content{padding:24px}.sidebar .footer .content ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar.is_open.position_left{right:calc(100% - 360px)}.sidebar.is_open.position_right{left:calc(100% - 360px)}";
4
+
5
+ const Sidebar = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.InnerSpacing = 0;
9
+ /**;
10
+ * isOpen. Used to open sidebar.
11
+ */
12
+ this.isOpen = false;
13
+ /**
14
+ * sidebar position. Used to position the sidebar. Either on the left or on the right.
15
+ */
16
+ this.sidebarPosition = 'left';
17
+ this.listiner = (event) => {
18
+ if (event.key == 'Escape') {
19
+ this.isOpen = false;
20
+ }
21
+ };
22
+ this.onClickCloseButtom = () => {
23
+ this.isOpen = false;
24
+ };
25
+ }
26
+ async toggle() {
27
+ this.isOpen = !this.isOpen;
28
+ }
29
+ isOpenChanged(newValue) {
30
+ if (newValue === true) {
31
+ document.addEventListener('keyup', this.listiner, false);
32
+ }
33
+ else {
34
+ document.removeEventListener('keyup', this.listiner, false);
35
+ }
36
+ }
37
+ render() {
38
+ return (h("div", { class: {
39
+ sidebar_dialog: true,
40
+ is_open: this.isOpen,
41
+ } }, h("div", { class: { outzone: true }, onClick: () => this.onClickCloseButtom() }), h("div", { class: { sidebar: true, is_open: this.isOpen, [`position_${this.sidebarPosition}`]: true } }, h("div", { class: { header: true } }, h("div", { class: { content: true } }, h("slot", { name: "header" }), h("bds-icon", { class: {
42
+ closeButton: true,
43
+ }, size: "medium", name: "close", color: "inherit", tabindex: "0", onClick: () => this.onClickCloseButtom() }))), h("div", { class: { body: true } }, h("div", { class: { content: true } }, h("slot", { name: "body" }))), h("div", { class: { footer: true } }, h("div", { class: { content: true } }, h("slot", { name: "footer" }))))));
44
+ }
45
+ static get watchers() { return {
46
+ "isOpen": ["isOpenChanged"]
47
+ }; }
48
+ };
49
+ Sidebar.style = sidebarCss;
50
+
51
+ export { Sidebar as bds_sidebar };