@knime/kds-components 0.16.0 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +3 -0
  2. package/dist/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -0
  3. package/dist/buttons/KdsMenuButton/index.d.ts +3 -0
  4. package/dist/buttons/KdsMenuButton/index.d.ts.map +1 -0
  5. package/dist/buttons/KdsMenuButton/types.d.ts +30 -0
  6. package/dist/buttons/KdsMenuButton/types.d.ts.map +1 -0
  7. package/dist/buttons/index.d.ts +2 -0
  8. package/dist/buttons/index.d.ts.map +1 -1
  9. package/dist/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts +2 -6
  10. package/dist/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -1
  11. package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts +4 -3
  12. package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
  13. package/dist/forms/_helper/List/KdsListItem/enums.d.ts +5 -0
  14. package/dist/forms/_helper/List/KdsListItem/enums.d.ts.map +1 -1
  15. package/dist/forms/_helper/List/KdsListItem/types.d.ts +4 -1
  16. package/dist/forms/_helper/List/KdsListItem/types.d.ts.map +1 -1
  17. package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts +1 -0
  18. package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts.map +1 -1
  19. package/dist/forms/_helper/List/ListContainer/enums.d.ts +6 -0
  20. package/dist/forms/_helper/List/ListContainer/enums.d.ts.map +1 -0
  21. package/dist/forms/_helper/List/ListContainer/types.d.ts +5 -1
  22. package/dist/forms/_helper/List/ListContainer/types.d.ts.map +1 -1
  23. package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts +2 -6
  24. package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts.map +1 -1
  25. package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
  26. package/dist/forms/selects/Dropdown/BaseDropdown.vue.d.ts +2 -2
  27. package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts +3 -3
  28. package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map +1 -1
  29. package/dist/index.css +377 -368
  30. package/dist/index.js +2727 -2604
  31. package/dist/index.js.map +1 -1
  32. package/dist/overlays/Modal/KdsModal.vue.d.ts +1 -1
  33. package/dist/overlays/Popover/KdsPopover.vue.d.ts.map +1 -1
  34. package/dist/overlays/Popover/types.d.ts +1 -1
  35. package/package.json +6 -6
@@ -0,0 +1,3 @@
1
+ declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
2
+ export default _default;
3
+ //# sourceMappingURL=KdsMenuButton.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsMenuButton/KdsMenuButton.vue"],"names":[],"mappings":";AAoUA,wBASG"}
@@ -0,0 +1,3 @@
1
+ export { default as KdsMenuButton } from './KdsMenuButton.vue';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsMenuButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { KdsIconName } from '../../accessories';
2
+ import { KdsAvatarAccessory, KdsIconAccessory, KdsLiveStatusAccessory } from '../../forms/_helper/List/ListItemAccessory/types';
3
+ import { KdsToggleButtonProps } from '../KdsToggleButton';
4
+ type KdsMenuItemAccessory = KdsIconAccessory | KdsLiveStatusAccessory | KdsAvatarAccessory;
5
+ export type KdsMenuItem = {
6
+ id: string;
7
+ /** Optional leading icon shown before a section headline */
8
+ sectionHeadlineIcon?: KdsIconName;
9
+ /**
10
+ * When true, the item is rendered as a non-selectable section headline
11
+ * (styled as a section title row). Section headline items are skipped
12
+ * during keyboard navigation and cannot be clicked.
13
+ */
14
+ sectionHeadline?: boolean;
15
+ /** Disables the option in the list */
16
+ disabled?: boolean;
17
+ /** Optional leading accessory (icon, data type, or color swatch) shown before the text */
18
+ accessory?: KdsMenuItemAccessory;
19
+ text: string;
20
+ /** Optional subtext shown below the main label (multiline list item layout) */
21
+ subText?: string;
22
+ /** Show a separator below the item if it's not the last in the list */
23
+ separator?: boolean;
24
+ };
25
+ export type KdsMenuButtonProps = KdsToggleButtonProps & {
26
+ items: KdsMenuItem[];
27
+ menuMaxHeight?: string;
28
+ };
29
+ export {};
30
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/buttons/KdsMenuButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,KAAK,oBAAoB,GACrB,gBAAgB,GAChB,sBAAsB,GACtB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
@@ -6,6 +6,8 @@ export * from './KdsToggleButton';
6
6
  export type * from './KdsToggleButton';
7
7
  export * from './KdsProgressButton';
8
8
  export type * from './KdsProgressButton';
9
+ export * from './KdsMenuButton';
10
+ export type * from './KdsMenuButton';
9
11
  export { kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, } from './enums';
10
12
  export type { KdsButtonSize, KdsButtonVariant } from './types';
11
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,qBAAqB,CAAC;AACpC,mBAAmB,qBAAqB,CAAC;AAGzC,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,qBAAqB,CAAC;AACpC,mBAAmB,qBAAqB,CAAC;AAEzC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAGrC,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
@@ -24,9 +24,7 @@ declare function __VLS_template(): {
24
24
  readonly content?: string | undefined;
25
25
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
26
26
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
27
- $attrs: {
28
- [x: string]: unknown;
29
- };
27
+ $attrs: import('vue').Attrs;
30
28
  $refs: {
31
29
  [x: string]: unknown;
32
30
  } & {
@@ -112,9 +110,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
112
110
  readonly content?: string | undefined;
113
111
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
114
112
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
115
- $attrs: {
116
- [x: string]: unknown;
117
- };
113
+ $attrs: import('vue').Attrs;
118
114
  $refs: {
119
115
  [x: string]: unknown;
120
116
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;GAEG;AAEH,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAmB5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiE60hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAhDn+hB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8By1hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBl+hB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAuHA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;GAEG;AAEH,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAmB5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiEwxhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAhD96hB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BoyhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB76hB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -4,16 +4,17 @@ declare const _default: import('vue').DefineComponent<KdsListItemProps, {}, {},
4
4
  }, string, import('vue').PublicProps, Readonly<KdsListItemProps> & Readonly<{
5
5
  onClick?: ((event: MouseEvent) => any) | undefined;
6
6
  }>, {
7
+ role: import('./types.ts').KdsListItemRole;
7
8
  disabled: boolean;
8
9
  variant: import('./types.ts').KdsListItemVariant;
9
10
  trailingIcon: import('../../../../index.ts').KdsIconName;
10
- subText: string;
11
- selected: boolean;
12
11
  accessory: import('../ListItemAccessory/types.ts').KdsListItemAccessory;
13
- missing: boolean;
12
+ subText: string;
14
13
  shortcut: string;
15
14
  special: boolean;
15
+ selected: boolean;
16
16
  active: boolean;
17
+ missing: boolean;
17
18
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
18
19
  labelEl: HTMLSpanElement;
19
20
  subtextEl: HTMLSpanElement;
@@ -1 +1 @@
1
- {"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AAiRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AA+MnD,wBAUG"}
1
+ {"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AAmRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;AAiNnD,wBAUG"}
@@ -3,4 +3,9 @@ export declare const kdsListItemVariant: {
3
3
  readonly LARGE: "large";
4
4
  };
5
5
  export declare const kdsListItemVariants: ("small" | "large")[];
6
+ export declare const kdsListItemRole: {
7
+ readonly OPTION: "option";
8
+ readonly MENUITEM: "menuitem";
9
+ };
10
+ export declare const kdsListItemRoles: ("option" | "menuitem")[];
6
11
  //# sourceMappingURL=enums.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,uBAAoC,CAAC"}
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,uBAAoC,CAAC;AAErE,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,gBAAgB,2BAAiC,CAAC"}
@@ -1,7 +1,8 @@
1
1
  import { KdsIconName } from '../../../../accessories';
2
2
  import { KdsListItemAccessory } from '../ListItemAccessory/types.ts';
3
- import { kdsListItemVariant } from './enums';
3
+ import { kdsListItemRole, kdsListItemVariant } from './enums';
4
4
  export type KdsListItemVariant = (typeof kdsListItemVariant)[keyof typeof kdsListItemVariant];
5
+ export type KdsListItemRole = (typeof kdsListItemRole)[keyof typeof kdsListItemRole];
5
6
  export type KdsListItemProps = {
6
7
  /** Unique identifier for the list item (also used as DOM id for aria-activedescendant patterns). */
7
8
  id: string;
@@ -27,5 +28,7 @@ export type KdsListItemProps = {
27
28
  missing?: boolean;
28
29
  /** Disables interaction and dims the content. */
29
30
  disabled?: boolean;
31
+ /** Role of the item */
32
+ role?: KdsListItemRole;
30
33
  };
31
34
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mHAAmH;IACnH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mHAAmH;IACnH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC"}
@@ -9,6 +9,7 @@ declare const _default: import('vue').DefineComponent<KdsListContainerProps, {
9
9
  }, string, import('vue').PublicProps, Readonly<KdsListContainerProps> & Readonly<{
10
10
  onItemClick?: ((id: string) => any) | undefined;
11
11
  }>, {
12
+ role: import('./types').KdsListContainerRole;
12
13
  emptyText: string;
13
14
  loading: boolean;
14
15
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -1 +1 @@
1
- {"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AAqSA,OAAO,KAAK,EAEV,qBAAqB,EAEtB,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;AAmXjB,wBAWG"}
1
+ {"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AA4TA,OAAO,KAAK,EAEV,qBAAqB,EAEtB,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;AA4YjB,wBAWG"}
@@ -0,0 +1,6 @@
1
+ export declare const kdsListContainerRole: {
2
+ readonly MENU: "menu";
3
+ readonly LISTBOX: "listbox";
4
+ };
5
+ export declare const kdsListContainerRoles: ("menu" | "listbox")[];
6
+ //# sourceMappingURL=enums.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,wBAAsC,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { Ref } from 'vue';
2
2
  import { KdsIconName } from '../../../../accessories';
3
3
  import { KdsListItemAccessory } from '../ListItemAccessory/types';
4
+ import { kdsListContainerRole } from './enums';
5
+ export type KdsListContainerRole = (typeof kdsListContainerRole)[keyof typeof kdsListContainerRole];
4
6
  export type KdsListOption = {
5
7
  id: string;
6
8
  text: string;
@@ -38,10 +40,12 @@ export type KdsListContainerProps = {
38
40
  emptyText?: string;
39
41
  /** Whether the list is in loading state */
40
42
  loading?: boolean;
41
- /** Accessible label for the listbox */
43
+ /** Accessible label for the list container */
42
44
  ariaLabel?: string;
43
45
  /** When true, the list is controlled externally (e.g. by a search input). The list will not be focusable and the parent must forward events via the exposed handleKeydown/handleFocus/handleBlur methods. */
44
46
  controlledExternally?: boolean;
47
+ /** ARIA role applied to the root element. */
48
+ role?: KdsListContainerRole;
45
49
  };
46
50
  export type KdsListContainerExpose = {
47
51
  /** Forward a keydown event to the list for keyboard navigation */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrD,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrD,CAAC"}
@@ -24,9 +24,7 @@ declare function __VLS_template(): {
24
24
  readonly content?: string | undefined;
25
25
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
26
26
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
27
- $attrs: {
28
- [x: string]: unknown;
29
- };
27
+ $attrs: import('vue').Attrs;
30
28
  $refs: {
31
29
  [x: string]: unknown;
32
30
  } & {
@@ -115,9 +113,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
115
113
  readonly content?: string | undefined;
116
114
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
117
115
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
118
- $attrs: {
119
- [x: string]: unknown;
120
- };
116
+ $attrs: import('vue').Attrs;
121
117
  $refs: {
122
118
  [x: string]: unknown;
123
119
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;GAEG;AAEH,KAAK,WAAW,GAAG,4BAA4B,CAAC;AA0EhD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkE+2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAjDrgc;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8B23b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBpgc,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue"],"names":[],"mappings":"AAoLA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;GAEG;AAEH,KAAK,WAAW,GAAG,4BAA4B,CAAC;AA0EhD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkE0wb,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAjDh6b;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8Bsxb,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB/5b,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"KdsColorInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/KdsColorInput.vue"],"names":[],"mappings":";AA4SA,wBAUG"}
1
+ {"version":3,"file":"KdsColorInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/KdsColorInput.vue"],"names":[],"mappings":";AAwUA,wBAUG"}
@@ -16,13 +16,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
16
16
  disabled: boolean;
17
17
  error: boolean;
18
18
  ariaLabel: string;
19
+ accessory: import('../../_helper/List/ListItemAccessory/types').KdsListItemAccessory;
19
20
  id: string;
21
+ missing: boolean;
20
22
  popoverId: string;
21
23
  ariaLabelledby: string;
22
24
  ariaDescribedby: string;
23
25
  ariaInvalid: boolean;
24
- accessory: import('../../_helper/List/ListItemAccessory/types').KdsListItemAccessory;
25
- missing: boolean;
26
26
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
27
27
  export default _default;
28
28
  //# sourceMappingURL=BaseDropdown.vue.d.ts.map
@@ -46,9 +46,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
46
46
  readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
47
47
  readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
48
48
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
49
- $attrs: {
50
- [x: string]: unknown;
51
- };
49
+ $attrs: import('vue').Attrs;
52
50
  $refs: {
53
51
  [x: string]: unknown;
54
52
  } & {
@@ -227,6 +225,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
227
225
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
228
226
  itemClick: (id: string) => any;
229
227
  }, import('vue').PublicProps, {
228
+ role: import('../../_helper/List/ListContainer').KdsListContainerRole;
230
229
  emptyText: string;
231
230
  loading: boolean;
232
231
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -246,6 +245,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
246
245
  handleBlur: () => void;
247
246
  activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
248
247
  }, {}, {}, {}, {
248
+ role: import('../../_helper/List/ListContainer').KdsListContainerRole;
249
249
  emptyText: string;
250
250
  loading: boolean;
251
251
  }> | null;
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgKu2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB7+b,wBAUG"}
1
+ {"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgKw2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB9+b,wBAUG"}