blip-ds 1.154.0 → 1.155.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-chip-clickable.entry.js +15 -9
- package/dist/blip-ds/bds-chip-clickable.system.entry.js +1 -1
- package/dist/blip-ds/bds-chip-selected.entry.js +12 -7
- package/dist/blip-ds/bds-chip-selected.system.entry.js +1 -1
- package/dist/blip-ds/bds-input-chips.entry.js +13 -1
- package/dist/blip-ds/bds-input-chips.system.entry.js +1 -1
- package/dist/blip-ds/blip-ds.esm.js +1 -1
- package/dist/blip-ds/blip-ds.system.js +1 -1
- package/dist/blip-ds/p-040dcd88.system.entry.js +1 -0
- package/dist/blip-ds/p-12c80fd5.entry.js +1 -0
- package/dist/blip-ds/p-28436a00.entry.js +1 -0
- package/dist/blip-ds/p-6be564b6.system.entry.js +1 -0
- package/dist/blip-ds/p-9a98b63f.system.js +1 -1
- package/dist/blip-ds/{p-7557f3f5.system.entry.js → p-a35b1dde.system.entry.js} +1 -1
- package/dist/blip-ds/p-ddac8637.entry.js +1 -0
- package/dist/cjs/bds-chip-clickable.cjs.entry.js +15 -9
- package/dist/cjs/bds-chip-selected.cjs.entry.js +12 -7
- package/dist/cjs/bds-input-chips.cjs.entry.js +13 -1
- package/dist/cjs/blip-ds.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/chip-clickable/chip-clickable.js +16 -10
- package/dist/collection/components/chip-selected/chip-selected.css +8 -8
- package/dist/collection/components/chip-selected/chip-selected.js +14 -14
- package/dist/collection/components/input-chips/input-chips.js +67 -1
- package/dist/esm/bds-chip-clickable.entry.js +15 -9
- package/dist/esm/bds-chip-selected.entry.js +12 -7
- package/dist/esm/bds-input-chips.entry.js +13 -1
- package/dist/esm/blip-ds.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/bds-chip-clickable.entry.js +1 -1
- package/dist/esm-es5/bds-chip-selected.entry.js +1 -1
- package/dist/esm-es5/bds-input-chips.entry.js +1 -1
- package/dist/esm-es5/blip-ds.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/chip-clickable/chip-clickable.d.ts +2 -0
- package/dist/types/components/chip-selected/chip-selected.d.ts +2 -1
- package/dist/types/components/input-chips/input-chips.d.ts +12 -0
- package/dist/types/components.d.ts +24 -0
- package/package.json +1 -1
- package/dist/blip-ds/p-2aed270e.entry.js +0 -1
- package/dist/blip-ds/p-9fd518dc.system.entry.js +0 -1
- package/dist/blip-ds/p-bab14f45.system.entry.js +0 -1
- package/dist/blip-ds/p-c9f19ec5.entry.js +0 -1
- package/dist/blip-ds/p-cf2e73cd.entry.js +0 -1
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-a377e20e.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-0993aa3b.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy(JSON.parse('[["bds-icon_2",[[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],"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]}]]],["bds-datepicker",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["bds-select-chips",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"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",[[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-autocomplete",[[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"],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-input-phone-number",[[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"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-select",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-input-editable",[[1,"bds-input-editable",{"size":[1],"expand":[4],"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",[[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]}]]],["bds-accordion-header",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"numberElement":[32],"close":[64],"reciveNumber":[64]}]]],["bds-avatar-group",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["bds-chip-clickable",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"visible":[32]}]]],["bds-menu-exibition",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["bds-alert-header",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["bds-banner",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["bds-checkbox",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-chip-selected",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"isSelected":[32]},[[0,"keydown","handleKeyDown"],[2,"click","handleClick"]]]]],["bds-chip-tag",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["bds-menu-action",[[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",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["bds-step",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["bds-tabs",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["bds-warning",[[1,"bds-warning"]]],["bds-alert-body",[[1,"bds-alert-body"]]],["bds-card-color",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["bds-expansion-panel-header",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["bds-menu-separation",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["bds-modal",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"toggle":[64]}]]],["bds-modal-close-button",[[1,"bds-modal-close-button",{"active":[1540]}]]],["bds-progress-bar",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["bds-radio",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-tab",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["bds-tab-panel",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["bds-tooltip",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"isMouseOver":[32]}]]],["bds-accordion-body",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["bds-accordion-group",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["bds-alert",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["bds-alert-actions",[[1,"bds-alert-actions"]]],["bds-banner-link",[[1,"bds-banner-link",{"link":[1]}]]],["bds-expansion-panel",[[1,"bds-expansion-panel"]]],["bds-expansion-panel-body",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["bds-illustration",[[1,"bds-illustration",{"type":[1],"name":[1],"IllustrationContent":[32]}]]],["bds-menu",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["bds-menu-list",[[1,"bds-menu-list"]]],["bds-modal-action",[[1,"bds-modal-action"]]],["bds-paper",[[1,"bds-paper",{"elevation":[1]}]]],["bds-radio-group",[[6,"bds-radio-group",{"value":[1]}]]],["bds-stepper",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["bds-switch",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-input-chips",[[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],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["bds-toast-container",[[6,"bds-toast-container"]]],["bds-datepicker-period_2",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"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],"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-chip",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["bds-button-icon",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["bds-avatar",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2]}]]],["bds-button_2",[[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"]}],[0,"bds-loading-spinner",{"variant":[1]}]]],["bds-select-option",[[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]}]]],["bds-counter-text_2",[[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]}]]]]'),t)}))};export{defineCustomElements};
|
|
1
|
+
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-a377e20e.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-0993aa3b.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy(JSON.parse('[["bds-icon_2",[[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],"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]}]]],["bds-datepicker",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"endDateLimitDaysList":[32],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32]}]]],["bds-select-chips",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"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",[[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-autocomplete",[[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"],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-input-phone-number",[[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"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-select",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"isOpen":[32],"text":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["bds-input-editable",[[1,"bds-input-editable",{"size":[1],"expand":[4],"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",[[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]}]]],["bds-accordion-header",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"numberElement":[32],"close":[64],"reciveNumber":[64]}]]],["bds-avatar-group",[[4,"bds-avatar-group",{"size":[1],"users":[1],"internalUsers":[32],"leftoversUsers":[32]}]]],["bds-chip-clickable",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"visible":[32]}]]],["bds-menu-exibition",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["bds-alert-header",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["bds-banner",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["bds-checkbox",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-chip-selected",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"isSelected":[32]},[[2,"click","handleClick"]]]]],["bds-chip-tag",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["bds-menu-action",[[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",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["bds-step",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["bds-tabs",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["bds-warning",[[1,"bds-warning"]]],["bds-alert-body",[[1,"bds-alert-body"]]],["bds-card-color",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["bds-expansion-panel-header",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["bds-menu-separation",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["bds-modal",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"toggle":[64]}]]],["bds-modal-close-button",[[1,"bds-modal-close-button",{"active":[1540]}]]],["bds-progress-bar",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["bds-radio",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-tab",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["bds-tab-panel",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["bds-tooltip",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"isMouseOver":[32]}]]],["bds-accordion-body",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["bds-accordion-group",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["bds-alert",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["bds-alert-actions",[[1,"bds-alert-actions"]]],["bds-banner-link",[[1,"bds-banner-link",{"link":[1]}]]],["bds-expansion-panel",[[1,"bds-expansion-panel"]]],["bds-expansion-panel-body",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["bds-illustration",[[1,"bds-illustration",{"type":[1],"name":[1],"IllustrationContent":[32]}]]],["bds-menu",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"menuPositionTopToBottom":[32],"menuPositionLeftToBottom":[32],"menuPositionTopToRight":[32],"menuPositionLeftToRight":[32],"toggle":[64]}]]],["bds-menu-list",[[1,"bds-menu-list"]]],["bds-modal-action",[[1,"bds-modal-action"]]],["bds-paper",[[1,"bds-paper",{"elevation":[1]}]]],["bds-radio-group",[[6,"bds-radio-group",{"value":[1]}]]],["bds-stepper",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["bds-switch",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["bds-input-chips",[[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],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["bds-toast-container",[[6,"bds-toast-container"]]],["bds-datepicker-period_2",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"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],"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-chip",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["bds-button-icon",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["bds-avatar",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2]}]]],["bds-button_2",[[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"]}],[0,"bds-loading-spinner",{"variant":[1]}]]],["bds-select-option",[[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]}]]],["bds-counter-text_2",[[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]}]]]]'),t)}))};export{defineCustomElements};
|
|
@@ -37,8 +37,10 @@ export declare class ChipClickable {
|
|
|
37
37
|
*/
|
|
38
38
|
chipClickableClose: EventEmitter;
|
|
39
39
|
chipClickableClick: EventEmitter;
|
|
40
|
+
private handleClickKey;
|
|
40
41
|
private handleClick;
|
|
41
42
|
private handleCloseChip;
|
|
43
|
+
private handleCloseKey;
|
|
42
44
|
private getSizeAvatarChip;
|
|
43
45
|
private getSizeIconChip;
|
|
44
46
|
render(): any;
|
|
@@ -25,11 +25,12 @@ export declare class ChipSelected {
|
|
|
25
25
|
*/
|
|
26
26
|
disabled: boolean;
|
|
27
27
|
chipClick: EventEmitter;
|
|
28
|
-
handleKeyDown(
|
|
28
|
+
handleKeyDown(event: any): boolean;
|
|
29
29
|
handleClick(event: any): boolean;
|
|
30
30
|
componentWillLoad(): void;
|
|
31
31
|
private getDisabledChip;
|
|
32
32
|
private getStyleChip;
|
|
33
33
|
private getStyleText;
|
|
34
|
+
private getSizeIconChip;
|
|
34
35
|
render(): any;
|
|
35
36
|
}
|
|
@@ -54,6 +54,18 @@ export declare class InputChips {
|
|
|
54
54
|
* Disabled input
|
|
55
55
|
*/
|
|
56
56
|
disabled?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Indicated to pass a help the user in complex filling.
|
|
59
|
+
*/
|
|
60
|
+
helperMessage?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Prop to insert the name of the input
|
|
63
|
+
*/
|
|
64
|
+
inputName?: string;
|
|
65
|
+
/**
|
|
66
|
+
* A tip for the user who can enter no controls.
|
|
67
|
+
*/
|
|
68
|
+
placeholder?: string;
|
|
57
69
|
/**
|
|
58
70
|
* Emitted when the chip has added.
|
|
59
71
|
*/
|
|
@@ -704,10 +704,18 @@ export namespace Components {
|
|
|
704
704
|
* Return the chips
|
|
705
705
|
*/
|
|
706
706
|
"get": () => Promise<string[]>;
|
|
707
|
+
/**
|
|
708
|
+
* Indicated to pass a help the user in complex filling.
|
|
709
|
+
*/
|
|
710
|
+
"helperMessage"?: string;
|
|
707
711
|
/**
|
|
708
712
|
* used for add icon in input left. Uses the bds-icon component.
|
|
709
713
|
*/
|
|
710
714
|
"icon"?: string;
|
|
715
|
+
/**
|
|
716
|
+
* Prop to insert the name of the input
|
|
717
|
+
*/
|
|
718
|
+
"inputName"?: string;
|
|
711
719
|
/**
|
|
712
720
|
* Return the validity of the input chips.
|
|
713
721
|
*/
|
|
@@ -720,6 +728,10 @@ export namespace Components {
|
|
|
720
728
|
* Set maximum length value for the chip content
|
|
721
729
|
*/
|
|
722
730
|
"maxlength"?: number;
|
|
731
|
+
/**
|
|
732
|
+
* A tip for the user who can enter no controls.
|
|
733
|
+
*/
|
|
734
|
+
"placeholder"?: string;
|
|
723
735
|
"removeFocus": () => Promise<void>;
|
|
724
736
|
"setFocus": () => Promise<void>;
|
|
725
737
|
/**
|
|
@@ -2518,10 +2530,18 @@ declare namespace LocalJSX {
|
|
|
2518
2530
|
* Indicated to pass an feedback to user.
|
|
2519
2531
|
*/
|
|
2520
2532
|
"errorMessage"?: string;
|
|
2533
|
+
/**
|
|
2534
|
+
* Indicated to pass a help the user in complex filling.
|
|
2535
|
+
*/
|
|
2536
|
+
"helperMessage"?: string;
|
|
2521
2537
|
/**
|
|
2522
2538
|
* used for add icon in input left. Uses the bds-icon component.
|
|
2523
2539
|
*/
|
|
2524
2540
|
"icon"?: string;
|
|
2541
|
+
/**
|
|
2542
|
+
* Prop to insert the name of the input
|
|
2543
|
+
*/
|
|
2544
|
+
"inputName"?: string;
|
|
2525
2545
|
/**
|
|
2526
2546
|
* label in input, with he the input size increases.
|
|
2527
2547
|
*/
|
|
@@ -2546,6 +2566,10 @@ declare namespace LocalJSX {
|
|
|
2546
2566
|
* Emitted when the chip has added.
|
|
2547
2567
|
*/
|
|
2548
2568
|
"onBdsSubmit"?: (event: CustomEvent<any>) => void;
|
|
2569
|
+
/**
|
|
2570
|
+
* A tip for the user who can enter no controls.
|
|
2571
|
+
*/
|
|
2572
|
+
"placeholder"?: string;
|
|
2549
2573
|
/**
|
|
2550
2574
|
* Defining the type is important so that it is possible to carry out validations. Can be one of: 'text' and 'email;
|
|
2551
2575
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as i,h as t,H as h}from"./p-cd485809.js";import{w as n,e as p}from"./p-7d00c003.js";const c=class{constructor(t){s(this,t),this.bdsChange=i(this,"bdsChange",7),this.bdsChangeChips=i(this,"bdsChangeChips",7),this.bdsBlur=i(this,"bdsBlur",7),this.bdsSubmit=i(this,"bdsSubmit",7),this.internalChips=[],this.chips=[],this.type="text",this.label="",this.icon="",this.delimiters=/,|;/,this.errorMessage="",this.danger=!1,this.value="",this.duplicated=!1,this.disableSubmit=!1,this.disabled=!1}valueChanged(){if(this.chips)if("string"==typeof this.chips)try{this.internalChips=JSON.parse(this.chips)}catch(s){this.internalChips=[]}else this.internalChips=this.chips;else this.internalChips=[]}internalValueChanged(){this.bdsChangeChips.emit({data:this.internalChips,value:this.getLastChip()})}async isValid(){return this.validateChips()}async get(){return this.internalChips}async clear(){this.internalChips=[],this.value=""}async add(s){this.setChip(s)}async setFocus(){this.nativeInput.setFocus()}async removeFocus(){this.nativeInput.removeFocus()}componentWillLoad(){this.valueChanged()}validateChips(){return"email"!==this.type||!this.internalChips.some((s=>!this.validateChip(s)))}handleOnBlur(){this.bdsBlur.emit(this.internalChips)}handleAddChip(s){if(this.disableSubmit)return;const{detail:{value:i}}=s;this.setChip(i),this.value=""}getLastChip(){return this.internalChips[this.internalChips.length-1]}handleBackRemove(s){const{detail:{value:i}}=s;(null===i||i.length<=0)&&this.internalChips.length&&(this.removeLastChip(),this.bdsChangeChips.emit({data:this.internalChips,value:i}))}verifyAndSubstituteDelimiters(s){if(1===s.length&&s[0].match(this.delimiters))return"";let i=s.replace(/;/g,",").replace(/\,+|;+/g,",");return i[0].match(this.delimiters)&&(i=i.substring(1)),i}async handleChange(s){const{detail:{value:i}}=s;if(this.value=i?i.trim():"",0===i.length)return;if(!i.match(this.delimiters))return;const t=this.verifyAndSubstituteDelimiters(i);t?(t.split(this.delimiters).forEach((s=>{this.setChip(s)})),this.clearInputValues()):this.clearInputValues()}clearInputValues(s=""){this.nativeInput.value=s,this.value=s}setChip(s){!this.duplicated&&this.internalChips.some((i=>i.toLowerCase()===s.toLowerCase()))||n(s)&&(this.internalChips=[...this.internalChips,s])}validateChip(s){const i=s.trim();return"email"!==this.type||!p(i)}removeLastChip(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)}removeChip(s){const{detail:{id:i}}=s;this.internalChips=this.internalChips.filter(((s,t)=>t.toString()!==i))}renderChips(){return this.internalChips.length?this.internalChips.map(((s,i)=>{const h=i.toString();return t("bds-chip",{class:"input-chips__chip",id:h,key:h,variant:"primary",danger:!this.validateChip(s),deletable:!this.disabled,onBdsDelete:s=>this.removeChip(s)},s)})):[]}render(){return t(h,null,t("bds-input",{ref:s=>this.nativeInput=s,icon:this.icon,label:this.label,onBdsKeyDownBackspace:s=>this.handleBackRemove(s),onBdsSubmit:s=>this.handleAddChip(s),onBdsOnBlur:()=>this.handleOnBlur(),onBdsChange:s=>this.handleChange(s),maxlength:this.maxlength,value:this.value,"error-message":this.errorMessage,danger:this.danger,chips:!0,disabled:this.disabled},t("span",{slot:"inside-input-left"},this.renderChips()),t("div",{slot:"input-right"},t("slot",{name:"input-right"}))))}static get watchers(){return{chips:["valueChanged"],internalChips:["internalValueChanged"]}}};c.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-chips,300.sc-bds-input-chips;0.sc-bds-input-chips,400.sc-bds-input-chips;0.sc-bds-input-chips,600.sc-bds-input-chips;0.sc-bds-input-chips,700.sc-bds-input-chips;0.sc-bds-input-chips,800.sc-bds-input-chips;0.sc-bds-input-chips,900.sc-bds-input-chips;1.sc-bds-input-chips,200.sc-bds-input-chips;1.sc-bds-input-chips,300.sc-bds-input-chips;1.sc-bds-input-chips,400.sc-bds-input-chips;1.sc-bds-input-chips,600.sc-bds-input-chips;1.sc-bds-input-chips,700.sc-bds-input-chips;1.sc-bds-input-chips,800.sc-bds-input-chips;1.sc-bds-input-chips,900&display=swap").sc-bds-input-chips; .sc-bds-input-chips-h{display:block}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}';export{c as bds_input_chips}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-660b44d1.system.js"],(function(e){"use strict";var i,t,s,o,n;return{setters:[function(e){i=e.r;t=e.c;s=e.h;o=e.H;n=e.g}],execute:function(){var r='@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"); @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"); :host(:focus){border:2px solid #c226fb;padding:2px}:host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#202c44;z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:#b3d4ff}:host .chip--info{background-color:#80e3eb}:host .chip--success{background-color:#90e6bc}:host .chip--warning{background-color:#fff6a8}:host .chip--danger{background-color:#ffa5a5}:host .chip--outline{background-color:#ffffff;border:1px solid #b9cbd3;padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff;border:2px solid #3f7de8}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px;padding-left:4px;color:#125ad5}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#125ad5;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{background-color:#e8f2ff;cursor:pointer}:host .chip_selected:active{background-color:#d1e3fa}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:#f3f6fa}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#505f79;z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#505f79;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}';var l=e("bds_chip_selected",function(){function e(e){i(this,e);this.chipClick=t(this,"chipClick",7);this.isSelected=false;this.color="default";this.size="standard";this.selected=false;this.disabled=false}e.prototype.handleKeyDown=function(e){if(e.key===" "){if(this.disabled)return;e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}}};e.prototype.handleClick=function(e){if(this.disabled)return;e.preventDefault();if(this.isSelected){return this.isSelected=false}else{return this.isSelected=true}};e.prototype.componentWillLoad=function(){this.el.focus();this.isSelected=this.selected};e.prototype.getDisabledChip=function(){var e;return this.disabled?(e={chip_disabled:true},e["chip_disabled--".concat(this.size)]=true,e):{}};e.prototype.getStyleChip=function(){var e,i;return this.isSelected?(e={chip_selected:true},e["chip_selected--".concat(this.size)]=true,e):(i={},i["chip--".concat(this.color)]=true,i["chip--".concat(this.size)]=true,i)};e.prototype.getStyleText=function(){if(this.isSelected){var e={"chip_selected--text":true};return e}};e.prototype.render=function(){return s(o,null,s("div",{class:Object.assign(Object.assign({chip:true},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabindex:"0"},!this.isSelected&&!this.disabled&&s("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&s("div",{class:"chip--icon"},s("bds-icon",{size:"x-small",name:this.icon})),this.isSelected&&s("div",{class:"chip_selected--icon"},s("bds-icon",{size:"x-small",name:"checkball"})),s("bds-typo",{class:Object.assign({"chip--text":true},this.getStyleText()),variant:"fs-12","no-wrap":true,bold:"bold"},s("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());l.style=r}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{u(n.next(t))}catch(i){r(i)}}function h(t){try{u(n["throw"](t))}catch(i){r(i)}}function u(t){t.done?e(t.value):s(t.value).then(a,h)}u((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,a;return a={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function h(t){return function(i){return u([t,i])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;s=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=i.call(t,e)}catch(h){a=[6,h];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var n=0,s=i.length,r;n<s;n++){if(r||!(n in i)){if(!r)r=Array.prototype.slice.call(i,0,n);r[n]=i[n]}}return t.concat(r||Array.prototype.slice.call(i))};System.register(["./p-660b44d1.system.js","./p-c5060283.system.js"],(function(t){"use strict";var i,e,n,s,r,a;return{setters:[function(t){i=t.r;e=t.c;n=t.h;s=t.H},function(t){r=t.w;a=t.e}],execute:function(){var h='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0.sc-bds-input-chips,300.sc-bds-input-chips;0.sc-bds-input-chips,400.sc-bds-input-chips;0.sc-bds-input-chips,600.sc-bds-input-chips;0.sc-bds-input-chips,700.sc-bds-input-chips;0.sc-bds-input-chips,800.sc-bds-input-chips;0.sc-bds-input-chips,900.sc-bds-input-chips;1.sc-bds-input-chips,200.sc-bds-input-chips;1.sc-bds-input-chips,300.sc-bds-input-chips;1.sc-bds-input-chips,400.sc-bds-input-chips;1.sc-bds-input-chips,600.sc-bds-input-chips;1.sc-bds-input-chips,700.sc-bds-input-chips;1.sc-bds-input-chips,800.sc-bds-input-chips;1.sc-bds-input-chips,900&display=swap").sc-bds-input-chips; .sc-bds-input-chips-h{display:block}.input-chips__chip.sc-bds-input-chips{margin:2px 4px 2px 0px}.input-chips__chips.sc-bds-input-chips{-ms-flex:1;flex:1}';var u=t("bds_input_chips",function(){function t(t){i(this,t);this.bdsChange=e(this,"bdsChange",7);this.bdsChangeChips=e(this,"bdsChangeChips",7);this.bdsBlur=e(this,"bdsBlur",7);this.bdsSubmit=e(this,"bdsSubmit",7);this.internalChips=[];this.chips=[];this.type="text";this.label="";this.icon="";this.delimiters=/,|;/;this.errorMessage="";this.danger=false;this.value="";this.duplicated=false;this.disableSubmit=false;this.disabled=false}t.prototype.valueChanged=function(){if(this.chips){if(typeof this.chips==="string"){try{this.internalChips=JSON.parse(this.chips)}catch(t){this.internalChips=[]}}else{this.internalChips=this.chips}}else{this.internalChips=[]}};t.prototype.internalValueChanged=function(){this.bdsChangeChips.emit({data:this.internalChips,value:this.getLastChip()})};t.prototype.isValid=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.validateChips()]}))}))};t.prototype.get=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internalChips]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.internalChips=[];this.value="";return[2]}))}))};t.prototype.add=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.setChip(t);return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.setFocus();return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.removeFocus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.valueChanged()};t.prototype.validateChips=function(){var t=this;if(this.type==="email"){return!this.internalChips.some((function(i){return!t.validateChip(i)}))}else{return true}};t.prototype.handleOnBlur=function(){this.bdsBlur.emit(this.internalChips)};t.prototype.handleAddChip=function(t){if(this.disableSubmit){return}var i=t.detail.value;this.setChip(i);this.value=""};t.prototype.getLastChip=function(){return this.internalChips[this.internalChips.length-1]};t.prototype.handleBackRemove=function(t){var i=t.detail.value;if((i===null||i.length<=0)&&this.internalChips.length){this.removeLastChip();this.bdsChangeChips.emit({data:this.internalChips,value:i})}};t.prototype.verifyAndSubstituteDelimiters=function(t){if(t.length===1&&t[0].match(this.delimiters)){return""}var i=t.replace(/;/g,",").replace(/\,+|;+/g,",");if(i[0].match(this.delimiters)){i=i.substring(1)}return i};t.prototype.handleChange=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,n,s;var r=this;return __generator(this,(function(a){i=t.detail.value;this.value=i?i.trim():"";if(i.length===0)return[2];e=i.match(this.delimiters);if(!e)return[2];n=this.verifyAndSubstituteDelimiters(i);if(!n){this.clearInputValues();return[2]}s=n.split(this.delimiters);s.forEach((function(t){r.setChip(t)}));this.clearInputValues();return[2]}))}))};t.prototype.clearInputValues=function(t){if(t===void 0){t=""}this.nativeInput.value=t;this.value=t};t.prototype.setChip=function(t){if(!this.duplicated){var i=this.internalChips.some((function(i){return i.toLowerCase()===t.toLowerCase()}));if(i)return}if(!r(t)){return}this.internalChips=__spreadArray(__spreadArray([],this.internalChips,true),[t],false)};t.prototype.validateChip=function(t){var i=t.trim();if(this.type==="email"&&a(i)){return false}return true};t.prototype.removeLastChip=function(){this.internalChips=this.internalChips.slice(0,this.internalChips.length-1)};t.prototype.removeChip=function(t){var i=t.detail.id;this.internalChips=this.internalChips.filter((function(t,e){return e.toString()!==i}))};t.prototype.renderChips=function(){var t=this;if(!this.internalChips.length){return[]}return this.internalChips.map((function(i,e){var s=e.toString();return n("bds-chip",{class:"input-chips__chip",id:s,key:s,variant:"primary",danger:!t.validateChip(i),deletable:!t.disabled,onBdsDelete:function(i){return t.removeChip(i)}},i)}))};t.prototype.render=function(){var t=this;return n(s,null,n("bds-input",{ref:function(i){return t.nativeInput=i},icon:this.icon,label:this.label,onBdsKeyDownBackspace:function(i){return t.handleBackRemove(i)},onBdsSubmit:function(i){return t.handleAddChip(i)},onBdsOnBlur:function(){return t.handleOnBlur()},onBdsChange:function(i){return t.handleChange(i)},maxlength:this.maxlength,value:this.value,"error-message":this.errorMessage,danger:this.danger,chips:true,disabled:this.disabled},n("span",{slot:"inside-input-left"},this.renderChips()),n("div",{slot:"input-right"},n("slot",{name:"input-right"}))))};Object.defineProperty(t,"watchers",{get:function(){return{chips:["valueChanged"],internalChips:["internalValueChanged"]}},enumerable:false,configurable:true});return t}());u.style=h}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as s,g as o}from"./p-cd485809.js";const r=class{constructor(t){i(this,t),this.chipClick=e(this,"chipClick",7),this.isSelected=!1,this.color="default",this.size="standard",this.selected=!1,this.disabled=!1}handleKeyDown(i){if(" "===i.key){if(this.disabled)return;return i.preventDefault(),this.isSelected=!this.isSelected}}handleClick(i){if(!this.disabled)return i.preventDefault(),this.isSelected=!this.isSelected}componentWillLoad(){this.el.focus(),this.isSelected=this.selected}getDisabledChip(){return this.disabled?{chip_disabled:!0,[`chip_disabled--${this.size}`]:!0}:{}}getStyleChip(){return this.isSelected?{chip_selected:!0,[`chip_selected--${this.size}`]:!0}:{[`chip--${this.color}`]:!0,[`chip--${this.size}`]:!0}}getStyleText(){if(this.isSelected)return{"chip_selected--text":!0}}render(){return t(s,null,t("div",{class:Object.assign(Object.assign({chip:!0},this.getStyleChip()),this.getDisabledChip()),onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabindex:"0"},!this.isSelected&&!this.disabled&&t("div",{class:"chip_darker"}),this.icon&&!this.isSelected&&t("div",{class:"chip--icon"},t("bds-icon",{size:"x-small",name:this.icon})),this.isSelected&&t("div",{class:"chip_selected--icon"},t("bds-icon",{size:"x-small",name:"checkball"})),t("bds-typo",{class:Object.assign({"chip--text":!0},this.getStyleText()),variant:"fs-12","no-wrap":!0,bold:"bold"},t("slot",null))))}get el(){return o(this)}};r.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); @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"); :host(:focus){border:2px solid #c226fb;padding:2px}:host{display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip .chip_darker{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#202c44;z-index:2}:host .chip--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip--tall{height:40px;border-radius:24px}:host .chip--default{background-color:#b3d4ff}:host .chip--info{background-color:#80e3eb}:host .chip--success{background-color:#90e6bc}:host .chip--warning{background-color:#fff6a8}:host .chip--danger{background-color:#ffa5a5}:host .chip--outline{background-color:#ffffff;border:1px solid #b9cbd3;padding:2px 3px}:host .chip--outline .chip_darker{height:calc(100% + 2px)}:host .chip:hover{cursor:pointer}:host .chip:hover .chip_darker{-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip:active{cursor:pointer}:host .chip:active .chip_darker{-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip:focus-visible{outline:none}:host .chip_selected{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff;border:2px solid #3f7de8}:host .chip_selected--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:16px;height:20px;padding-left:4px;color:#125ad5}:host .chip_selected--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#125ad5;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_selected--tall{height:40px;border-radius:24px}:host .chip_selected:hover{background-color:#e8f2ff;cursor:pointer}:host .chip_selected:active{background-color:#d1e3fa}:host .chip_disabled{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;background-color:#f3f6fa}:host .chip_disabled--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:4px;width:16px;height:20px;color:#505f79;z-index:2}:host .chip_disabled--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;z-index:2;margin:0 8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#505f79;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_disabled--tall{height:40px;border-radius:24px}:host .chip_disabled:hover{cursor:default}';export{r as bds_chip_selected}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c,h as e,H as t,g as l}from"./p-cd485809.js";const s=class{constructor(e){i(this,e),this.chipClickableClose=c(this,"chipClickableClose",7),this.chipClickableClick=c(this,"chipClickableClick",7),this.visible=!0,this.color="default",this.size="standard",this.clickable=!1,this.close=!1,this.disabled=!1}handleClick(i){"Enter"!==i.key||this.disabled||(i.preventDefault(),this.chipClickableClick.emit())}handleCloseChip(i){i.preventDefault(),this.chipClickableClose.emit({id:this.element.id}),this.visible=!1}getSizeAvatarChip(){return"tall"===this.size?"extra-small":"micro"}getSizeIconChip(){return"tall"===this.size?"medium":"x-small"}render(){return e(t,null,e("div",{class:{chip_clickable:!0,[`chip_clickable--${this.color}`]:!this.disabled,[`chip_clickable--${this.size}`]:!0,"chip_clickable--hide":!this.visible,"chip_clickable--click":this.clickable,"chip_clickable--disabled":this.disabled},onClick:this.handleClick.bind(this)},this.clickable&&!this.disabled&&e("div",{class:"chip_focus",onKeyDown:this.handleClick.bind(this),tabindex:"0"}),this.clickable&&!this.disabled&&e("div",{class:"chip_darker"}),this.icon&&!this.avatar&&e("div",{class:"chip_clickable--icon"},e("bds-icon",{size:this.getSizeIconChip(),name:this.icon})),this.avatar&&e("div",{class:"chip_clickable--avatar"},e("bds-avatar",{size:this.getSizeAvatarChip(),thumbnail:this.avatar})),e("bds-typo",{class:"chip_clickable--text",variant:"fs-12",bold:"bold"},e("slot",null)),this.close&&e("div",{class:"chip_clickable--close",onClick:this.handleCloseChip.bind(this)},!this.disabled&&e("div",{class:"close_focus",onKeyDown:this.handleCloseChip.bind(this),tabindex:"0"}),e("bds-icon",{size:"x-small",theme:"solid",name:"error"}))))}get element(){return l(this)}};s.style='@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); :host{display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable{display:-ms-flexbox;display:flex;min-width:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px;border-radius:16px;padding:2px 4px;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0}:host .chip_clickable--hide{display:none;padding:0;border:none}:host .chip_clickable .chip_focus:focus{position:absolute;width:100%;height:100%;padding:2px;border-radius:4px;outline:#c226fb solid 2px}:host .chip_clickable--click{cursor:pointer}:host .chip_clickable--click .chip_darker{opacity:0;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);-webkit-box-sizing:border-box;box-sizing:border-box}:host .chip_clickable--click:hover .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.9);backdrop-filter:brightness(0.9)}:host .chip_clickable--click:active .chip_darker{opacity:1;-webkit-backdrop-filter:brightness(0.8);backdrop-filter:brightness(0.8)}:host .chip_clickable--disabled{cursor:default;background-color:#f3f6fa}:host .chip_clickable--disabled .chip_clickable--icon{color:#505f79}:host .chip_clickable--disabled .chip_clickable--text{color:#505f79}:host .chip_clickable--disabled .chip_clickable--close{cursor:default}:host .chip_clickable--icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-left:4px;color:#202c44;z-index:2}:host .chip_clickable--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding-right:4px;mix-blend-mode:hard-light;color:#202c44;opacity:0.7;z-index:2;position:relative;cursor:pointer}:host .chip_clickable--close .close_focus:focus{position:absolute;width:100%;height:100%;left:-2px;border-radius:4px;outline:#c226fb solid 2px}:host .chip_clickable--text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:20px;margin:0 8px;z-index:2;color:#202c44;font-family:"Nunito Sans", "Tahoma", "Helvetica", "Arial", sans-serif}:host .chip_clickable--tall{height:40px;border-radius:24px}:host .chip_clickable--default{background-color:#b3d4ff}:host .chip_clickable--info{background-color:#80e3eb}:host .chip_clickable--success{background-color:#90e6bc}:host .chip_clickable--warning{background-color:#fff6a8}:host .chip_clickable--danger{background-color:#ffa5a5}:host .chip_clickable--outline{background-color:#ffffff;border:1px solid #b9cbd3}:host .chip_clickable:focus-visible{outline:none}';export{s as bds_chip_clickable}
|