@ironsource/shared-ui 2.1.12-rc.30 → 2.1.12-rc.31

package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css

@@ -0,0 +1 @@
+.column-picker[data-v-ea8c7024]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-model-elevation)}.content[data-v-ea8c7024]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-ea8c7024]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-ea8c7024]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-ea8c7024]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-ea8c7024]{border-right:1px solid var(--common-divider)}.options-list[data-v-ea8c7024]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-ea8c7024]{margin-bottom:.5rem}.options-list[data-v-ea8c7024] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-ea8c7024]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-ea8c7024]{color:var(--text-secondary)}.inline-group[data-v-ea8c7024]{padding:.25rem .5rem}.no-result-container[data-v-ea8c7024]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}

package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css

@@ -0,0 +1 @@
+.footer[data-v-8b7f64fe]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-8b7f64fe]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-8b7f64fe] .button-wrap:first-child{margin-right:var(--spacing-100)}

package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css

@@ -0,0 +1 @@
+.header[data-v-9a814ec3]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-9a814ec3]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-9a814ec3]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-9a814ec3]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}

package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css

@@ -0,0 +1 @@
+.container[data-v-cc99f1e3]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-cc99f1e3]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-cc99f1e3]{width:56.25rem}.dialog--small[data-v-cc99f1e3]{width:37.5rem}.dialog--extraSmall[data-v-cc99f1e3]{width:27.75rem}.content[data-v-cc99f1e3]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-cc99f1e3]{padding:0}.dialog-backdrop[data-v-cc99f1e3]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-cc99f1e3],.v-leave-active[data-v-cc99f1e3]{transition:opacity .25s ease}.v-enter-from[data-v-cc99f1e3],.v-leave-to[data-v-cc99f1e3]{opacity:0}

package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css

@@ -0,0 +1 @@
+.option-chip[data-v-538e4a21]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;padding:.5rem .375rem;border-radius:var(--border-radius-sm);outline:var(--default-outlined-border) solid 1px;outline-offset:-1px;background:transparent;margin-right:.3125rem;cursor:pointer;color:var(--action-active)}.option-chip--selected[data-v-538e4a21]{background:var(--primary-lighter);color:var(--primary-main)}.option-chip--disabled[data-v-538e4a21]{cursor:not-allowed;outline-color:var(--action-disabled);color:var(--action-disabled)}

package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css

@@ -0,0 +1 @@
+.label[data-v-752a357d]{color:#41454d}.item-container[data-v-752a357d]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-752a357d]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-752a357d],.item-container--disabled .item .end-icon[data-v-752a357d],.item-container--disabled .item .end-text-icon[data-v-752a357d]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-752a357d]{opacity:.5}.item-container[data-v-752a357d]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-752a357d],.item-container[data-v-752a357d]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-752a357d]{background-color:var(--action-selected)}.subtitle[data-v-752a357d]{color:#7b838c;line-height:1rem}.clear-button[data-v-752a357d]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-752a357d]:hover{color:#3083ff}.item[data-v-752a357d]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-752a357d],.item--multi[data-v-752a357d]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-752a357d]{width:20px;height:20px;flex:none}.item .image img[data-v-752a357d]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-752a357d]{width:16px;height:16px}.item .flag img[data-v-752a357d]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-752a357d],.item .end-icon[data-v-752a357d]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-752a357d]{display:inline-flex}.item .option-text[data-v-752a357d]{line-height:1.1875rem}.text-container[data-v-752a357d]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-752a357d]{display:block}.tooltip-option[data-v-752a357d] .container{width:100%}.app-trigger--icon[data-v-752a357d]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-752a357d]{transform:rotate(0)}.option-warning[data-v-752a357d]{display:flex}.option-warning__icon[data-v-752a357d]{color:var(--warning-main)}.option-content[data-v-752a357d]{display:flex}.option-content[data-v-752a357d]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-752a357d]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-752a357d]{flex-direction:column}.option-text .main-text[data-v-752a357d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-752a357d]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-752a357d]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-752a357d]{color:var(--text-secondary)}.multiline-tooltip[data-v-752a357d]{display:flex;flex-direction:column}

package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css

@@ -0,0 +1 @@
+.remove-button--disabled.default[data-v-ca7fc11d]:disabled{cursor:not-allowed;color:var(--default-outlined-border)}

package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-800cd503]{--sortable-item-height: 2.5rem;--currenttly-dragged-item-border-color: var(--common-divider);display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--compact[data-v-800cd503]{--sortable-item-height: 1.875rem;--currenttly-dragged-item-border-color: var(--action-active);border-color:var(--default-outlined-border)}.sortable-item--disabled .draggable-handle[data-v-800cd503],.sortable-item--disabled .handle-area[data-v-800cd503]{pointer-events:none}.sortable-item--disabled.sortable-item--hovered[data-v-800cd503]{border-color:var(--default-outlined-border)}.sortable-item--selected[data-v-800cd503]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-800cd503]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-800cd503]{border-color:var(--currenttly-dragged-item-border-color)!important}.sortable-item.sortable-drag .child-list[data-v-800cd503]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-800cd503],.sortable-item--fully-draggable .drag-allowed .draggable-handle[data-v-800cd503],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-800cd503]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-800cd503],.sortable-item--fully-draggable .drag-allowed .order-num[data-v-800cd503],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-800cd503]{display:none}.item[data-v-800cd503]{align-items:center;border-radius:var(--border-radius-sm);display:flex;height:var(--sortable-item-height)}.item--selected[data-v-800cd503],.item[data-v-800cd503]:hover{background:var(--background-paper-elevation-1)}.item--fully-draggable[data-v-800cd503]:hover{background:none}.item--fully-draggable .item__text[data-v-800cd503]:hover{cursor:grab}.item__prefix[data-v-800cd503]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-800cd503]{flex:1;height:var(--sortable-item-height);display:flex;align-items:center}.item__text[data-v-800cd503]:hover{cursor:pointer}.item__menu[data-v-800cd503]{width:26px}.country-flag[data-v-800cd503]{margin-right:var(--spacing-100)}.child-list[data-v-800cd503]{display:flex;max-height:var(--41d9b134);width:100%}.child-list ul[data-v-800cd503]{list-style:none;display:flex;flex-direction:column;margin-bottom:8px;padding-left:16px;padding-right:8px;padding-top:4px;gap:2px;overflow:hidden}.child-list li[data-v-800cd503]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px;width:100%}.child-list li[data-v-800cd503]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-800cd503]{background:var(--action-selected)}.child-list .country-title[data-v-800cd503]{padding-right:1rem}.expand-icon[data-v-800cd503]{cursor:pointer;padding-right:7px;padding-left:1px;height:var(--sortable-item-height);display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-800cd503]:hover{color:var(--text-primary)}.locked-icon[data-v-800cd503]{color:var(--action-active)}.draggable-handle[data-v-800cd503]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:var(--sortable-item-height);color:var(--action-active)}.draggable-handle[data-v-800cd503]:hover{cursor:grab;color:var(--text-primary)}.draggable-handle--disabled[data-v-800cd503]{color:var(--text-disabled)}.sortable-ghost[data-v-800cd503]{position:relative;outline:none}.sortable-ghost[data-v-800cd503]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css

@@ -0,0 +1 @@
+.tooltip-content[data-v-a534c7af]{max-width:260px}.item-text--disabled[data-v-a534c7af]{color:var(--text-disabled)}.help[data-v-a534c7af]{margin-bottom:8px}.help__title[data-v-a534c7af]{color:var(--text-primary);margin-bottom:4px}.help__text[data-v-a534c7af]{color:var(--text-secondary)}.help[data-v-a534c7af]:last-child{margin-bottom:0}

package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css

@@ -0,0 +1 @@
+.sortable-list-and-header-container[data-v-84dc8525]{display:flex;flex-direction:column;overflow-y:auto;width:100%}.header-container[data-v-84dc8525]{background-color:var(--background-default);display:flex;flex-direction:column;padding-bottom:var(--spacing-100);width:100%}.header-container.sticky[data-v-84dc8525]{position:sticky;top:0;z-index:calc(var(--dbaa7dcc) + 3)}.sortable-list[data-v-84dc8525],.locked-list[data-v-84dc8525]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-84dc8525]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-84dc8525]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-84dc8525]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-84dc8525]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-84dc8525]{height:40px;width:100%}

package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css

@@ -0,0 +1 @@
+div[data-v-8a451e54]{display:block}

package/TooltipV4.vue_vue_type_style_index_1_lang.css

@@ -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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
+.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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-4.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-3px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -0,0 +1,119 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:selected"?: (value: unknown[]) => any;
+}, {
+    testId: string;
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    minSelections: number;
+    noResultsText: string;
+    searchAutoFocus: boolean;
+    searchPlaceholder: string;
+    appendToBody: boolean;
+    defaultSelection: unknown[];
+    inlineGroupIds: unknown[];
+    headerText: string;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    minSelectionsTooltipMessage: string;
+}>, {
+    trigger?(_: {
+        triggerProps: {
+            onClick: () => void;
+        };
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/columnPicker/ColumnPicker.vue.js

@@ -0,0 +1,7 @@
+import o from "./ColumnPicker.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea8c7024"]]);
+export {
+  t as default
+};

package/components/columnPicker/ColumnPicker.vue2.js

@@ -0,0 +1,322 @@
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
+import ce from "./OptionChip.vue.js";
+import "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import Q from "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import { DropdownContext as me } from "../dropdown/common/DropdownContext.js";
+import w from "../typography/v4/Typography.vue.js";
+import pe from "../dialog/v4/DialogV4.vue.js";
+import fe from "../sortableList/SortableList.vue.js";
+import ye from "../link/Link.vue.js";
+import ve from "../search/v4/SearchV4.vue.js";
+import { matchString as he } from "../../utils/search.js";
+import "../button/v4/ButtonV4.vue.js";
+import ge from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
+import { useTestIdAttrs as Ke } from "../../utils/testIds.js";
+import { ColumnPickerTestIdModifiers as B } from "../../testids/index.js";
+import Se from "./RemoveButton.vue.js";
+const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = { class: "search-wrapper" }, xe = { class: "options-list scrollable-list" }, Te = {
+  key: 0,
+  class: "inline-group"
+}, Ie = ["onClick"], Oe = {
+  key: 0,
+  class: "no-result-container"
+}, Re = { class: "selected-list-header" }, Ve = { class: "selected-list-wrapper scrollable-list" }, lt = /* @__PURE__ */ ie({
+  __name: "ColumnPicker",
+  props: {
+    selected: { default: () => [] },
+    options: { default: () => [] },
+    defaultSelection: { default: null },
+    inlineGroupIds: { default: () => [] },
+    headerText: { default: "Customize columns" },
+    noResultsText: { default: "No results" },
+    searchPlaceholder: { default: "Search" },
+    searchAutoFocus: { type: Boolean, default: !0 },
+    idKey: { default: "id" },
+    displayKey: { default: "label" },
+    childrenKey: { default: "options" },
+    disabledKey: { default: "disabled" },
+    minSelections: { default: 1 },
+    minSelectionsTooltipMessage: { default: "Select at least %count% options" },
+    appendToBody: { type: Boolean, default: !0 },
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(n, { emit: j }) {
+    const t = n, a = K([]), f = K([]), v = K(""), y = K(!1), G = () => {
+      t.selected?.length ? a.value = [...t.selected] : t.defaultSelection?.length ? a.value = [...t.defaultSelection] : a.value = [];
+    }, b = () => {
+      y.value = !1, f.value = [], v.value = "", G();
+    };
+    ne(
+      [() => t.selected, () => t.defaultSelection],
+      () => {
+        G();
+      },
+      {
+        immediate: !0
+      }
+    );
+    const P = () => {
+      y.value = !y.value;
+    }, C = c({
+      get() {
+        return a.value.map((e) => {
+          const i = Z(e) ? A(e)?.[t.displayKey] + " " : "";
+          return {
+            id: e[t.idKey],
+            displayText: i + e[t.displayKey],
+            isDisabled: I(e)
+          };
+        });
+      },
+      set(e) {
+        const i = e.map((l) => l.id);
+        a.value = i.map(
+          (l) => a.value.find((o) => o[t.idKey] === l)
+        );
+      }
+    }), x = c(
+      () => a.value?.length <= t.minSelections
+    ), T = c(() => {
+      if (!t.minSelections)
+        return "";
+      const e = t.minSelections, i = t.minSelectionsTooltipMessage;
+      return i ? i.replace("%count%", e.toString()) : "";
+    }), D = (e) => g(e) && x.value, I = (e) => e[t.disabledKey] || D(e), g = (e) => a.value.some(
+      (i) => i[t.idKey] === e[t.idKey]
+    ), H = (e) => {
+      g(e) ? L(e[t.idKey]) : J(e);
+    }, O = (e) => {
+      t.disabledKey && e[t.disabledKey] || H(e);
+    }, J = (e) => {
+      a.value.push(e);
+    }, L = (e) => {
+      a.value = a.value.filter(
+        (i) => i[t.idKey] !== e
+      );
+    }, F = c(() => {
+      if (!t.defaultSelection?.length)
+        return !1;
+      const e = a.value.map((l) => l[t.idKey]), i = t.defaultSelection.map((l) => l[t.idKey]);
+      return e.length !== i.length ? !0 : !i.every((l) => e.includes(l));
+    }), X = () => {
+      F.value && (a.value = [...t.defaultSelection]);
+    }, $ = (e) => E.value ? !0 : !f.value.includes(e), Y = (e) => t.inlineGroupIds?.includes(e), A = (e) => t.options.find(
+      (i) => h(i).map((l) => l[t.idKey]).includes(e[t.idKey])
+    ), Z = (e) => {
+      const i = A(e);
+      return i ? t.inlineGroupIds?.includes(i[t.idKey]) : !1;
+    }, M = (e) => {
+      f.value.includes(e) ? f.value = f.value.filter(
+        (i) => i !== e
+      ) : f.value.push(e);
+    }, h = (e) => e[t.childrenKey] || [], _ = c(() => a.value.length), N = c(() => v.value?.trim()), E = c(() => !!N.value), z = c(() => E.value ? t.options.map((i) => ({
+      ...i,
+      [t.childrenKey]: h(i).filter(
+        (l) => he(l[t.displayKey], N.value)
+      )
+    })).filter(
+      (i) => h(i).length > 0
+    ) : t.options), ee = Ke(t.testId, B), te = () => {
+      j("update:selected", a.value), b();
+    };
+    return se(me, {
+      activeIndex: null,
+      activeOption: null,
+      clearSelection: () => {
+      },
+      selectedOption: null,
+      clearable: !1,
+      listRef: null,
+      options: null,
+      mode: null,
+      type: null,
+      open: y,
+      disabled: !1,
+      mandatory: !1,
+      labelRef: null,
+      size: null,
+      search: () => {
+      },
+      toggle: () => {
+      },
+      placeholder: "",
+      select: O,
+      query: v,
+      selectedValue: null,
+      goToOption: () => {
+      },
+      registerInput: () => {
+      },
+      registerOption: () => {
+      },
+      unRegisterOption: () => {
+      }
+    }), (e, i) => (d(), m(S, null, [
+      oe(e.$slots, "trigger", {
+        triggerProps: { onClick: P }
+      }, () => [
+        r(s(ge), {
+          "icon-name": "layout",
+          variant: "outlined",
+          "test-id": `${n.testId}-${s(B).TRIGGER}`,
+          onClick: P
+        }, null, 8, ["test-id"])
+      ], !0),
+      r(s(pe), {
+        modelValue: y.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (l) => y.value = l),
+        title: n.headerText,
+        "no-padding": "",
+        "save-button-label": "Save view",
+        "close-on-click-outside": "",
+        "append-to-body": n.appendToBody,
+        "test-id": n.testId,
+        onSave: te,
+        onClose: b,
+        onCancel: b
+      }, {
+        default: p(() => [
+          u("div", ae({ class: "column-picker" }, s(ee)[s(B).WRAPPER]), [
+            u("div", ke, [
+              u("div", be, [
+                u("header", Ce, [
+                  r(s(ve), {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
+                    placeholder: n.searchPlaceholder,
+                    variant: "transparent",
+                    size: "md",
+                    "auto-focus": n.searchAutoFocus,
+                    "test-id": n.testId
+                  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
+                ]),
+                u("ul", xe, [
+                  (d(!0), m(S, null, R(s(z), (l) => (d(), m("li", {
+                    key: String(l[n.idKey]),
+                    class: "options-list__item"
+                  }, [
+                    r(s(Q), {
+                      option: l,
+                      "tree-main-option": "",
+                      "tree-main-option-expanded": $(l[n.idKey]),
+                      onClick: U((o) => M(l[n.idKey]), ["stop"]),
+                      onToggleTreeCollapse: (o) => M(l[n.idKey])
+                    }, {
+                      default: p(() => [
+                        r(s(w), {
+                          variant: "h5",
+                          class: "group-name"
+                        }, {
+                          default: p(() => [
+                            k(V(l[n.displayKey]), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["option", "tree-main-option-expanded", "onClick", "onToggleTreeCollapse"]),
+                    de(u("div", null, [
+                      Y(l[n.idKey]) ? (d(), m("div", Te, [
+                        (d(!0), m(S, null, R(h(l), (o) => (d(), W(ce, {
+                          key: o[n.idKey],
+                          option: o,
+                          "name-key": n.displayKey,
+                          selected: g(o),
+                          disabled: I(o),
+                          "tooltip-text": D(o) ? s(T) : null,
+                          onClick: (le) => O(o)
+                        }, null, 8, ["option", "name-key", "selected", "disabled", "tooltip-text", "onClick"]))), 128))
+                      ])) : (d(!0), m(S, { key: 1 }, R(h(l), (o) => (d(), m("div", {
+                        key: o[n.idKey],
+                        onClick: U((le) => O(o), ["stop"])
+                      }, [
+                        r(s(Q), {
+                          option: o,
+                          "selected-prop": g(o),
+                          "name-key": n.displayKey,
+                          disabled: I(o),
+                          "min-max-selection-tooltip-message": s(T),
+                          "tooltip-attached-to-text": "",
+                          "is-multi": ""
+                        }, null, 8, ["option", "selected-prop", "name-key", "disabled", "min-max-selection-tooltip-message"])
+                      ], 8, Ie))), 128))
+                    ], 512), [
+                      [re, $(l[n.idKey])]
+                    ])
+                  ]))), 128)),
+                  s(z).length ? q("", !0) : (d(), m("li", Oe, [
+                    r(s(w), { variant: "body2" }, {
+                      default: p(() => [
+                        k(V(n.noResultsText), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ])
+              ]),
+              u("div", null, [
+                u("header", Re, [
+                  r(s(w), {
+                    variant: "h5",
+                    class: "selected-count-text"
+                  }, {
+                    default: p(() => [
+                      k(V(s(_)) + " selected ", 1)
+                    ]),
+                    _: 1
+                  }),
+                  n.defaultSelection?.length ? (d(), W(s(ye), {
+                    key: 0,
+                    variant: "subtitle2",
+                    disabled: !s(F),
+                    "test-id": n.testId,
+                    onClick: X
+                  }, {
+                    default: p(() => [
+                      k(" Reset to default ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "test-id"])) : q("", !0)
+                ]),
+                u("div", Ve, [
+                  r(s(fe), {
+                    items: s(C),
+                    "onUpdate:items": i[1] || (i[1] = (l) => ue(C) ? C.value = l : null),
+                    "display-value": (l) => l.displayText,
+                    variant: "compact",
+                    "draggable-area": "full",
+                    "test-id": n.testId
+                  }, {
+                    menu: p(({ item: l }) => [
+                      r(Se, {
+                        disabled: s(x),
+                        "tooltip-text": s(x) ? s(T) : null,
+                        onClick: (o) => L(l.id)
+                      }, null, 8, ["disabled", "tooltip-text", "onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["items", "display-value", "test-id"])
+                ])
+              ])
+            ])
+          ], 16)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "append-to-body", "test-id"])
+    ], 64));
+  }
+});
+export {
+  lt as default
+};

package/components/columnPicker/OptionChip.vue.d.ts

@@ -0,0 +1,53 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option: unknown;
+    nameKey: string;
+    selected?: boolean;
+    disabled?: boolean;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
+}>, {
+    selected: boolean;
+    disabled: boolean;
+    tooltipText: any;
+    tooltipPlacement: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option: unknown;
+    nameKey: string;
+    selected?: boolean;
+    disabled?: boolean;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
+}>, {
+    selected: boolean;
+    disabled: boolean;
+    tooltipText: any;
+    tooltipPlacement: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    tooltipText: string;
+    tooltipPlacement: TooltipPositions;
+    disabled: boolean;
+    selected: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/columnPicker/OptionChip.vue.js

@@ -0,0 +1,7 @@
+import o from "./OptionChip.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-538e4a21"]]);
+export {
+  s as default
+};

package/components/columnPicker/OptionChip.vue2.js

@@ -0,0 +1,46 @@
+ import "../../OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css"; import { defineComponent as n, openBlock as c, createBlock as d, unref as t, withCtx as o, createElementVNode as p, normalizeClass as s, withModifiers as r, createVNode as m, createTextVNode as f, toDisplayString as u } from "vue";
+import h from "../typography/v4/Typography.vue.js";
+import x from "../tooltip/v4/TooltipV4.vue.js";
+const k = ["onClick"], g = /* @__PURE__ */ n({
+  __name: "OptionChip",
+  props: {
+    option: null,
+    nameKey: null,
+    selected: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    tooltipText: { default: null },
+    tooltipPlacement: { default: "right" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const i = e, a = () => {
+      i.disabled || l("click");
+    };
+    return (y, C) => (c(), d(t(x), {
+      text: e.tooltipText,
+      disabled: !e.tooltipText,
+      placement: e.tooltipPlacement
+    }, {
+      default: o(() => [
+        p("div", {
+          class: s(["option-chip", {
+            "option-chip--disabled": e.disabled,
+            "option-chip--selected": e.selected
+          }]),
+          onClick: r(a, ["stop"])
+        }, [
+          m(t(h), { variant: "h6" }, {
+            default: o(() => [
+              f(u(e.option[e.nameKey]), 1)
+            ]),
+            _: 1
+          })
+        ], 10, k)
+      ]),
+      _: 1
+    }, 8, ["text", "disabled", "placement"]));
+  }
+});
+export {
+  g as default
+};