@knime/kds-components 0.17.1 → 0.18.0

package/dist/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts

@@ -27,6 +27,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
             readonly min?: number | string | undefined;
             readonly max?: number | string | undefined;
+            readonly ariaExpanded?: boolean | undefined;
             readonly step?: number | undefined;
             readonly placeholder?: string | undefined;
             readonly disabled?: boolean | undefined;
@@ -44,6 +45,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly ariaValuemax?: number | undefined;
             readonly ariaValuetext?: string | undefined;
             readonly ariaActivedescendant?: string | undefined;
+            readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+            readonly ariaControls?: string | undefined;
             readonly unit?: string | undefined;
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
@@ -76,6 +79,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
             min?: number | string;
             max?: number | string;
+            ariaExpanded?: boolean;
             step?: number;
             placeholder?: string;
             disabled?: boolean;
@@ -93,6 +97,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             ariaValuemax?: number;
             ariaValuetext?: string;
             ariaActivedescendant?: string;
+            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls?: string;
             unit?: string;
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
@@ -126,6 +132,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             id: string;
             min: number | string;
             max: number | string;
+            ariaExpanded: boolean;
             step: number;
             autocomplete: string;
             ariaLabelledby: string;
@@ -136,6 +143,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             ariaValuemax: number;
             ariaValuetext: string;
             ariaActivedescendant: string;
+            ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls: string;
             unit: string;
             inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable: boolean;
@@ -172,6 +181,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         id: string;
         min: number | string;
         max: number | string;
+        ariaExpanded: boolean;
         step: number;
         autocomplete: string;
         ariaLabelledby: string;
@@ -182,6 +192,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         ariaValuemax: number;
         ariaValuetext: string;
         ariaActivedescendant: string;
+        ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+        ariaControls: string;
         unit: string;
         inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable: boolean;
@@ -192,6 +204,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
         min?: number | string;
         max?: number | string;
+        ariaExpanded?: boolean;
         step?: number;
         placeholder?: string;
         disabled?: boolean;
@@ -209,6 +222,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         ariaValuemax?: number;
         ariaValuetext?: string;
         ariaActivedescendant?: string;
+        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+        ariaControls?: string;
         unit?: string;
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
@@ -220,7 +235,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "ariaExpanded" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "ariaHaspopup" | "ariaControls" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
         focus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
@@ -229,19 +244,20 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         };
     }) | null;
     listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
-        onItemClick?: ((id: string) => any) | undefined;
+        onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
         handleFocus: () => void;
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        itemClick: (id: string) => any;
+        itemClick: (id?: string | undefined) => any;
     }, import('vue').PublicProps, {
         role: import('../../_helper/List/ListContainer').KdsListContainerRole;
         variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
         emptyText: string;
         loading: boolean;
+        allowNoSelection: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         containerEl: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -252,7 +268,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         M: {};
         Defaults: {};
     }, Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
-        onItemClick?: ((id: string) => any) | undefined;
+        onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
         handleFocus: () => void;
@@ -263,6 +279,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
         emptyText: string;
         loading: boolean;
+        allowNoSelection: boolean;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AAgPA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AA8JxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0M83K,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzBpgL,wBAWG"}
+{"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AAgPA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AA8JxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA4Ms0K,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzB58K,wBAWG"}

package/dist/index.css

@@ -953,7 +953,7 @@ html.kds-legacy {
 }
 
 .kds-list-container {
-&[data-v-e3d86a4e] {
+&[data-v-9b505d0b] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -962,17 +962,17 @@ html.kds-legacy {
   padding: var(--kds-spacing-container-0-25x);
   overflow-y: auto;
 }
-&.standalone[data-v-e3d86a4e] {
+&.standalone[data-v-9b505d0b] {
     border: var(--kds-border-base-subtle);
     border-radius: var(--kds-border-radius-container-0-31x);
 }
-&[data-v-e3d86a4e]:focus-visible {
+&[data-v-9b505d0b]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
     border-radius: var(--kds-border-radius-container-0-31x);
 }
 }
-.kds-list-container-empty[data-v-e3d86a4e] {
+.kds-list-container-empty[data-v-9b505d0b] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -980,7 +980,7 @@ html.kds-legacy {
 }
 
 .kds-popover {
-&[data-v-09124386] {
+&[data-v-786e523e] {
   padding: 0;
   margin: 0;
   overflow: visible;
@@ -1001,10 +1001,10 @@ html.kds-legacy {
 
   /* noinspection CssInvalidFunction,CssInvalidAtRule */
 }
-&.full-width[data-v-09124386] {
+&.full-width[data-v-786e523e] {
     min-inline-size: anchor-size(width);
 }
-&.floating.top-right[data-v-09124386] {
+&.floating.top-right[data-v-786e523e] {
     inset: auto anchor(right) anchor(top) auto;
     margin: var(--kds-spacing-container-0-25x) 0
       var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
@@ -1012,7 +1012,7 @@ html.kds-legacy {
       --kds-popover-try-top-left, --kds-popover-try-bottom-right,
       --kds-popover-try-bottom-left, --kds-popover-try-top-right;
 }
-&.floating.top-left[data-v-09124386] {
+&.floating.top-left[data-v-786e523e] {
     inset: auto auto anchor(top) anchor(left);
     margin: var(--kds-spacing-container-0-25x)
       var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
@@ -1020,7 +1020,7 @@ html.kds-legacy {
       --kds-popover-try-top-right, --kds-popover-try-bottom-left,
       --kds-popover-try-bottom-right, --kds-popover-try-top-left;
 }
-&.floating.bottom-right[data-v-09124386] {
+&.floating.bottom-right[data-v-786e523e] {
     inset: anchor(bottom) anchor(right) auto auto;
     margin: var(--kds-spacing-container-0-25x) 0
       var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x);
@@ -1028,7 +1028,7 @@ html.kds-legacy {
       --kds-popover-try-bottom-left, --kds-popover-try-top-right,
       --kds-popover-try-top-left, --kds-popover-try-bottom-right;
 }
-&.floating.bottom-left[data-v-09124386] {
+&.floating.bottom-left[data-v-786e523e] {
     inset: anchor(bottom) auto auto anchor(left);
     margin: var(--kds-spacing-container-0-25x)
       var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x) 0;
@@ -1065,7 +1065,7 @@ html.kds-legacy {
   margin: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-25x)
     var(--kds-spacing-container-0-25x) 0;
 }
-.kds-popover-default-content[data-v-09124386] {
+.kds-popover-default-content[data-v-786e523e] {
   padding: var(--kds-spacing-container-0-75x);
   font: var(--kds-font-base-body-small);
   color: var(--kds-color-text-and-icon-neutral);
@@ -1074,7 +1074,7 @@ html.kds-legacy {
   box-shadow: var(--kds-elevation-level-3);
 }
 
-.kds-menu-container[data-v-23e9404d] {
+.kds-menu-container[data-v-be36bcd4] {
   max-width: var(--kds-dimension-component-width-20x);
   background-color: var(--kds-color-surface-default);
   border-radius: var(--kds-border-radius-container-0-50x);
@@ -1465,7 +1465,7 @@ html.kds-legacy {
 }
 
 .container {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -1477,46 +1477,46 @@ html.kds-legacy {
   border: var(--kds-border-action-input);
   border-radius: var(--kds-border-radius-container-0-37x);
 }
-&[data-v-8815d034]:has(input:focus:not(:disabled)) {
+&[data-v-d8e771c0]:has(input:focus:not(:disabled)) {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }
-&[data-v-8815d034]:has(.input-field:hover:not(:disabled, :focus)) {
+&[data-v-d8e771c0]:has(.input-field:hover:not(:disabled, :focus)) {
     background: var(--kds-color-background-input-hover);
 }
-&.error[data-v-8815d034] {
+&.error[data-v-d8e771c0] {
     border: var(--kds-border-action-error);
 }
-&.disabled[data-v-8815d034] {
+&.disabled[data-v-d8e771c0] {
     cursor: default;
     border: var(--kds-border-action-disabled);
     border-color: var(--kds-color-border-disabled);
 }
 }
 .icon-wrapper {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   color: var(--kds-color-text-and-icon-subtle);
 }
-&.leading[data-v-8815d034] {
+&.leading[data-v-d8e771c0] {
     padding-left: var(--kds-spacing-container-0-12x);
 }
-&.trailing[data-v-8815d034] {
+&.trailing[data-v-d8e771c0] {
     padding-right: var(--kds-spacing-container-0-12x);
 }
-.container.disabled &[data-v-8815d034] {
+.container.disabled &[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-.container:focus-within &[data-v-8815d034],
-  .container:has(.input-field.has-value) &[data-v-8815d034] {
+.container:focus-within &[data-v-d8e771c0],
+  .container:has(.input-field.has-value) &[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-neutral);
 }
 }
 .input-field {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
   flex: 1 0 0;
   min-width: 0;
   height: var(--kds-dimension-component-height-1-75x);
@@ -1535,33 +1535,33 @@ html.kds-legacy {
   /* hide native search cancel button on Safari/WebKit, we provide our own clearable button */
 }
 &[type="number"] {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
     appearance: textfield;
 }
-&[data-v-8815d034]::-webkit-outer-spin-button,
-    &[data-v-8815d034]::-webkit-inner-spin-button {
+&[data-v-d8e771c0]::-webkit-outer-spin-button,
+    &[data-v-d8e771c0]::-webkit-inner-spin-button {
       margin: 0;
       appearance: none;
 }
 }
-&[type="search"][data-v-8815d034]::-webkit-search-cancel-button {
+&[type="search"][data-v-d8e771c0]::-webkit-search-cancel-button {
     appearance: none;
 }
-&[data-v-8815d034]::placeholder {
+&[data-v-d8e771c0]::placeholder {
     color: var(--kds-color-text-and-icon-subtle);
 }
 &:disabled {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-disabled);
     cursor: default;
 }
-&[data-v-8815d034]::placeholder {
+&[data-v-d8e771c0]::placeholder {
       color: var(--kds-color-text-and-icon-disabled);
 }
 }
 }
 .unit {
-&[data-v-8815d034] {
+&[data-v-d8e771c0] {
   flex-shrink: 0;
   min-width: 0;
   margin: 0 var(--kds-spacing-container-0-12x);
@@ -1571,26 +1571,26 @@ html.kds-legacy {
   color: var(--kds-color-text-and-icon-neutral);
   white-space: nowrap;
 }
-&.placeholder[data-v-8815d034] {
+&.placeholder[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-subtle);
 }
-&.disabled[data-v-8815d034] {
+&.disabled[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-disabled);
 }
-.container:focus-within &[data-v-8815d034] {
+.container:focus-within &[data-v-d8e771c0] {
     color: var(--kds-color-text-and-icon-neutral);
 }
 }
-.clear-button[data-v-8815d034] {
+.clear-button[data-v-d8e771c0] {
   margin-left: var(--kds-spacing-container-0-12x);
 }
-.leading-slot[data-v-8815d034] {
+.leading-slot[data-v-d8e771c0] {
   display: flex;
   flex-shrink: 0;
   gap: var(--kds-spacing-container-0-12x);
   align-items: center;
 }
-.trailing-slot[data-v-8815d034] {
+.trailing-slot[data-v-d8e771c0] {
   display: flex;
   flex-shrink: 0;
   gap: var(--kds-spacing-container-0-12x);
@@ -3093,7 +3093,7 @@ html.kds-legacy {
 }
 }
 
-.kds-date-time-format-popover[data-v-892448f6] {
+.kds-date-time-format-popover[data-v-f75ebe1b] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-5x);
@@ -3104,13 +3104,19 @@ html.kds-legacy {
   border-radius: var(--kds-border-radius-container-0-50x);
   box-shadow: var(--kds-elevation-level-3);
 }
-.kds-date-time-format-popover-list[data-v-892448f6] {
+.kds-date-time-format-popover-list[data-v-f75ebe1b] {
   width: var(--kds-dimension-component-width-16x);
   min-width: 100%;
   max-width: 100%;
   height: var(--kds-dimension-component-height-12x);
 }
 
+.kds-search-results-container[data-v-df327342] {
+  background-color: var(--kds-color-surface-default);
+  border-radius: var(--kds-border-radius-container-0-50x);
+  box-shadow: var(--kds-elevation-level-3);
+}
+
 textarea {
 &[data-v-7a6592b5] {
   box-sizing: border-box;
@@ -3225,23 +3231,23 @@ textarea[data-v-7a6592b5]::-webkit-scrollbar {
   );
 }
 
-.kds-dropdown-container[data-v-9e62fb49] {
+.kds-dropdown-container[data-v-ceeaf8b9] {
   display: flex;
   flex-direction: column;
   background-color: var(--kds-color-surface-default);
   border-radius: var(--kds-border-radius-container-0-50x);
   box-shadow: var(--kds-elevation-level-3);
 }
-.kds-dropdown-container-sticky-top[data-v-9e62fb49] {
+.kds-dropdown-container-sticky-top[data-v-ceeaf8b9] {
   padding: var(--kds-spacing-container-0-25x);
   background-color: var(--kds-color-surface-default);
   border-bottom: var(--kds-border-base-subtle);
 }
 .kds-dropdown-container-list {
-&[data-v-9e62fb49] {
+&[data-v-ceeaf8b9] {
   max-height: var(--kds-dimension-component-height-12x);
   }
-&.multiline[data-v-9e62fb49] {
+&.multiline[data-v-ceeaf8b9] {
     max-height: var(--kds-dimension-component-height-20x);
 }
 }
@@ -3288,7 +3294,7 @@ textarea[data-v-7a6592b5]::-webkit-scrollbar {
 }
 }
 
-.kds-multi-select-dropdown-options[data-v-361c57bf] {
+.kds-multi-select-dropdown-options[data-v-bb63f252] {
   display: flex;
   flex-direction: column;
   min-width: var(--kds-dimension-component-width-12x);
@@ -3296,19 +3302,19 @@ textarea[data-v-7a6592b5]::-webkit-scrollbar {
   border-radius: var(--kds-border-radius-container-0-50x);
   box-shadow: var(--kds-elevation-level-3);
 }
-.kds-multi-select-dropdown-search[data-v-361c57bf] {
+.kds-multi-select-dropdown-search[data-v-bb63f252] {
   padding: var(--kds-spacing-container-0-25x);
   border-bottom: var(--kds-border-base-subtle);
 }
 .kds-multi-select-dropdown-list {
-&[data-v-361c57bf] {
+&[data-v-bb63f252] {
   max-height: var(--kds-dimension-component-height-12x);
   }
-&.multiline[data-v-361c57bf] {
+&.multiline[data-v-bb63f252] {
     max-height: var(--kds-dimension-component-height-20x);
 }
 }
-.kds-multi-select-dropdown-footer[data-v-361c57bf] {
+.kds-multi-select-dropdown-footer[data-v-bb63f252] {
   padding: var(--kds-spacing-container-0-25x);
   border-top: var(--kds-border-base-subtle);
 }