@ironsource/shared-ui 2.1.6-test.2 → 2.1.6-test.3
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/Autocomplete.vue_vue_type_style_index_0_scoped_e43dd7e6_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/TextField.vue_vue_type_style_index_0_scoped_e093021d_lang.css +1 -0
- package/components/autocomplete/Autocomplete.vue.js +5 -5
- package/components/autocomplete/Autocomplete.vue2.js +74 -59
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +40 -49
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +117 -110
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +29 -32
- package/package.json +1 -1
- package/Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_01778240_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-e43dd7e6]{display:block}.autocomplete-dropdown[data-v-e43dd7e6]{position:relative}.field-help-text[data-v-e43dd7e6]{margin-top:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.default-dropdown-wrapper[data-v-c9783327]{position:relative}.dropdown-trigger[data-v-c9783327]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-c9783327]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-c9783327]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-c9783327]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-c9783327]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-c9783327],.dropdown-trigger.disabled .caret-down[data-v-c9783327]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-c9783327]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-c9783327]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-c9783327]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-c9783327]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c9783327]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c9783327]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-c9783327]{color:var(--action-active)}.content[data-v-c9783327]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-c9783327]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c9783327]{width:20px;height:20px;flex:none}.content .image img[data-v-c9783327]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c9783327]{display:flex;color:var(--action-active)}.content .status-dot[data-v-c9783327]{padding-right:.25rem}.content .status-dot>div[data-v-c9783327]{position:relative;top:-1px}.dropdown-field-label[data-v-c9783327]{color:var(--text-primary)}.dropdown-field-help-text[data-v-c9783327]{margin-top:4px;position:absolute}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v-enter-active[data-v-0968078f],.v-leave-active[data-v-0968078f]{transition:opacity .25s ease}ol[data-v-0968078f],ul[data-v-0968078f],menu[data-v-0968078f]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0968078f],.dropdown.full-width .button__container[data-v-0968078f]{width:100%}.dropdown-list-wrapper[data-v-0968078f]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-0968078f]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0968078f]{padding-bottom:.25rem}.inline-search .list-container[data-v-0968078f]{padding-top:0}.no-result-container[data-v-0968078f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0968078f]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0968078f]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0968078f]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-0968078f]:last-child .item-container{margin-bottom:0}.image-slot[data-v-0968078f]{margin-right:.5rem}.actions-wrapper[data-v-0968078f]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0968078f]{margin-left:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}
|
|
1
|
+
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-e093021d],.font-chart-2[data-v-e093021d],.font-chart-1[data-v-e093021d]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-e093021d],.font-table-label[data-v-e093021d],.font-button[data-v-e093021d],.font-heading-6[data-v-e093021d],.font-heading-5[data-v-e093021d],.font-heading-4[data-v-e093021d],.font-heading-3[data-v-e093021d],.font-heading-2[data-v-e093021d],.font-heading-1[data-v-e093021d],.font-title[data-v-e093021d]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-e093021d],.font-input-label[data-v-e093021d],.font-overline[data-v-e093021d],.font-subtitle-2[data-v-e093021d],.font-subtitle-1[data-v-e093021d]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-e093021d],.font-body-2[data-v-e093021d],.input-container .input[data-v-e093021d],.font-body-1[data-v-e093021d]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-e093021d]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-e093021d]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-e093021d]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-e093021d]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-e093021d]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-e093021d]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-e093021d]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-e093021d],.font-body-1[data-v-e093021d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-e093021d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-e093021d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-e093021d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-e093021d]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-e093021d]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-e093021d]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-e093021d]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-e093021d]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-e093021d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-e093021d]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-e093021d],.font-tab-label2[data-v-e093021d]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-e093021d]{font-size:.75rem;line-height:1rem}h1[data-v-e093021d],h2[data-v-e093021d],h3[data-v-e093021d],h4[data-v-e093021d],h5[data-v-e093021d],h6[data-v-e093021d]{margin:0}.disabled .input[data-v-e093021d]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-e093021d]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-e093021d]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-e093021d]{height:28px}.input-size-medium[data-v-e093021d]{height:32px}.input-size-large[data-v-e093021d]{height:40px}.input-with-label-container[data-v-e093021d]{display:flex;flex-direction:column}.input-container[data-v-e093021d]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-e093021d]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-e093021d]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-e093021d]:focus{outline:none}.input-container .input[data-v-e093021d]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-e093021d]{color:var(--text-disabled)}.input-container .input[type=number][data-v-e093021d]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-e093021d]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-e093021d]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-e093021d]{letter-spacing:4px}.input-container[data-v-e093021d] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-e093021d]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-e093021d]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-e093021d]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-e093021d]{padding-left:var(--spacing-100)}.prefix-text[data-v-e093021d]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-e093021d]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-e093021d],.focused[data-v-e093021d]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-e093021d],.error-icon.error-icon[data-v-e093021d]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-e093021d]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-e093021d]:hover{color:var(--primary-main)}.label-direction-left[data-v-e093021d]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-e093021d]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-e093021d]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-e093021d]{display:flex;justify-content:flex-end;margin:var(--spacing-50) 0}.footer.footer-absolute[data-v-e093021d]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-e093021d]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-e093021d],.variant-success .input-container[data-v-e093021d]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-e093021d],.variant-error .input-container[data-v-e093021d]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-e093021d],.variant-warning .input-container[data-v-e093021d]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../Autocomplete.
|
|
4
|
-
const
|
|
1
|
+
import e from "./Autocomplete.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e43dd7e6_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e43dd7e6"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "../../Autocomplete.
|
|
2
|
-
import
|
|
1
|
+
import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e43dd7e6_lang.css"; import { defineComponent as y, computed as w, ref as f, watchEffect as V, openBlock as s, createElementBlock as c, Fragment as T, createVNode as m, unref as r, withCtx as v, isRef as g, renderSlot as F, normalizeProps as I, guardReactiveProps as B, createBlock as C, createCommentVNode as p } from "vue";
|
|
2
|
+
import E from "../dropdown/v4/DropdownV4.vue.js";
|
|
3
3
|
import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
5
5
|
import "../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
@@ -7,9 +7,13 @@ import "../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
|
7
7
|
import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
8
8
|
import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
|
|
9
9
|
import "../dropdown/v4/OptionV4.vue.js";
|
|
10
|
-
import
|
|
11
|
-
import { useVModel as
|
|
12
|
-
|
|
10
|
+
import S from "../input/v4/TextField.vue.js";
|
|
11
|
+
import { useVModel as z } from "@vueuse/core";
|
|
12
|
+
import H from "../shared/FieldHelpText.vue.js";
|
|
13
|
+
const P = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "footer"
|
|
16
|
+
}, q = /* @__PURE__ */ y({
|
|
13
17
|
__name: "Autocomplete",
|
|
14
18
|
props: {
|
|
15
19
|
modelValue: { default: "" },
|
|
@@ -34,67 +38,78 @@ const K = /* @__PURE__ */ b({
|
|
|
34
38
|
testId: { default: "" }
|
|
35
39
|
},
|
|
36
40
|
emits: ["update:modelValue"],
|
|
37
|
-
setup(e, { emit:
|
|
38
|
-
const a = e,
|
|
39
|
-
l !== void 0 && (
|
|
40
|
-
},
|
|
41
|
-
const l =
|
|
41
|
+
setup(e, { emit: h }) {
|
|
42
|
+
const a = e, i = z(a, "modelValue", h), b = (l) => {
|
|
43
|
+
l !== void 0 && (i.value = a.displayValue(l));
|
|
44
|
+
}, x = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), d = w(() => {
|
|
45
|
+
const l = i.value.toString();
|
|
42
46
|
return (a.options || []).filter(
|
|
43
|
-
(t) => a.onSearch !== null ? a.onSearch(t, l) :
|
|
47
|
+
(t) => a.onSearch !== null ? a.onSearch(t, l) : x(t, l)
|
|
44
48
|
);
|
|
45
|
-
}), o =
|
|
46
|
-
|
|
49
|
+
}), o = f(!1), u = f(!1);
|
|
50
|
+
V(() => {
|
|
47
51
|
a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
|
|
48
52
|
});
|
|
49
|
-
const
|
|
53
|
+
const k = () => {
|
|
50
54
|
a.disabled || !o.value && d.value.length && (o.value = !0);
|
|
51
55
|
};
|
|
52
|
-
return (l, t) => (
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
56
|
+
return (l, t) => (s(), c(T, null, [
|
|
57
|
+
m(r(E), {
|
|
58
|
+
"is-open": o.value,
|
|
59
|
+
"onUpdate:is-open": t[3] || (t[3] = (n) => o.value = n),
|
|
60
|
+
class: "autocomplete-dropdown",
|
|
61
|
+
"display-value": e.displayValue,
|
|
62
|
+
options: r(d),
|
|
63
|
+
"option-name-key": e.optionNameKey,
|
|
64
|
+
"options-list-width": e.optionsListWidth,
|
|
65
|
+
disabled: e.disabled,
|
|
66
|
+
"search-auto-focus": !1,
|
|
67
|
+
"full-width": !1,
|
|
68
|
+
"test-id": e.testId,
|
|
69
|
+
container: ".input-container",
|
|
70
|
+
"onUpdate:selected": b
|
|
71
|
+
}, {
|
|
72
|
+
"dropdown-trigger": v(() => [
|
|
73
|
+
m(r(S), {
|
|
74
|
+
modelValue: r(i),
|
|
75
|
+
"onUpdate:modelValue": t[0] || (t[0] = (n) => g(i) ? i.value = n : null),
|
|
76
|
+
class: "autocomplete-field",
|
|
77
|
+
placeholder: e.placeholder,
|
|
78
|
+
disabled: e.disabled,
|
|
79
|
+
size: e.size,
|
|
80
|
+
label: e.label,
|
|
81
|
+
"label-direction": e.labelDirection,
|
|
82
|
+
mandatory: e.mandatory,
|
|
83
|
+
"hover-help-text": e.hoverHelpText,
|
|
84
|
+
"hover-help-text-placemen": e.hoverHelpTextPlacement,
|
|
85
|
+
"test-id": e.testId,
|
|
86
|
+
"feedback-variant": e.feedbackVariant,
|
|
87
|
+
"show-feedback-text-icon": e.showFeedbackTextIcon,
|
|
88
|
+
"inline-error": e.inlineError,
|
|
89
|
+
"inline-error-text": e.inlineErrorText,
|
|
90
|
+
onFocusin: t[1] || (t[1] = (n) => u.value = !0),
|
|
91
|
+
onFocusout: t[2] || (t[2] = (n) => u.value = !1),
|
|
92
|
+
onClick: k
|
|
93
|
+
}, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
|
|
94
|
+
]),
|
|
95
|
+
default: v((n) => [
|
|
96
|
+
F(l.$slots, "default", I(B(n)), void 0, !0)
|
|
97
|
+
]),
|
|
98
|
+
_: 3
|
|
99
|
+
}, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
|
|
100
|
+
e.feedbackText ? (s(), c("div", P, [
|
|
101
|
+
e.feedbackText ? (s(), C(H, {
|
|
102
|
+
key: 0,
|
|
103
|
+
text: e.feedbackText,
|
|
104
|
+
variant: e.feedbackVariant,
|
|
105
|
+
"show-icon": e.showFeedbackTextIcon,
|
|
106
|
+
class: "field-help-text",
|
|
107
|
+
"test-id": e.testId
|
|
108
|
+
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : p("", !0)
|
|
109
|
+
])) : p("", !0)
|
|
110
|
+
], 64));
|
|
96
111
|
}
|
|
97
112
|
});
|
|
98
113
|
export {
|
|
99
|
-
|
|
114
|
+
q as default
|
|
100
115
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DefaultDropdownTrigger.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DefaultDropdownTrigger.
|
|
4
|
-
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c9783327"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import "../../../DefaultDropdownTrigger.
|
|
2
|
-
import
|
|
1
|
+
import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
|
|
2
|
+
import x from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import D from "
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
|
|
4
|
+
import h from "../../icon/v4/IconV4.vue.js";
|
|
5
|
+
import w from "../../shared/FieldLabel.vue.js";
|
|
6
|
+
import { useTestIdAttrs as D } from "../../../utils/testIds.js";
|
|
7
|
+
import A from "../../statusDot/StatusDot.vue.js";
|
|
8
|
+
const N = { class: "default-dropdown-wrapper" }, K = { class: "content" }, $ = {
|
|
10
9
|
key: 0,
|
|
11
10
|
class: "image"
|
|
12
|
-
},
|
|
11
|
+
}, C = ["src"], P = {
|
|
13
12
|
key: 1,
|
|
14
13
|
class: "start-icon"
|
|
15
14
|
}, S = {
|
|
16
15
|
key: 2,
|
|
17
16
|
class: "status-dot"
|
|
18
|
-
}, z = { class: "caret-down" },
|
|
17
|
+
}, z = { class: "caret-down" }, j = /* @__PURE__ */ v({
|
|
19
18
|
__name: "DefaultDropdownTrigger",
|
|
20
19
|
props: {
|
|
21
20
|
placeholder: { default: "Select" },
|
|
@@ -44,12 +43,12 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
|
|
|
44
43
|
statusDotType: { default: null }
|
|
45
44
|
},
|
|
46
45
|
emits: ["click"],
|
|
47
|
-
setup(t, { emit:
|
|
48
|
-
const e = t,
|
|
46
|
+
setup(t, { emit: g }) {
|
|
47
|
+
const e = t, T = r(
|
|
49
48
|
() => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
|
|
50
|
-
),
|
|
51
|
-
|
|
52
|
-
},
|
|
49
|
+
), b = () => {
|
|
50
|
+
g("click");
|
|
51
|
+
}, p = D(e.testId, u), O = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
|
|
53
52
|
if (!e.selectedOption)
|
|
54
53
|
return null;
|
|
55
54
|
if (!e.multi)
|
|
@@ -57,8 +56,8 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
|
|
|
57
56
|
if (Array.isArray(e.selectedOption))
|
|
58
57
|
return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
|
|
59
58
|
});
|
|
60
|
-
return (
|
|
61
|
-
t.label ? (
|
|
59
|
+
return (s, f) => (o(), a("div", N, [
|
|
60
|
+
t.label ? (o(), k(w, {
|
|
62
61
|
key: 0,
|
|
63
62
|
label: t.label,
|
|
64
63
|
mandatory: t.mandatory,
|
|
@@ -67,58 +66,50 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
|
|
|
67
66
|
disabled: t.disabled,
|
|
68
67
|
"test-id": t.testId,
|
|
69
68
|
class: "dropdown-field-label"
|
|
70
|
-
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) :
|
|
71
|
-
c("div",
|
|
72
|
-
class: ["dropdown-trigger", [t.size, l(
|
|
73
|
-
}, l(
|
|
74
|
-
onClick:
|
|
69
|
+
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
|
|
70
|
+
c("div", m({
|
|
71
|
+
class: ["dropdown-trigger", [t.size, l(T), { open: t.open, disabled: t.disabled }]]
|
|
72
|
+
}, l(p)[l(u).BUTTON_WRAPPER], {
|
|
73
|
+
onClick: f[0] || (f[0] = (E) => b())
|
|
75
74
|
}), [
|
|
76
|
-
c("div",
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
t.optionImageKey ? (
|
|
75
|
+
c("div", K, [
|
|
76
|
+
s.$slots.image || l(d) && t.optionImageKey ? (o(), a("div", $, [
|
|
77
|
+
y(s.$slots, "image", {}, () => [
|
|
78
|
+
t.optionImageKey ? (o(), a("img", {
|
|
80
79
|
key: 0,
|
|
81
80
|
src: l(d)[t.optionImageKey]
|
|
82
|
-
}, null, 8,
|
|
81
|
+
}, null, 8, C)) : n("", !0)
|
|
83
82
|
], !0)
|
|
84
|
-
])) :
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
83
|
+
])) : n("", !0),
|
|
84
|
+
s.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), a("div", P, [
|
|
85
|
+
y(s.$slots, "icon-start", {}, () => [
|
|
86
|
+
i(l(h), {
|
|
88
87
|
type: t.optionIconType,
|
|
89
88
|
name: l(d)[t.optionIconKey],
|
|
90
89
|
size: "20px"
|
|
91
90
|
}, null, 8, ["type", "name"])
|
|
92
91
|
], !0)
|
|
93
|
-
])) :
|
|
94
|
-
t.statusDotType ? (
|
|
95
|
-
|
|
96
|
-
])) :
|
|
97
|
-
|
|
98
|
-
default:
|
|
99
|
-
|
|
92
|
+
])) : n("", !0),
|
|
93
|
+
t.statusDotType ? (o(), a("div", S, [
|
|
94
|
+
i(l(A), { type: t.statusDotType }, null, 8, ["type"])
|
|
95
|
+
])) : n("", !0),
|
|
96
|
+
i(l(x), m({ variant: "body1" }, l(p)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
|
|
97
|
+
default: I(() => [
|
|
98
|
+
B(V(l(O)), 1)
|
|
100
99
|
]),
|
|
101
100
|
_: 1
|
|
102
101
|
}, 16)
|
|
103
102
|
]),
|
|
104
103
|
c("div", z, [
|
|
105
|
-
|
|
104
|
+
i(l(h), {
|
|
106
105
|
name: "caret-down",
|
|
107
106
|
size: "20px"
|
|
108
107
|
})
|
|
109
108
|
])
|
|
110
|
-
], 16)
|
|
111
|
-
t.feedbackText ? (a(), m(D, {
|
|
112
|
-
key: 1,
|
|
113
|
-
text: t.feedbackText,
|
|
114
|
-
variant: t.feedbackVariant,
|
|
115
|
-
"show-icon": t.showFeedbackIcon,
|
|
116
|
-
"test-id": t.testId,
|
|
117
|
-
class: "dropdown-field-help-text"
|
|
118
|
-
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
|
|
109
|
+
], 16)
|
|
119
110
|
]));
|
|
120
111
|
}
|
|
121
112
|
});
|
|
122
113
|
export {
|
|
123
|
-
|
|
114
|
+
j as default
|
|
124
115
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./DropdownV4.vue2.js";
|
|
2
|
-
/* empty css *//* empty css */import
|
|
3
|
-
// import "../../../DropdownV4.
|
|
2
|
+
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
|
|
4
4
|
// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const r = /* @__PURE__ */
|
|
5
|
+
const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
|
|
6
6
|
export {
|
|
7
7
|
r as default
|
|
8
8
|
};
|
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
import "../../../DropdownV4.
|
|
1
|
+
import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
|
|
2
2
|
import A from "../../button/v4/ButtonV4.vue.js";
|
|
3
3
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
4
4
|
import "./DropdownV4.vue.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
5
|
+
import ke from "./DefaultDropdownTrigger.vue.js";
|
|
6
|
+
import be from "./IconButtonDropdownTrigger.vue.js";
|
|
7
|
+
import Te from "./ChipDropdownTrigger.vue.js";
|
|
8
|
+
import he from "./AppDropdownTrigger.vue.js";
|
|
9
9
|
import "./ButtonDropdownTrigger.vue.js";
|
|
10
10
|
import "./ButtonFilterDropdownTrigger.vue.js";
|
|
11
|
-
import
|
|
11
|
+
import H from "./OptionV4.vue.js";
|
|
12
12
|
import ve from "../../search/v4/SearchV4.vue.js";
|
|
13
|
-
import
|
|
14
|
-
import { Dropdown as
|
|
13
|
+
import U from "../../typography/v4/Typography.vue.js";
|
|
14
|
+
import { Dropdown as we } from "floating-vue";
|
|
15
15
|
import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
|
|
16
|
-
import { dropdownCommon as
|
|
16
|
+
import { dropdownCommon as Ie } from "../common/Dropdown.common.js";
|
|
17
17
|
import Ce from "../../loader/v4/Loader.vue.js";
|
|
18
18
|
import { useTestIdAttrs as Se } from "../../../utils/testIds.js";
|
|
19
19
|
import { TRIGGERS as p } from "./Dropdown.types.js";
|
|
20
20
|
import { useElementSize as Ae } from "@vueuse/core";
|
|
21
|
-
|
|
21
|
+
import Le from "../../shared/FieldHelpText.vue.js";
|
|
22
|
+
const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De = { key: 1 }, Ee = { key: 2 }, Ke = {
|
|
22
23
|
key: 0,
|
|
23
24
|
class: "inline-search-wrapper"
|
|
24
|
-
},
|
|
25
|
+
}, Pe = {
|
|
25
26
|
key: 0,
|
|
26
27
|
class: "no-result-container"
|
|
27
|
-
},
|
|
28
|
+
}, Re = {
|
|
28
29
|
key: 1,
|
|
29
30
|
class: "loader"
|
|
30
|
-
},
|
|
31
|
+
}, Fe = { key: 2 }, ze = ["aria-selected", "aria-disabled", "onClick"], Ve = {
|
|
31
32
|
key: 1,
|
|
32
33
|
class: "actions-wrapper"
|
|
33
|
-
},
|
|
34
|
+
}, xe = { class: "actions-clear-all" }, $e = { class: "actions-apply-cancel" }, st = /* @__PURE__ */ se({
|
|
34
35
|
__name: "DropdownV4",
|
|
35
36
|
props: {
|
|
36
37
|
modelValue: { default: null },
|
|
@@ -81,7 +82,7 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
81
82
|
statusType: { default: null }
|
|
82
83
|
},
|
|
83
84
|
emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
|
|
84
|
-
setup(t, { expose:
|
|
85
|
+
setup(t, { expose: W, emit: M }) {
|
|
85
86
|
const d = t, L = {
|
|
86
87
|
MULTILINE_LIST_HEIGHT: 48,
|
|
87
88
|
LIST_HEIGHT: 32 + 4,
|
|
@@ -90,53 +91,53 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
90
91
|
DROPLIST_MIN_WIDTH: 240,
|
|
91
92
|
VERSION: 4
|
|
92
93
|
}, {
|
|
93
|
-
onKeydown:
|
|
94
|
+
onKeydown: k,
|
|
94
95
|
open: s,
|
|
95
|
-
toggleMenu:
|
|
96
|
-
onButtonKeydown:
|
|
96
|
+
toggleMenu: h,
|
|
97
|
+
onButtonKeydown: G,
|
|
97
98
|
query: C,
|
|
98
|
-
containerProps:
|
|
99
|
-
calculateTableHeight:
|
|
100
|
-
wrapperProps:
|
|
101
|
-
filteredOptions:
|
|
99
|
+
containerProps: X,
|
|
100
|
+
calculateTableHeight: q,
|
|
101
|
+
wrapperProps: Y,
|
|
102
|
+
filteredOptions: j,
|
|
102
103
|
allSelected: O,
|
|
103
|
-
isIndeterminate:
|
|
104
|
-
onSelectAll:
|
|
104
|
+
isIndeterminate: J,
|
|
105
|
+
onSelectAll: Q,
|
|
105
106
|
virtualOptions: B,
|
|
106
107
|
isSelected: S,
|
|
107
|
-
selectedOption:
|
|
108
|
+
selectedOption: b,
|
|
108
109
|
selectedOptionPrevious: N,
|
|
109
|
-
selectedValue:
|
|
110
|
+
selectedValue: Z,
|
|
110
111
|
onSelect: D,
|
|
111
112
|
activeIndex: E,
|
|
112
|
-
onCancel:
|
|
113
|
-
onApply:
|
|
114
|
-
scrollTo:
|
|
115
|
-
listRef:
|
|
113
|
+
onCancel: _,
|
|
114
|
+
onApply: ee,
|
|
115
|
+
scrollTo: te,
|
|
116
|
+
listRef: le,
|
|
116
117
|
buttonRef: K,
|
|
117
|
-
apply:
|
|
118
|
+
apply: ie,
|
|
118
119
|
cancel: oe,
|
|
119
|
-
el:
|
|
120
|
+
el: ne,
|
|
120
121
|
onClearAllSelections: P,
|
|
121
|
-
clearAll:
|
|
122
|
-
} =
|
|
123
|
-
|
|
122
|
+
clearAll: ae
|
|
123
|
+
} = Ie(d, M, L), m = Se(d.testId, f), R = z(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: F } = Ae(K), de = z(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? F.value - 2 > 240 ? `${F.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
|
|
124
|
+
h();
|
|
124
125
|
};
|
|
125
|
-
return
|
|
126
|
+
return W({
|
|
126
127
|
selectItem: D,
|
|
127
|
-
scrollTo:
|
|
128
|
-
}), (v,
|
|
128
|
+
scrollTo: te
|
|
129
|
+
}), (v, i) => (o(), n("div", u({
|
|
129
130
|
ref_key: "el",
|
|
130
|
-
ref:
|
|
131
|
+
ref: ne,
|
|
131
132
|
class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": t.disabled, "full-width": t.fullWidth }]],
|
|
132
133
|
tabindex: t.disabled ? -1 : 0
|
|
133
134
|
}, e(m)[e(f).WRAPPER], {
|
|
134
|
-
onKeydown:
|
|
135
|
-
(...l) => e(
|
|
135
|
+
onKeydown: i[7] || (i[7] = //@ts-ignore
|
|
136
|
+
(...l) => e(k) && e(k)(...l))
|
|
136
137
|
}), [
|
|
137
|
-
|
|
138
|
-
y("div",
|
|
139
|
-
a(e(
|
|
138
|
+
I(v.$slots, "label", {}, void 0, !0),
|
|
139
|
+
y("div", Be, [
|
|
140
|
+
a(e(we), u({
|
|
140
141
|
theme: t.theme,
|
|
141
142
|
"popper-class": [
|
|
142
143
|
t.popperClass,
|
|
@@ -155,29 +156,29 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
155
156
|
"auto-size": t.autoSize
|
|
156
157
|
}, e(m)[e(f).TRIGGER]), {
|
|
157
158
|
popper: c(() => [
|
|
158
|
-
a(
|
|
159
|
+
a(ue, null, {
|
|
159
160
|
default: c(() => [
|
|
160
|
-
e(s) ? (
|
|
161
|
+
e(s) ? (o(), n("div", {
|
|
161
162
|
key: 0,
|
|
162
163
|
ref_key: "listRef",
|
|
163
|
-
ref:
|
|
164
|
-
class:
|
|
164
|
+
ref: le,
|
|
165
|
+
class: V(["light-theme-v4", {
|
|
165
166
|
"dropdown--disabled": t.disabled,
|
|
166
167
|
"inline-search": t.inlineSearch
|
|
167
168
|
}]),
|
|
168
|
-
style:
|
|
169
|
+
style: ce({ width: e(de) })
|
|
169
170
|
}, [
|
|
170
|
-
e(s) ? (
|
|
171
|
+
e(s) ? (o(), n("div", {
|
|
171
172
|
key: 0,
|
|
172
173
|
class: "dropdown-list-wrapper",
|
|
173
|
-
onKeydown:
|
|
174
|
-
(...l) => e(
|
|
174
|
+
onKeydown: i[6] || (i[6] = //@ts-ignore
|
|
175
|
+
(...l) => e(k) && e(k)(...l))
|
|
175
176
|
}, [
|
|
176
|
-
e(s) && t.inlineSearch ? (
|
|
177
|
+
e(s) && t.inlineSearch ? (o(), n("div", Ke, [
|
|
177
178
|
a(e(ve), {
|
|
178
179
|
modelValue: e(C),
|
|
179
180
|
"onUpdate:modelValue": [
|
|
180
|
-
|
|
181
|
+
i[3] || (i[3] = (l) => fe(C) ? C.value = l : null),
|
|
181
182
|
t.onClear
|
|
182
183
|
],
|
|
183
184
|
placeholder: t.inlineSearchPlaceholder,
|
|
@@ -185,50 +186,50 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
185
186
|
size: "md",
|
|
186
187
|
"auto-focus": t.searchAutoFocus,
|
|
187
188
|
"test-id": t.testId,
|
|
188
|
-
onKeydown: e(
|
|
189
|
+
onKeydown: e(k)
|
|
189
190
|
}, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
|
|
190
191
|
])) : r("", !0),
|
|
191
|
-
|
|
192
|
+
I(v.$slots, "input-list", { open: e(s) }, void 0, !0),
|
|
192
193
|
y("div", u({
|
|
193
194
|
class: ["list-container", { "list-container--multi": t.multi }],
|
|
194
|
-
style: { height: `${e(
|
|
195
|
+
style: { height: `${e(q)}rem` }
|
|
195
196
|
}, {
|
|
196
|
-
...e(
|
|
197
|
+
...e(X),
|
|
197
198
|
...e(m)[e(f).LIST_CONTAINER]
|
|
198
199
|
}), [
|
|
199
|
-
y("ul", u(e(
|
|
200
|
+
y("ul", u(e(Y), {
|
|
200
201
|
role: "listbox",
|
|
201
202
|
class: ["list", { "list--multi": t.multi }]
|
|
202
203
|
}), [
|
|
203
|
-
!e(
|
|
204
|
-
a(e(
|
|
204
|
+
!e(j).length && !t.loading ? (o(), n("li", Pe, [
|
|
205
|
+
a(e(U), u({ variant: "body2" }, e(m)[e(f).NO_RESULT]), {
|
|
205
206
|
default: c(() => [
|
|
206
|
-
g(
|
|
207
|
+
g(me(t.noResultsText), 1)
|
|
207
208
|
]),
|
|
208
209
|
_: 1
|
|
209
210
|
}, 16)
|
|
210
211
|
])) : r("", !0),
|
|
211
|
-
t.loading ? (
|
|
212
|
+
t.loading ? (o(), n("li", Re, [
|
|
212
213
|
a(e(Ce)),
|
|
213
|
-
a(e(
|
|
214
|
+
a(e(U), null, {
|
|
214
215
|
default: c(() => [
|
|
215
216
|
g("Loading...")
|
|
216
217
|
]),
|
|
217
218
|
_: 1
|
|
218
219
|
})
|
|
219
220
|
])) : r("", !0),
|
|
220
|
-
t.showSelectAll !== !1 && t.multi ? (
|
|
221
|
-
a(e(
|
|
221
|
+
t.showSelectAll !== !1 && t.multi ? (o(), n("li", Fe, [
|
|
222
|
+
a(e(H), u(
|
|
222
223
|
{
|
|
223
224
|
"aria-selected": e(O),
|
|
224
225
|
"aria-disabled": !!t.disabled,
|
|
225
226
|
"selected-prop": e(O),
|
|
226
|
-
"is-indeterminate": e(
|
|
227
|
+
"is-indeterminate": e(J),
|
|
227
228
|
"select-all-option": ""
|
|
228
229
|
},
|
|
229
230
|
e(m)[e(f).SELECT_ALL],
|
|
230
231
|
{
|
|
231
|
-
onClick:
|
|
232
|
+
onClick: i[4] || (i[4] = x((l) => e(Q)(), ["stop"]))
|
|
232
233
|
}
|
|
233
234
|
), {
|
|
234
235
|
default: c(() => [
|
|
@@ -237,22 +238,22 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
237
238
|
_: 1
|
|
238
239
|
}, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
|
|
239
240
|
])) : r("", !0),
|
|
240
|
-
e(B).length && !t.loading ? (
|
|
241
|
-
key:
|
|
242
|
-
"aria-selected": e(S)(
|
|
241
|
+
e(B).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(B), ({ data: l, index: w }) => (o(), n("li", {
|
|
242
|
+
key: w,
|
|
243
|
+
"aria-selected": e(S)(T(e(b)), l),
|
|
243
244
|
"aria-disabled": !!t.disabled,
|
|
244
|
-
onClick: x(() => e(D)(l,
|
|
245
|
+
onClick: x(() => e(D)(l, w), ["stop"])
|
|
245
246
|
}, [
|
|
246
|
-
|
|
247
|
+
I(v.$slots, "default", {
|
|
247
248
|
option: l,
|
|
248
|
-
selected: e(S)(
|
|
249
|
-
active:
|
|
249
|
+
selected: e(S)(T(e(b)), l),
|
|
250
|
+
active: T(e(E)) === w,
|
|
250
251
|
disabled: l[d.disabledOptionKey]
|
|
251
252
|
}, () => [
|
|
252
|
-
a(e(
|
|
253
|
+
a(e(H), {
|
|
253
254
|
option: l,
|
|
254
|
-
selected: e(S)(
|
|
255
|
-
active:
|
|
255
|
+
selected: e(S)(T(e(b)), l),
|
|
256
|
+
active: T(e(E)) === w,
|
|
256
257
|
disabled: l[d.disabledOptionKey],
|
|
257
258
|
"name-key": t.optionNameKey,
|
|
258
259
|
"image-key": t.optionImageKey,
|
|
@@ -263,19 +264,19 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
263
264
|
], 8, ze))), 128)) : r("", !0)
|
|
264
265
|
], 16)
|
|
265
266
|
], 16),
|
|
266
|
-
t.multi ? (
|
|
267
|
-
y("div",
|
|
267
|
+
t.multi ? (o(), n("div", Ve, [
|
|
268
|
+
y("div", xe, [
|
|
268
269
|
a(e(A), u(
|
|
269
270
|
{
|
|
270
271
|
ref_key: "clearAll",
|
|
271
|
-
ref:
|
|
272
|
+
ref: ae,
|
|
272
273
|
size: "small",
|
|
273
274
|
variant: "text",
|
|
274
275
|
color: "primary"
|
|
275
276
|
},
|
|
276
277
|
e(m)[e(f).ACTION_CLEAR_ALL],
|
|
277
278
|
{
|
|
278
|
-
onClick:
|
|
279
|
+
onClick: i[5] || (i[5] = () => e(P)(!1))
|
|
279
280
|
}
|
|
280
281
|
), {
|
|
281
282
|
default: c(() => [
|
|
@@ -284,7 +285,7 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
284
285
|
_: 1
|
|
285
286
|
}, 16)
|
|
286
287
|
]),
|
|
287
|
-
y("div",
|
|
288
|
+
y("div", $e, [
|
|
288
289
|
a(e(A), u(
|
|
289
290
|
{
|
|
290
291
|
ref_key: "cancel",
|
|
@@ -294,7 +295,7 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
294
295
|
color: "primary"
|
|
295
296
|
},
|
|
296
297
|
e(m)[e(f).ACTION_CANCEL],
|
|
297
|
-
{ onClick: e(
|
|
298
|
+
{ onClick: e(_) }
|
|
298
299
|
), {
|
|
299
300
|
default: c(() => [
|
|
300
301
|
g(" Cancel ")
|
|
@@ -303,11 +304,11 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
303
304
|
}, 16, ["onClick"]),
|
|
304
305
|
a(e(A), u({
|
|
305
306
|
ref_key: "apply",
|
|
306
|
-
ref:
|
|
307
|
+
ref: ie,
|
|
307
308
|
"data-testid": "mutli-apply",
|
|
308
309
|
size: "small",
|
|
309
310
|
class: "apply-button"
|
|
310
|
-
}, e(m)[e(f).ACTION_APPLY], { onClick: e(
|
|
311
|
+
}, e(m)[e(f).ACTION_APPLY], { onClick: e(ee) }), {
|
|
311
312
|
default: c(() => [
|
|
312
313
|
g("Apply ")
|
|
313
314
|
]),
|
|
@@ -323,67 +324,65 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
323
324
|
]),
|
|
324
325
|
default: c(() => [
|
|
325
326
|
y("div", {
|
|
326
|
-
class:
|
|
327
|
+
class: V(["button__container", {
|
|
327
328
|
"button__container--open": !!e(s),
|
|
328
329
|
[`button__container--${t.size}`]: !0,
|
|
329
330
|
"button__container--disabled": t.disabled
|
|
330
331
|
}])
|
|
331
332
|
}, [
|
|
332
|
-
|
|
333
|
+
I(v.$slots, "dropdown-trigger", {
|
|
333
334
|
buttonTriggerProps: {
|
|
334
335
|
open: e(s),
|
|
335
336
|
disabled: t.disabled,
|
|
336
|
-
label: e(
|
|
337
|
-
onClick: () => e(
|
|
337
|
+
label: e(Z) || t.placeholder,
|
|
338
|
+
onClick: () => e(h)()
|
|
338
339
|
}
|
|
339
340
|
}, () => [
|
|
340
341
|
y("div", {
|
|
341
342
|
ref_key: "buttonRef",
|
|
342
343
|
ref: K
|
|
343
344
|
}, [
|
|
344
|
-
e(R) ? (
|
|
345
|
-
(
|
|
345
|
+
e(R) ? (o(), n("div", Ne, [
|
|
346
|
+
(o(), $(ge(e(R)), {
|
|
346
347
|
placeholder: t.placeholder,
|
|
347
348
|
open: e(s),
|
|
348
349
|
label: t.triggerLabel,
|
|
349
|
-
"hover-help-text": t.triggerHelperText,
|
|
350
|
-
"feedback-text": t.triggerFeedbackText,
|
|
351
|
-
"feedback-variant": t.triggerFeedbackVariant,
|
|
352
350
|
"show-feedback-icon": t.triggerFeedbackShowIcon,
|
|
353
351
|
mandatory: t.mandatory,
|
|
354
352
|
"test-id": t.testId,
|
|
355
353
|
multi: t.multi,
|
|
356
354
|
disabled: t.disabled,
|
|
357
|
-
"selected-option": t.multi ? e(N) : e(
|
|
355
|
+
"selected-option": t.multi ? e(N) : e(b),
|
|
358
356
|
"display-value": t.displayValue,
|
|
359
357
|
options: t.options,
|
|
360
358
|
"option-name-key": t.optionNameKey,
|
|
361
359
|
"option-image-key": t.optionImageKey,
|
|
362
360
|
"option-icon-key": t.optionIconKey,
|
|
363
361
|
"option-icon-type": t.optionIconType,
|
|
362
|
+
"feedback-variant": t.triggerFeedbackVariant,
|
|
364
363
|
"value-to-copy": t.valueToCopy,
|
|
365
364
|
"status-dot-type": t.statusType,
|
|
366
365
|
size: t.size,
|
|
367
|
-
onKeydown: e(
|
|
368
|
-
onClick:
|
|
369
|
-
}, null, 40, ["placeholder", "open", "label", "
|
|
366
|
+
onKeydown: e(G),
|
|
367
|
+
onClick: re
|
|
368
|
+
}, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "feedback-variant", "value-to-copy", "status-dot-type", "size", "onKeydown"]))
|
|
370
369
|
])) : r("", !0),
|
|
371
|
-
t.predefinedTrigger === e(p).ICON_BUTTON ? (
|
|
372
|
-
a(e(
|
|
373
|
-
onClick:
|
|
370
|
+
t.predefinedTrigger === e(p).ICON_BUTTON ? (o(), n("div", De, [
|
|
371
|
+
a(e(be), {
|
|
372
|
+
onClick: i[0] || (i[0] = (l) => e(h)())
|
|
374
373
|
})
|
|
375
374
|
])) : r("", !0),
|
|
376
|
-
t.predefinedTrigger === e(p).CHIP ? (
|
|
377
|
-
a(e(
|
|
375
|
+
t.predefinedTrigger === e(p).CHIP ? (o(), n("div", Ee, [
|
|
376
|
+
a(e(Te), {
|
|
378
377
|
open: e(s),
|
|
379
378
|
label: t.placeholder,
|
|
380
379
|
"test-id": t.testId,
|
|
381
380
|
options: t.options,
|
|
382
|
-
"selected-option": t.multi ? e(N) : e(
|
|
381
|
+
"selected-option": t.multi ? e(N) : e(b),
|
|
383
382
|
"display-value": t.displayValue,
|
|
384
383
|
multi: t.multi,
|
|
385
|
-
onClick:
|
|
386
|
-
onClear:
|
|
384
|
+
onClick: i[1] || (i[1] = (l) => e(h)()),
|
|
385
|
+
onClear: i[2] || (i[2] = (l) => e(P)())
|
|
387
386
|
}, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
|
|
388
387
|
])) : r("", !0)
|
|
389
388
|
], 512)
|
|
@@ -391,11 +390,19 @@ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne
|
|
|
391
390
|
], 2)
|
|
392
391
|
]),
|
|
393
392
|
_: 3
|
|
394
|
-
}, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"])
|
|
393
|
+
}, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
|
|
394
|
+
t.triggerFeedbackText ? (o(), $(Le, {
|
|
395
|
+
key: 0,
|
|
396
|
+
text: t.triggerFeedbackText,
|
|
397
|
+
variant: t.triggerFeedbackVariant,
|
|
398
|
+
"show-icon": t.triggerFeedbackShowIcon,
|
|
399
|
+
"test-id": t.testId,
|
|
400
|
+
class: "dropdown-field-help-text"
|
|
401
|
+
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : r("", !0)
|
|
395
402
|
])
|
|
396
|
-
], 16,
|
|
403
|
+
], 16, Oe));
|
|
397
404
|
}
|
|
398
405
|
});
|
|
399
406
|
export {
|
|
400
|
-
|
|
407
|
+
st as default
|
|
401
408
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./TextField.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TextField.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../TextField.vue_vue_type_style_index_0_scoped_e093021d_lang.css"; //*');
|
|
4
|
+
const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e093021d"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
d as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TextField.
|
|
1
|
+
import "../../../TextField.vue_vue_type_style_index_0_scoped_e093021d_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as p } from "vue";
|
|
2
2
|
import v from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import j from "../../tooltip/v4/TooltipV4.vue.js";
|
|
4
4
|
import $ from "../../typography/v4/Typography.vue.js";
|
|
@@ -33,7 +33,7 @@ const Y = {
|
|
|
33
33
|
mandatory: { type: Boolean, default: !1 },
|
|
34
34
|
feedbackVariant: { default: null },
|
|
35
35
|
feedbackText: { default: "" },
|
|
36
|
-
feedbackPositionAbsolute: { type: Boolean, default: !
|
|
36
|
+
feedbackPositionAbsolute: { type: Boolean, default: !1 },
|
|
37
37
|
showFeedbackTextIcon: { type: Boolean, default: !1 },
|
|
38
38
|
autoFocus: { type: Boolean, default: !1 },
|
|
39
39
|
type: { default: "text" },
|
|
@@ -51,21 +51,21 @@ const Y = {
|
|
|
51
51
|
inlineErrorText: { default: "" }
|
|
52
52
|
},
|
|
53
53
|
emits: ["update:modelValue", "apply"],
|
|
54
|
-
setup(e, { expose: z, emit:
|
|
54
|
+
setup(e, { expose: z, emit: k }) {
|
|
55
55
|
const s = e, c = X(s.testId, f), O = () => {
|
|
56
|
-
s.showApply ?
|
|
57
|
-
}, D = () =>
|
|
56
|
+
s.showApply ? k("apply") : o?.confirmable && N();
|
|
57
|
+
}, D = () => T.value.focus(), {
|
|
58
58
|
onConfirm: N,
|
|
59
|
-
onEnter:
|
|
60
|
-
inputRef:
|
|
59
|
+
onEnter: w,
|
|
60
|
+
inputRef: T,
|
|
61
61
|
isFocused: x,
|
|
62
|
-
showLabelInside:
|
|
62
|
+
showLabelInside: g,
|
|
63
63
|
api: o,
|
|
64
64
|
labelText: S,
|
|
65
65
|
sizeClass: H,
|
|
66
|
-
handleInput:
|
|
67
|
-
handleKeypress:
|
|
68
|
-
} = q(s,
|
|
66
|
+
handleInput: I,
|
|
67
|
+
handleKeypress: B
|
|
68
|
+
} = q(s, k), A = b(() => o.value?.value ?? s.modelValue), R = b(() => (A.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
|
|
69
69
|
return z({
|
|
70
70
|
manualFocus: D
|
|
71
71
|
}), (u, a) => (l(), r("div", y({
|
|
@@ -84,10 +84,10 @@ const Y = {
|
|
|
84
84
|
disabled: e.disabled,
|
|
85
85
|
"test-id": e.testId
|
|
86
86
|
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
|
|
87
|
-
|
|
87
|
+
L("div", {
|
|
88
88
|
class: V({
|
|
89
89
|
"input-container": !0,
|
|
90
|
-
"label-inside": t(
|
|
90
|
+
"label-inside": t(g),
|
|
91
91
|
focused: t(x)
|
|
92
92
|
})
|
|
93
93
|
}, [
|
|
@@ -99,57 +99,57 @@ const Y = {
|
|
|
99
99
|
class: "prefix-text",
|
|
100
100
|
variant: "body1"
|
|
101
101
|
}, {
|
|
102
|
-
default:
|
|
102
|
+
default: h(() => [
|
|
103
103
|
E(F(e.prefix), 1)
|
|
104
104
|
]),
|
|
105
105
|
_: 1
|
|
106
106
|
})) : n("", !0),
|
|
107
|
-
|
|
107
|
+
L("input", y({ ...u.$attrs, ...t(c)[t(f).FIELD] }, {
|
|
108
108
|
ref_key: "inputRef",
|
|
109
|
-
ref:
|
|
110
|
-
value: t(
|
|
109
|
+
ref: T,
|
|
110
|
+
value: t(A),
|
|
111
111
|
placeholder: t(S),
|
|
112
112
|
disabled: e.disabled || e.viewOnly,
|
|
113
113
|
type: t(K),
|
|
114
114
|
class: ["input", {
|
|
115
115
|
[t(H)]: !0,
|
|
116
116
|
"view-only": e.viewOnly,
|
|
117
|
-
"label-inside": t(
|
|
117
|
+
"label-inside": t(g),
|
|
118
118
|
"hide-arrows": e.hideNumberArrows,
|
|
119
119
|
"input-type": e.type
|
|
120
120
|
}],
|
|
121
121
|
step: e.step,
|
|
122
122
|
maxlength: e.maxLength,
|
|
123
123
|
onInput: a[0] || (a[0] = //@ts-ignore
|
|
124
|
-
(...i) => t(
|
|
124
|
+
(...i) => t(I) && t(I)(...i)),
|
|
125
125
|
onFocus: a[1] || (a[1] = (i) => x.value = !0),
|
|
126
126
|
onBlur: a[2] || (a[2] = (i) => x.value = !1),
|
|
127
127
|
onKeyup: a[3] || (a[3] = W(P(
|
|
128
128
|
//@ts-ignore
|
|
129
|
-
(...i) => t(
|
|
129
|
+
(...i) => t(w) && t(w)(...i),
|
|
130
130
|
["prevent"]
|
|
131
131
|
), ["enter"])),
|
|
132
132
|
onKeypress: a[4] || (a[4] = //@ts-ignore
|
|
133
|
-
(...i) => t(
|
|
133
|
+
(...i) => t(B) && t(B)(...i))
|
|
134
134
|
}), null, 16, Z),
|
|
135
135
|
e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
|
|
136
136
|
key: 2,
|
|
137
137
|
class: "apply-button",
|
|
138
138
|
onClick: P(O, ["stop", "prevent"])
|
|
139
139
|
}, [
|
|
140
|
-
|
|
140
|
+
p(t(v), {
|
|
141
141
|
name: "check",
|
|
142
142
|
size: "20px"
|
|
143
143
|
})
|
|
144
144
|
], 8, _)) : n("", !0),
|
|
145
145
|
e.inlineError || t(o)?.error?.value ? (l(), r("div", ee, [
|
|
146
|
-
|
|
146
|
+
p(t(j), y({
|
|
147
147
|
disabled: !e.inlineErrorText && !t(o)?.error?.value,
|
|
148
148
|
text: e.inlineErrorText || t(o)?.error?.value,
|
|
149
149
|
"test-id": e.testId
|
|
150
150
|
}, t(c)[t(f).TOOLTIP]), {
|
|
151
|
-
default:
|
|
152
|
-
|
|
151
|
+
default: h(() => [
|
|
152
|
+
p(t(v), {
|
|
153
153
|
name: "warning-circle",
|
|
154
154
|
size: "16px"
|
|
155
155
|
})
|
|
@@ -162,7 +162,7 @@ const Y = {
|
|
|
162
162
|
class: "suffix-text",
|
|
163
163
|
variant: "body1"
|
|
164
164
|
}, {
|
|
165
|
-
default:
|
|
165
|
+
default: h(() => [
|
|
166
166
|
E(F(e.suffix), 1)
|
|
167
167
|
]),
|
|
168
168
|
_: 1
|
|
@@ -197,16 +197,13 @@ const Y = {
|
|
|
197
197
|
variant: e.feedbackVariant,
|
|
198
198
|
"show-icon": e.showFeedbackTextIcon,
|
|
199
199
|
"test-id": e.testId
|
|
200
|
-
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0)
|
|
201
|
-
], 2)) : n("", !0),
|
|
202
|
-
h("div", null, [
|
|
200
|
+
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
|
|
203
201
|
e.maxLength ? (l(), d(U, {
|
|
204
|
-
key:
|
|
205
|
-
class: "field-max-length",
|
|
202
|
+
key: 1,
|
|
206
203
|
"current-length": t(R),
|
|
207
204
|
"max-length": e.maxLength
|
|
208
205
|
}, null, 8, ["current-length", "max-length"])) : n("", !0)
|
|
209
|
-
])
|
|
206
|
+
], 2)) : n("", !0)
|
|
210
207
|
], 16));
|
|
211
208
|
}
|
|
212
209
|
});
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
div[data-v-d2d1dc1d]{display:block}.autocomplete-dropdown[data-v-d2d1dc1d]{position:relative}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.default-dropdown-wrapper[data-v-c3033d90]{position:relative}.dropdown-trigger[data-v-c3033d90]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-c3033d90]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-c3033d90]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-c3033d90]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-c3033d90]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-c3033d90],.dropdown-trigger.disabled .caret-down[data-v-c3033d90]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-c3033d90]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-c3033d90]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-c3033d90]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-c3033d90]{color:var(--action-active)}.content[data-v-c3033d90]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-c3033d90]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c3033d90]{width:20px;height:20px;flex:none}.content .image img[data-v-c3033d90]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c3033d90]{display:flex;color:var(--action-active)}.content .status-dot[data-v-c3033d90]{padding-right:.25rem}.content .status-dot>div[data-v-c3033d90]{position:relative;top:-1px}.dropdown-field-label[data-v-c3033d90]{color:var(--text-primary)}.dropdown-field-help-text[data-v-c3033d90]{margin-top:4px;position:absolute}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.v-enter-active[data-v-bf8e7ff5],.v-leave-active[data-v-bf8e7ff5]{transition:opacity .25s ease}ol[data-v-bf8e7ff5],ul[data-v-bf8e7ff5],menu[data-v-bf8e7ff5]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-bf8e7ff5],.dropdown.full-width .button__container[data-v-bf8e7ff5]{width:100%}.dropdown-list-wrapper[data-v-bf8e7ff5]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-bf8e7ff5]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-bf8e7ff5]{padding-bottom:.25rem}.inline-search .list-container[data-v-bf8e7ff5]{padding-top:0}.no-result-container[data-v-bf8e7ff5]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-bf8e7ff5]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-bf8e7ff5]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-bf8e7ff5]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-bf8e7ff5]:last-child .item-container{margin-bottom:0}.image-slot[data-v-bf8e7ff5]{margin-right:.5rem}.actions-wrapper[data-v-bf8e7ff5]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-bf8e7ff5]{margin-left:.5rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-01778240],.font-chart-2[data-v-01778240],.font-chart-1[data-v-01778240]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-01778240],.font-table-label[data-v-01778240],.font-button[data-v-01778240],.font-heading-6[data-v-01778240],.font-heading-5[data-v-01778240],.font-heading-4[data-v-01778240],.font-heading-3[data-v-01778240],.font-heading-2[data-v-01778240],.font-heading-1[data-v-01778240],.font-title[data-v-01778240]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-01778240],.font-input-label[data-v-01778240],.font-overline[data-v-01778240],.font-subtitle-2[data-v-01778240],.font-subtitle-1[data-v-01778240]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-01778240],.font-body-2[data-v-01778240],.input-container .input[data-v-01778240],.font-body-1[data-v-01778240]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-01778240]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-01778240]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-01778240]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-01778240]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-01778240]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-01778240]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-01778240]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-01778240],.font-body-1[data-v-01778240]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-01778240]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-01778240]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-01778240]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-01778240]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-01778240]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-01778240]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-01778240]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-01778240]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-01778240]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-01778240]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-01778240],.font-tab-label2[data-v-01778240]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-01778240]{font-size:.75rem;line-height:1rem}h1[data-v-01778240],h2[data-v-01778240],h3[data-v-01778240],h4[data-v-01778240],h5[data-v-01778240],h6[data-v-01778240]{margin:0}.disabled .input[data-v-01778240]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-01778240]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-01778240]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-01778240]{height:28px}.input-size-medium[data-v-01778240]{height:32px}.input-size-large[data-v-01778240]{height:40px}.input-with-label-container[data-v-01778240]{display:flex;flex-direction:column;position:relative}.input-container[data-v-01778240]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-01778240]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-01778240]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-01778240]:focus{outline:none}.input-container .input[data-v-01778240]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-01778240]{color:var(--text-disabled)}.input-container .input[type=number][data-v-01778240]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-01778240]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-01778240]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-01778240]{letter-spacing:4px}.input-container[data-v-01778240] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-01778240]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-01778240]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-01778240]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-01778240]{padding-left:var(--spacing-100)}.prefix-text[data-v-01778240]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-01778240]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-01778240],.focused[data-v-01778240]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-01778240],.error-icon.error-icon[data-v-01778240]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-01778240]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-01778240]:hover{color:var(--primary-main)}.label-direction-left[data-v-01778240]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-01778240]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-01778240]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-01778240]{display:flex;justify-content:flex-end;margin:var(--spacing-50) 0}.footer.footer-absolute[data-v-01778240]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-01778240]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-01778240],.variant-success .input-container[data-v-01778240]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-01778240],.variant-error .input-container[data-v-01778240]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-01778240],.variant-warning .input-container[data-v-01778240]:hover{outline:2px solid var(--warning-dark)}.field-max-length[data-v-01778240]{position:absolute;bottom:calc(0px - var(--spacing-250));right:0}
|