diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 6d4ae396..ef8ae393 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -176,12 +176,12 @@
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------- | ---------------------- | ------------------------------------------------ |
-| align | let
| No | "start" | "end"
| "end"
| Specify alignment of accordion item chevron icon |
-| size | let
| No | "sm" | "xl"
| undefined
| Specify the size of the accordion |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the accordion |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------- | ---------------------- | ------------------------------------------------ |
+| align | No | let
| No | "start" | "end"
| "end"
| Specify alignment of accordion item chevron icon |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Specify the size of the accordion |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the accordion |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
### Slots
@@ -202,12 +202,12 @@
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- |
-| disabled | let
| Yes | boolean
| false
| Set to `true` to disable the accordion item |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the first accordion item |
-| title | let
| No | string
| "title"
| Specify the title of the accordion item heading
Alternatively, use the "title" slot (e.g., <div slot="title">...</div>) |
-| iconDescription | let
| No | string
| "Expand/Collapse"
| Specify the ARIA label for the accordion item chevron icon |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- |
+| disabled | No | let
| Yes | boolean
| false
| Set to `true` to disable the accordion item |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the first accordion item |
+| title | No | let
| No | string
| "title"
| Specify the title of the accordion item heading
Alternatively, use the "title" slot (e.g., <div slot="title">...</div>) |
+| iconDescription | No | let
| No | string
| "Expand/Collapse"
| Specify the ARIA label for the accordion item chevron icon |
### Slots
@@ -231,12 +231,12 @@
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------- | ---------------------- | ------------------------------------------------ |
-| count | let
| No | number
| 4
| Specify the number of accordion items to render |
-| align | let
| No | "start" | "end"
| "end"
| Specify alignment of accordion item chevron icon |
-| size | let
| No | "sm" | "xl"
| undefined
| Specify the size of the accordion |
-| open | let
| No | boolean
| true
| Set to `false` to close the first accordion item |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------- | ---------------------- | ------------------------------------------------ |
+| count | No | let
| No | number
| 4
| Specify the number of accordion items to render |
+| align | No | let
| No | "start" | "end"
| "end"
| Specify alignment of accordion item chevron icon |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Specify the size of the accordion |
+| open | No | let
| No | boolean
| true
| Set to `false` to close the first accordion item |
### Slots
@@ -255,9 +255,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------ |
-| ratio | let
| No | "2x1" | "2x3" | "16x9" | "4x3" | "1x1" | "3x4" | "3x2" | "9x16" | "1x2"
| "2x1"
| Specify the aspect ratio |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------ |
+| ratio | No | let
| No | "2x1" | "2x3" | "16x9" | "4x3" | "1x1" | "3x4" | "3x2" | "9x16" | "1x2"
| "2x1"
| Specify the aspect ratio |
### Slots
@@ -273,10 +273,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------------- |
-| noTrailingSlash | let
| No | boolean
| false
| Set to `true` to hide the breadcrumb trailing slash |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display skeleton state |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------------- |
+| noTrailingSlash | No | let
| No | boolean
| false
| Set to `true` to hide the breadcrumb trailing slash |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display skeleton state |
### Slots
@@ -297,10 +297,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :------------------- | ---------------------- | ---------------------------------------------------------------- |
-| href | let
| No | string
| undefined
| Set the `href` to use an anchor link |
-| isCurrentPage | let
| No | boolean
| false
| Set to `true` if the breadcrumb item represents the current page |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | -------------------- | ---------------------- | ---------------------------------------------------------------- |
+| href | No | let
| No | string
| undefined
| Set the `href` to use an anchor link |
+| isCurrentPage | No | let
| No | boolean
| false
| Set to `true` if the breadcrumb item represents the current page |
### Slots
@@ -321,10 +321,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------------- |
-| noTrailingSlash | let
| No | boolean
| false
| Set to `true` to hide the breadcrumb trailing slash |
-| count | let
| No | number
| 3
| Specify the number of breadcrumb items to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------------- |
+| noTrailingSlash | No | let
| No | boolean
| false
| Set to `true` to hide the breadcrumb trailing slash |
+| count | No | let
| No | number
| 3
| Specify the number of breadcrumb items to render |
### Slots
@@ -351,10 +351,10 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------------------------------- | ------------------------------------------------------------------------- | ------------------------------------------------- |
-| sizes | let
| Yes | Record
| { sm: false, md: false, lg: false, xlg: false, max: false, }
| Carbon grid sizes as an object |
-| size | let
| Yes | BreakpointSize
| undefined
| Determine the current Carbon grid breakpoint size |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------------------------------- | ------------------------------------------------------------------------- | ------------------------------------------------- |
+| sizes | No | let
| Yes | Record
| { sm: false, md: false, lg: false, xlg: false, max: false, }
| Carbon grid sizes as an object |
+| size | No | let
| Yes | BreakpointSize
| undefined
| Determine the current Carbon grid breakpoint size |
### Slots
@@ -372,23 +372,23 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :--------------- | :------- | :---------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement | HTMLButtonElement
| null
| Obtain a reference to the HTML element |
-| kind | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger-tertiary" | "danger-ghost"
| "primary"
| Specify the kind of button |
-| size | let
| No | "default" | "field" | "small" | "lg" | "xl"
| "default"
| Specify the size of button |
-| expressive | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
-| isSelected | let
| No | boolean
| false
| Set to `true` to enable the selected state for an icon-only, ghost button |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
-| iconDescription | let
| No | string
| undefined
| Specify the ARIA label for the button icon |
-| tooltipAlignment | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon.
Only applies to icon-only buttons |
-| tooltipPosition | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the position of the tooltip relative to the icon |
-| as | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Button let:props><div {...props}>...</div></Button>) |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the button |
-| href | let
| No | string
| undefined
| Set the `href` to use an anchor link |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
-| type | let
| No | string
| "button"
| Specify the `type` attribute for the button element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement | HTMLButtonElement
| null
| Obtain a reference to the HTML element |
+| kind | No | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger-tertiary" | "danger-ghost"
| "primary"
| Specify the kind of button |
+| size | No | let
| No | "default" | "field" | "small" | "lg" | "xl"
| "default"
| Specify the size of button |
+| expressive | No | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
+| isSelected | No | let
| No | boolean
| false
| Set to `true` to enable the selected state for an icon-only, ghost button |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| iconDescription | No | let
| No | string
| undefined
| Specify the ARIA label for the button icon |
+| tooltipAlignment | No | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon.
Only applies to icon-only buttons |
+| tooltipPosition | No | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the position of the tooltip relative to the icon |
+| as | No | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Button let:props><div {...props}>...</div></Button>) |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the button |
+| href | No | let
| No | string
| undefined
| Set the `href` to use an anchor link |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
+| type | No | let
| No | string
| "button"
| Specify the `type` attribute for the button element |
### Slots
@@ -409,9 +409,9 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------- |
-| stacked | let
| No | boolean
| false
| Set to `true` to stack the buttons vertically |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------- |
+| stacked | No | let
| No | boolean
| false
| Set to `true` to stack the buttons vertically |
### Slots
@@ -427,10 +427,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------------------------------------------- | ---------------------- | ------------------------------------ |
-| href | let
| No | string
| undefined
| Set the `href` to use an anchor link |
-| size | let
| No | "default" | "field" | "small" | "lg" | "xl"
| "default"
| Specify the size of button skeleton |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------- | ---------------------- | ------------------------------------ |
+| href | No | let
| No | string
| undefined
| Set the `href` to use an anchor link |
+| size | No | let
| No | "default" | "field" | "small" | "lg" | "xl"
| "default"
| Specify the size of button skeleton |
### Slots
@@ -449,22 +449,22 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | ------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| group | let
| Yes | any[]
| undefined
| Specify the bound group |
-| checked | let
| Yes | boolean
| false
| Specify whether the checkbox is checked |
-| value | let
| No | any
| ""
| Specify the value of the checkbox |
-| indeterminate | let
| No | boolean
| false
| Specify whether the checkbox is indeterminate |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| required | let
| No | boolean
| false
| Set to `true` to mark the field as required |
-| readonly | let
| No | boolean
| false
| Set to `true` for the checkbox to be read-only |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the checkbox |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| name | let
| No | string
| ""
| Set a name for the input element |
-| title | let
| No | string
| undefined
| Specify the title attribute for the label element |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input label |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | ------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| group | No | let
| Yes | any[]
| undefined
| Specify the bound group |
+| checked | No | let
| Yes | boolean
| false
| Specify whether the checkbox is checked |
+| value | No | let
| No | any
| ""
| Specify the value of the checkbox |
+| indeterminate | No | let
| No | boolean
| false
| Specify whether the checkbox is indeterminate |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| required | No | let
| No | boolean
| false
| Set to `true` to mark the field as required |
+| readonly | No | let
| No | boolean
| false
| Set to `true` for the checkbox to be read-only |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the checkbox |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| name | No | let
| No | string
| ""
| Set a name for the input element |
+| title | No | let
| No | string
| undefined
| Specify the title attribute for the label element |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input label |
### Slots
@@ -507,12 +507,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ---------------------- | ----------------------------------------- |
-| clicked | let
| Yes | boolean
| false
| Set to `true` to click the tile |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tile |
-| href | let
| No | string
| undefined
| Set the `href` |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ---------------------- | ----------------------------------------- |
+| clicked | No | let
| Yes | boolean
| false
| Set to `true` to click the tile |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tile |
+| href | No | let
| No | string
| undefined
| Set the `href` |
### Slots
@@ -534,26 +534,26 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------------- | :--------------- | :------- | :--------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLPreElement
| null
| Obtain a reference to the pre HTML element |
-| showMoreLess | let
| Yes | boolean
| false
| Set to `true` to enable the show more/less button |
-| expanded | let
| Yes | boolean
| false
| Set to `true` to expand a multi-line code snippet (type="multi") |
-| type | let
| No | "single" | "inline" | "multi"
| "single"
| Set the type of code snippet |
-| code | let
| No | string
| undefined
| Set the code snippet text
Alternatively, use the default slot (e.g., <CodeSnippet>{`code`}</CodeSnippet>)
You must use the `code` prop to copy the code |
-| copy | let
| No | (code: string) => void
| async (code) => { try { await navigator.clipboard.writeText(code); } catch (e) { console.log(e); } }
| Override the default copy behavior of using the navigator.clipboard.writeText API to copy text |
-| hideCopyButton | let
| No | boolean
| false
| Set to `true` to hide the copy button |
-| disabled | let
| No | boolean
| false
| Set to `true` for the disabled variant
Only applies to the "single", "multi" types |
-| wrapText | let
| No | boolean
| false
| Set to `true` to wrap the text
Note that `type` must be "multi" |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| copyButtonDescription | let
| No | string
| undefined
| Specify the ARIA label for the copy button icon |
-| copyLabel | let
| No | string
| undefined
| Specify the ARIA label of the copy button |
-| feedback | let
| No | string
| "Copied!"
| Specify the feedback text displayed when clicking the snippet |
-| feedbackTimeout | let
| No | number
| 2000
| Set the timeout duration (ms) to display feedback text |
-| showLessText | let
| No | string
| "Show less"
| Specify the show less text
`type` must be "multi" |
-| showMoreText | let
| No | string
| "Show more"
| Specify the show more text
`type` must be "multi" |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the code element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLPreElement
| null
| Obtain a reference to the pre HTML element |
+| showMoreLess | No | let
| Yes | boolean
| false
| Set to `true` to enable the show more/less button |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true` to expand a multi-line code snippet (type="multi") |
+| type | No | let
| No | "single" | "inline" | "multi"
| "single"
| Set the type of code snippet |
+| code | No | let
| No | string
| undefined
| Set the code snippet text
Alternatively, use the default slot (e.g., <CodeSnippet>{`code`}</CodeSnippet>)
You must use the `code` prop to copy the code |
+| copy | No | let
| No | (code: string) => void
| async (code) => { try { await navigator.clipboard.writeText(code); } catch (e) { console.log(e); } }
| Override the default copy behavior of using the navigator.clipboard.writeText API to copy text |
+| hideCopyButton | No | let
| No | boolean
| false
| Set to `true` to hide the copy button |
+| disabled | No | let
| No | boolean
| false
| Set to `true` for the disabled variant
Only applies to the "single", "multi" types |
+| wrapText | No | let
| No | boolean
| false
| Set to `true` to wrap the text
Note that `type` must be "multi" |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| copyButtonDescription | No | let
| No | string
| undefined
| Specify the ARIA label for the copy button icon |
+| copyLabel | No | let
| No | string
| undefined
| Specify the ARIA label of the copy button |
+| feedback | No | let
| No | string
| "Copied!"
| Specify the feedback text displayed when clicking the snippet |
+| feedbackTimeout | No | let
| No | number
| 2000
| Set the timeout duration (ms) to display feedback text |
+| showLessText | No | let
| No | string
| "Show less"
| Specify the show less text
`type` must be "multi" |
+| showMoreText | No | let
| No | string
| "Show more"
| Specify the show more text
`type` must be "multi" |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the code element |
### Slots
@@ -578,9 +578,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------- | --------------------- | ---------------------------- |
-| type | let
| No | "single" | "multi"
| "single"
| Set the type of code snippet |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------------------------ | --------------------- | ---------------------------- |
+| type | No | let
| No | "single" | "multi"
| "single"
| Set the type of code snippet |
### Slots
@@ -612,19 +612,19 @@ export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :------------------------------------------------------------------------------------------------- | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| as | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>) |
-| noGutter | let
| No | boolean
| false
| Set to `true` to remove the gutter |
-| noGutterLeft | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
-| noGutterRight | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
-| padding | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to the column |
-| aspectRatio | let
| No | "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1"
| undefined
| Specify the aspect ratio of the column |
-| sm | let
| No | ColumnBreakpoint
| undefined
| Set the small breakpoint |
-| md | let
| No | ColumnBreakpoint
| undefined
| Set the medium breakpoint |
-| lg | let
| No | ColumnBreakpoint
| undefined
| Set the large breakpoint |
-| xlg | let
| No | ColumnBreakpoint
| undefined
| Set the extra large breakpoint |
-| max | let
| No | ColumnBreakpoint
| undefined
| Set the maximum breakpoint |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------- | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| as | No | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>) |
+| noGutter | No | let
| No | boolean
| false
| Set to `true` to remove the gutter |
+| noGutterLeft | No | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
+| noGutterRight | No | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
+| padding | No | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to the column |
+| aspectRatio | No | let
| No | "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1"
| undefined
| Specify the aspect ratio of the column |
+| sm | No | let
| No | ColumnBreakpoint
| undefined
| Set the small breakpoint |
+| md | No | let
| No | ColumnBreakpoint
| undefined
| Set the medium breakpoint |
+| lg | No | let
| No | ColumnBreakpoint
| undefined
| Set the large breakpoint |
+| xlg | No | let
| No | ColumnBreakpoint
| undefined
| Set the extra large breakpoint |
+| max | No | let
| No | ColumnBreakpoint
| undefined
| Set the maximum breakpoint |
### Slots
@@ -651,32 +651,32 @@ export interface ComboBoxItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------------------- | :-------------------- | :------- | :---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| listRef | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the list HTML element |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the combobox menu dropdown |
-| value | let
| Yes | string
| ""
| Specify the selected combobox value |
-| selectedId | let
| Yes | ComboBoxItemId
| undefined
| Set the selected item by value id |
-| items | let
| No | ComboBoxItem[]
| []
| Set the combobox items |
-| itemToString | let
| No | (item: ComboBoxItem) => string
| (item) => item.text || item.id
| Override the display of a combobox item |
-| direction | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the combobox dropdown menu |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the combobox |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the combobox |
-| titleText | let
| No | string
| ""
| Specify the title text of the combobox |
-| placeholder | let
| No | string
| ""
| Specify the placeholder text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| shouldFilterItem | let
| No | (item: ComboBoxItem, value: string) => boolean
| () => true
| Determine if an item should be filtered given the current combobox value |
-| translateWithId | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
-| translateWithIdSelection | let
| No | (id: "clearSelection") => string
| undefined
| Override the label of the clear button when the input has a selection.
Defaults to "Clear selected item" since a combo box can only have on selection. |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
-| clear | function
| No | (options?: { focus?: boolean; }) => void
| () => { prevSelectedId = null; highlightedIndex = -1; highlightedId = undefined; selectedId = undefined; selectedItem = undefined; open = false; inputValue = ""; if (options?.focus !== false) ref?.focus(); }
| Clear the combo box programmatically |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------------------- | :------- | :-------------------- | :------- | ----------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| listRef | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the list HTML element |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the combobox menu dropdown |
+| value | No | let
| Yes | string
| ""
| Specify the selected combobox value |
+| selectedId | No | let
| Yes | ComboBoxItemId
| undefined
| Set the selected item by value id |
+| items | No | let
| No | ComboBoxItem[]
| []
| Set the combobox items |
+| itemToString | No | let
| No | (item: ComboBoxItem) => string
| (item) => item.text || item.id
| Override the display of a combobox item |
+| direction | No | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the combobox dropdown menu |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the combobox |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the combobox |
+| titleText | No | let
| No | string
| ""
| Specify the title text of the combobox |
+| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| shouldFilterItem | No | let
| No | (item: ComboBoxItem, value: string) => boolean
| () => true
| Determine if an item should be filtered given the current combobox value |
+| translateWithId | No | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
+| translateWithIdSelection | No | let
| No | (id: "clearSelection") => string
| undefined
| Override the label of the clear button when the input has a selection.
Defaults to "Clear selected item" since a combo box can only have on selection. |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
+| clear | No | function
| No | (options?: { focus?: boolean; }) => void
| () => { prevSelectedId = null; highlightedIndex = -1; highlightedId = undefined; selectedId = undefined; selectedItem = undefined; open = false; inputValue = ""; if (options?.focus !== false) ref?.focus(); }
| Clear the combo box programmatically |
### Slots
@@ -700,15 +700,15 @@ export interface ComboBoxItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------------- | :--------------- | :------- | :---------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the modal |
-| size | let
| No | "xs" | "sm" | "lg"
| undefined
| Set the size of the composed modal |
-| danger | let
| No | boolean
| false
| Set to `true` to use the danger variant |
-| preventCloseOnClickOutside | let
| No | boolean
| false
| Set to `true` to prevent the modal from closing when clicking outside |
-| containerClass | let
| No | string
| ""
| Specify a class for the inner modal |
-| selectorPrimaryFocus | let
| No | null | string
| "[data-modal-primary-focus]"
| Specify a selector to be focused when opening the modal |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------------- | :------- | :--------------- | :------- | ----------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the modal |
+| size | No | let
| No | "xs" | "sm" | "lg"
| undefined
| Set the size of the composed modal |
+| danger | No | let
| No | boolean
| false
| Set to `true` to use the danger variant |
+| preventCloseOnClickOutside | No | let
| No | boolean
| false
| Set to `true` to prevent the modal from closing when clicking outside |
+| containerClass | No | let
| No | string
| ""
| Specify a class for the inner modal |
+| selectorPrimaryFocus | No | let
| No | null | string
| "[data-modal-primary-focus]"
| Specify a selector to be focused when opening the modal |
### Slots
@@ -735,9 +735,9 @@ export interface ComboBoxItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------ | --------------------------- | ----------------------------------- |
-| id | let
| No | string
| "main-content"
| Specify the id for the main element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------- | --------------------------- | ----------------------------------- |
+| id | No | let
| No | string
| "main-content"
| Specify the id for the main element |
### Slots
@@ -753,10 +753,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :---------------------------- | ---------------------- | ----------------------------------------- |
-| selectedIndex | let
| Yes | number
| 0
| Set the selected index of the switch item |
-| size | let
| No | "sm" | "xl"
| undefined
| Specify the size of the content switcher |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | ----------------------------- | ---------------------- | ----------------------------------------- |
+| selectedIndex | No | let
| Yes | number
| 0
| Set the selected index of the switch item |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Specify the size of the content switcher |
### Slots
@@ -778,13 +778,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------------------------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLUListElement
| null
| Obtain a reference to the unordered list HTML element |
-| y | let
| Yes | number
| 0
| Specify the vertical offset of the menu position |
-| x | let
| Yes | number
| 0
| Specify the horizontal offset of the menu position |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the menu
Either `x` and `y` must be greater than zero |
-| target | let
| No | null | HTMLElement | HTMLElement[]
| null
| Specify an element or list of elements to trigger the context menu.
If no element is specified, the context menu applies to the entire window |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLUListElement
| null
| Obtain a reference to the unordered list HTML element |
+| y | No | let
| Yes | number
| 0
| Specify the vertical offset of the menu position |
+| x | No | let
| Yes | number
| 0
| Specify the horizontal offset of the menu position |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the menu
Either `x` and `y` must be greater than zero |
+| target | No | let
| No | null | HTMLElement | HTMLElement[]
| null
| Specify an element or list of elements to trigger the context menu.
If no element is specified, the context menu applies to the entire window |
### Slots
@@ -819,10 +819,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :-------------------- | --------------- | ---------------------- |
-| selectedIds | let
| Yes | string[]
| []
| -- |
-| labelText | let
| No | string
| ""
| Specify the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | --------------------- | --------------- | ---------------------- |
+| selectedIds | No | let
| Yes | string[]
| []
| -- |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
### Slots
@@ -838,18 +838,18 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------- | :--------------- | :------- | :--------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLLIElement
| null
| Obtain a reference to the list item HTML element |
-| selectable | let
| Yes | boolean
| false
| Set to `true` to enable the selectable variant
Automatically set to `true` if `selected` is `true` |
-| selected | let
| Yes | boolean
| false
| Set to `true` to use the selected variant |
-| icon | let
| Yes | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render
Icon is rendered to the left of the label text |
-| indented | let
| Yes | boolean
| false
| Set to `true` to indent the label |
-| kind | let
| No | "default" | "danger"
| "default"
| Specify the kind of option |
-| disabled | let
| No | boolean
| false
| Set to `true` to enable the disabled state |
-| labelText | let
| No | string
| ""
| Specify the label text
Alternatively, use the "labelText" slot (e.g., <span slot="labelText">...</span>) |
-| shortcutText | let
| No | string
| ""
| Specify the shortcut text
Alternatively, use the "shortcutText" slot (e.g., <span slot="shortcutText">...</span>) |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Specify the id
It's recommended to provide an id as a value to bind to within a selectable/radio menu group |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLLIElement
| null
| Obtain a reference to the list item HTML element |
+| selectable | No | let
| Yes | boolean
| false
| Set to `true` to enable the selectable variant
Automatically set to `true` if `selected` is `true` |
+| selected | No | let
| Yes | boolean
| false
| Set to `true` to use the selected variant |
+| icon | No | let
| Yes | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render
Icon is rendered to the left of the label text |
+| indented | No | let
| Yes | boolean
| false
| Set to `true` to indent the label |
+| kind | No | let
| No | "default" | "danger"
| "default"
| Specify the kind of option |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to enable the disabled state |
+| labelText | No | let
| No | string
| ""
| Specify the label text
Alternatively, use the "labelText" slot (e.g., <span slot="labelText">...</span>) |
+| shortcutText | No | let
| No | string
| ""
| Specify the shortcut text
Alternatively, use the "shortcutText" slot (e.g., <span slot="shortcutText">...</span>) |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Specify the id
It's recommended to provide an id as a value to bind to within a selectable/radio menu group |
### Slots
@@ -873,10 +873,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :------------------ | --------------- | ------------------------------- |
-| selectedId | let
| Yes | string
| ""
| Set the selected radio group id |
-| labelText | let
| No | string
| ""
| Specify the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | ------------------- | --------------- | ------------------------------- |
+| selectedId | No | let
| Yes | string
| ""
| Set the selected radio group id |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
### Slots
@@ -892,13 +892,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :---------------------------------- | ----------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
-| feedback | let
| No | string
| "Copied!"
| Set the feedback text shown after clicking the button |
-| feedbackTimeout | let
| No | number
| 2000
| Set the timeout duration (ms) to display feedback text |
-| iconDescription | let
| No | string
| "Copy to clipboard"
| Set the title and ARIA label for the copy button |
-| text | let
| No | string
| undefined
| Specify the text to copy |
-| copy | let
| No | (text: string) => void
| async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } }
| Override the default copy behavior of using the navigator.clipboard.writeText API to copy text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ----------------------------------- | ----------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
+| feedback | No | let
| No | string
| "Copied!"
| Set the feedback text shown after clicking the button |
+| feedbackTimeout | No | let
| No | number
| 2000
| Set the timeout duration (ms) to display feedback text |
+| iconDescription | No | let
| No | string
| "Copy to clipboard"
| Set the title and ARIA label for the copy button |
+| text | Yes | let
| No | string
| undefined
| Specify the text to copy |
+| copy | No | let
| No | (text: string) => void
| async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } }
| Override the default copy behavior of using the navigator.clipboard.writeText API to copy text |
### Slots
@@ -959,28 +959,28 @@ export interface DataTableCell {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :------------------------------------------------------------------ | ---------------------- | ------------------------------------------------------------------------------------------------------------------- |
-| selectedRowIds | let
| Yes | DataTableRowId[]
| []
| Specify the row ids to be selected |
-| selectable | let
| Yes | boolean
| false
| Set to `true` for the selectable variant
Automatically set to `true` if `radio` or `batchSelection` are `true` |
-| expandedRowIds | let
| Yes | DataTableRowId[]
| []
| Specify the row ids to be expanded |
-| expandable | let
| Yes | boolean
| false
| Set to `true` for the expandable variant
Automatically set to `true` if `batchExpansion` is `true` |
-| headers | let
| No | DataTableHeader[]
| []
| Specify the data table headers |
-| rows | let
| No | DataTableRow[]
| []
| Specify the rows the data table should render
keys defined in `headers` are used for the row ids |
-| size | let
| No | "compact" | "short" | "medium" | "tall"
| undefined
| Set the size of the data table |
-| title | let
| No | string
| ""
| Specify the title of the data table |
-| description | let
| No | string
| ""
| Specify the description of the data table |
-| zebra | let
| No | boolean
| false
| Set to `true` to use zebra styles |
-| sortable | let
| No | boolean
| false
| Set to `true` for the sortable variant |
-| batchExpansion | let
| No | boolean
| false
| Set to `true` to enable batch expansion |
-| nonExpandableRowIds | let
| No | DataTableRowId[]
| []
| Specify the ids for rows that should not be expandable |
-| radio | let
| No | boolean
| false
| Set to `true` for the radio selection variant |
-| batchSelection | let
| No | boolean
| false
| Set to `true` to enable batch selection |
-| nonSelectableRowIds | let
| No | DataTableRowId[]
| []
| Specify the ids of rows that should not be selectable |
-| stickyHeader | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
-| useStaticWidth | let
| No | boolean
| false
| Set to `true` to use static width |
-| pageSize | let
| No | number
| 0
| Specify the number of items to display in a page |
-| page | let
| No | number
| 0
| Set to `number` to set current page |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | ------------------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| selectedRowIds | No | let
| Yes | DataTableRowId[]
| []
| Specify the row ids to be selected |
+| selectable | No | let
| Yes | boolean
| false
| Set to `true` for the selectable variant
Automatically set to `true` if `radio` or `batchSelection` are `true` |
+| expandedRowIds | No | let
| Yes | DataTableRowId[]
| []
| Specify the row ids to be expanded |
+| expandable | No | let
| Yes | boolean
| false
| Set to `true` for the expandable variant
Automatically set to `true` if `batchExpansion` is `true` |
+| headers | No | let
| No | DataTableHeader[]
| []
| Specify the data table headers |
+| rows | No | let
| No | DataTableRow[]
| []
| Specify the rows the data table should render
keys defined in `headers` are used for the row ids |
+| size | No | let
| No | "compact" | "short" | "medium" | "tall"
| undefined
| Set the size of the data table |
+| title | No | let
| No | string
| ""
| Specify the title of the data table |
+| description | No | let
| No | string
| ""
| Specify the description of the data table |
+| zebra | No | let
| No | boolean
| false
| Set to `true` to use zebra styles |
+| sortable | No | let
| No | boolean
| false
| Set to `true` for the sortable variant |
+| batchExpansion | No | let
| No | boolean
| false
| Set to `true` to enable batch expansion |
+| nonExpandableRowIds | No | let
| No | DataTableRowId[]
| []
| Specify the ids for rows that should not be expandable |
+| radio | No | let
| No | boolean
| false
| Set to `true` for the radio selection variant |
+| batchSelection | No | let
| No | boolean
| false
| Set to `true` to enable batch selection |
+| nonSelectableRowIds | No | let
| No | DataTableRowId[]
| []
| Specify the ids of rows that should not be selectable |
+| stickyHeader | No | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
+| useStaticWidth | No | let
| No | boolean
| false
| Set to `true` to use static width |
+| pageSize | No | let
| No | number
| 0
| Specify the number of items to display in a page |
+| page | No | let
| No | number
| 0
| Set to `number` to set current page |
### Slots
@@ -1010,15 +1010,15 @@ export interface DataTableCell {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------------------------------------------ | ---------------------- | -------------------------------------------------------------------------------------------- |
-| columns | let
| No | number
| 5
| Specify the number of columns
Superseded by `headers` if `headers` is a non-empty array |
-| rows | let
| No | number
| 5
| Specify the number of rows |
-| size | let
| No | "compact" | "short" | "tall"
| undefined
| Set the size of the data table |
-| zebra | let
| No | boolean
| false
| Set to `true` to apply zebra styles to the datatable rows |
-| showHeader | let
| No | boolean
| true
| Set to `false` to hide the header |
-| headers | let
| No | string[] | Partial
| []
| Set the column headers
Supersedes `columns` if value is a non-empty array |
-| showToolbar | let
| No | boolean
| true
| Set to `false` to hide the toolbar |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | ------------------------------------------------------- | ---------------------- | -------------------------------------------------------------------------------------------- |
+| columns | No | let
| No | number
| 5
| Specify the number of columns
Superseded by `headers` if `headers` is a non-empty array |
+| rows | No | let
| No | number
| 5
| Specify the number of rows |
+| size | No | let
| No | "compact" | "short" | "tall"
| undefined
| Set the size of the data table |
+| zebra | No | let
| No | boolean
| false
| Set to `true` to apply zebra styles to the datatable rows |
+| showHeader | No | let
| No | boolean
| true
| Set to `false` to hide the header |
+| headers | No | let
| No | string[] | Partial
| []
| Set the column headers
Supersedes `columns` if value is a non-empty array |
+| showToolbar | No | let
| No | boolean
| true
| Set to `false` to hide the toolbar |
### Slots
@@ -1037,20 +1037,20 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :--------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------- |
-| valueTo | let
| Yes | string
| ""
| Specify the date picker end date value (to)
Only works with the "range" date picker type |
-| valueFrom | let
| Yes | string
| ""
| Specify the date picker start date value (from)
Only works with the "range" date picker type |
-| value | let
| Yes | number | string
| ""
| Specify the date picker input value |
-| datePickerType | let
| No | "simple" | "single" | "range"
| "simple"
| Specify the date picker type |
-| dateFormat | let
| No | string
| "m/d/Y"
| Specify the date format |
-| maxDate | let
| No | null | string | Date
| null
| Specify the maximum date |
-| minDate | let
| No | null | string | Date
| null
| Specify the minimum date |
-| locale | let
| No | import("flatpickr/dist/types/locale").CustomLocale | import("flatpickr/dist/types/locale").key
| "en"
| Specify the locale |
-| short | let
| No | boolean
| false
| Set to `true` to use the short variant |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the date picker element |
-| flatpickrProps | let
| No | import("flatpickr/dist/types/options").Options
| { static: true }
| Override the options passed to the Flatpickr instance.
@see https://flatpickr.js.org/options |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------- |
+| valueTo | No | let
| Yes | string
| ""
| Specify the date picker end date value (to)
Only works with the "range" date picker type |
+| valueFrom | No | let
| Yes | string
| ""
| Specify the date picker start date value (from)
Only works with the "range" date picker type |
+| value | No | let
| Yes | number | string
| ""
| Specify the date picker input value |
+| datePickerType | No | let
| No | "simple" | "single" | "range"
| "simple"
| Specify the date picker type |
+| dateFormat | No | let
| No | string
| "m/d/Y"
| Specify the date format |
+| maxDate | No | let
| No | null | string | Date
| null
| Specify the maximum date |
+| minDate | No | let
| No | null | string | Date
| null
| Specify the minimum date |
+| locale | No | let
| No | import("flatpickr/dist/types/locale").CustomLocale | import("flatpickr/dist/types/locale").key
| "en"
| Specify the locale |
+| short | No | let
| No | boolean
| false
| Set to `true` to use the short variant |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the date picker element |
+| flatpickrProps | No | let
| No | import("flatpickr/dist/types/options").Options
| { static: true }
| Override the options passed to the Flatpickr instance.
@see https://flatpickr.js.org/options |
### Slots
@@ -1072,24 +1072,24 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | -------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
-| type | let
| No | string
| "text"
| Specify the input type |
-| placeholder | let
| No | string
| ""
| Specify the input placeholder text |
-| pattern | let
| No | string
| "\\d{1,2}\\/\\d{1,2}\\/\\d{4}"
| Specify the Regular Expression for the input value |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| iconDescription | let
| No | string
| ""
| Specify the ARIA label for the calendar icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| name | let
| No | string
| undefined
| Set a name for the input element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | -------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
+| type | No | let
| No | string
| "text"
| Specify the input type |
+| placeholder | No | let
| No | string
| ""
| Specify the input placeholder text |
+| pattern | No | let
| No | string
| "\\d{1,2}\\/\\d{1,2}\\/\\d{4}"
| Specify the Regular Expression for the input value |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| iconDescription | No | let
| No | string
| ""
| Specify the ARIA label for the calendar icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| name | No | let
| No | string
| undefined
| Set a name for the input element |
### Slots
@@ -1110,10 +1110,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | ----------------------------------------- |
-| range | let
| No | boolean
| false
| Set to `true` to use the range variant |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id to be used by the label element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------------------------------------ | ----------------------------------------- |
+| range | No | let
| No | boolean
| false
| Set to `true` to use the range variant |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id to be used by the label element |
### Slots
@@ -1145,30 +1145,30 @@ export interface DropdownItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :---------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| inline | let
| Yes | boolean
| false
| Set to `true` to use the inline variant |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the dropdown |
-| selectedId | let
| Yes | DropdownItemId
| undefined
| Specify the selected item id |
-| items | let
| No | DropdownItem[]
| []
| Set the dropdown items |
-| itemToString | let
| No | (item: DropdownItem) => string
| (item) => item.text || item.id
| Override the display of a dropdown item |
-| type | let
| No | "default" | "inline"
| "default"
| Specify the type of dropdown |
-| direction | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the dropdown menu |
-| size | let
| No | "sm" | "lg" | "xl"
| undefined
| Specify the size of the dropdown field |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the dropdown |
-| titleText | let
| No | string
| ""
| Specify the title text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| label | let
| No | string
| undefined
| Specify the list box label |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| translateWithId | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
-| name | let
| No | string
| undefined
| Specify a name attribute for the list box |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| inline | No | let
| Yes | boolean
| false
| Set to `true` to use the inline variant |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the dropdown |
+| selectedId | Yes | let
| Yes | DropdownItemId
| undefined
| Specify the selected item id |
+| items | No | let
| No | DropdownItem[]
| []
| Set the dropdown items |
+| itemToString | No | let
| No | (item: DropdownItem) => string
| (item) => item.text || item.id
| Override the display of a dropdown item |
+| type | No | let
| No | "default" | "inline"
| "default"
| Specify the type of dropdown |
+| direction | No | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the dropdown menu |
+| size | No | let
| No | "sm" | "lg" | "xl"
| undefined
| Specify the size of the dropdown field |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the dropdown |
+| titleText | No | let
| No | string
| ""
| Specify the title text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| label | No | let
| No | string
| undefined
| Specify the list box label |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| translateWithId | No | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the list box |
### Slots
@@ -1186,9 +1186,9 @@ export interface DropdownItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------- |
-| inline | let
| No | boolean
| false
| Set to `true` to use the inline variant |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------- |
+| inline | No | let
| No | boolean
| false
| Set to `true` to use the inline variant |
### Slots
@@ -1207,19 +1207,19 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ----------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the top-level element |
-| tilePadding | let
| Yes | number
| 0
| Specify the padding of the tile (number of pixels) |
-| tileMaxHeight | let
| Yes | number
| 0
| Specify the max height of the tile (number of pixels) |
-| expanded | let
| Yes | boolean
| false
| Set to `true` to expand the tile |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| tileCollapsedIconText | let
| No | string
| "Interact to expand Tile"
| Specify the icon text of the collapsed tile |
-| tileExpandedIconText | let
| No | string
| "Interact to collapse Tile"
| Specify the icon text of the expanded tile |
-| tileExpandedLabel | let
| No | string
| ""
| Specify the icon label of the expanded tile |
-| tileCollapsedLabel | let
| No | string
| ""
| Specify the icon label of the collapsed tile |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level div element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------------- | :------- | :--------------- | :------- | ------------------------------------------ | ------------------------------------------------ | ----------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the top-level element |
+| tilePadding | No | let
| Yes | number
| 0
| Specify the padding of the tile (number of pixels) |
+| tileMaxHeight | No | let
| Yes | number
| 0
| Specify the max height of the tile (number of pixels) |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true` to expand the tile |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| tileCollapsedIconText | No | let
| No | string
| "Interact to expand Tile"
| Specify the icon text of the collapsed tile |
+| tileExpandedIconText | No | let
| No | string
| "Interact to collapse Tile"
| Specify the icon text of the expanded tile |
+| tileExpandedLabel | No | let
| No | string
| ""
| Specify the icon label of the expanded tile |
+| tileCollapsedLabel | No | let
| No | string
| ""
| Specify the icon label of the collapsed tile |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level div element |
### Slots
@@ -1242,20 +1242,20 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :----------------- | :------- | :----------------------------------------------------------------------------------------- | --------------------------------------- | ----------------------------------------------------------- |
-| files | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
-| status | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file uploader status |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the file uploader |
-| accept | let
| No | string[]
| []
| Specify the accepted file types |
-| multiple | let
| No | boolean
| false
| Set to `true` to allow multiple files |
-| clearFiles | const
| No | () => void
| () => { files = []; }
| Programmatically clear the uploaded files |
-| labelDescription | let
| No | string
| ""
| Specify the label description |
-| labelTitle | let
| No | string
| ""
| Specify the label title |
-| kind | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger"
| "primary"
| Specify the kind of file uploader button |
-| buttonLabel | let
| No | string
| ""
| Specify the button label |
-| iconDescription | let
| No | string
| "Provide icon description"
| Specify the ARIA label used for the status icons |
-| name | let
| No | string
| ""
| Specify a name attribute for the file button uploader input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :----------------- | :------- | ------------------------------------------------------------------------------------------ | --------------------------------------- | ----------------------------------------------------------- |
+| files | No | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
+| status | No | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file uploader status |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the file uploader |
+| accept | No | let
| No | string[]
| []
| Specify the accepted file types |
+| multiple | No | let
| No | boolean
| false
| Set to `true` to allow multiple files |
+| clearFiles | No | const
| No | () => void
| () => { files = []; }
| Programmatically clear the uploaded files |
+| labelDescription | No | let
| No | string
| ""
| Specify the label description |
+| labelTitle | No | let
| No | string
| ""
| Specify the label title |
+| kind | No | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger"
| "primary"
| Specify the kind of file uploader button |
+| buttonLabel | No | let
| No | string
| ""
| Specify the button label |
+| iconDescription | No | let
| No | string
| "Provide icon description"
| Specify the ARIA label used for the status icons |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the file button uploader input |
### Slots
@@ -1278,20 +1278,20 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :----------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| labelText | let
| Yes | string
| "Add file"
| Specify the label text |
-| files | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
-| accept | let
| No | string[]
| []
| Specify the accepted file types |
-| multiple | let
| No | boolean
| false
| Set to `true` to allow multiple files |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| disableLabelChanges | let
| No | boolean
| false
| Set to `true` to disable label changes |
-| kind | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger"
| "primary"
| Specify the kind of file uploader button |
-| role | let
| No | string
| "button"
| Specify the label role |
-| tabindex | let
| No | string
| "0"
| Specify `tabindex` attribute |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------ | -------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| labelText | No | let
| Yes | string
| "Add file"
| Specify the label text |
+| files | No | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
+| accept | No | let
| No | string[]
| []
| Specify the accepted file types |
+| multiple | No | let
| No | boolean
| false
| Set to `true` to allow multiple files |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| disableLabelChanges | No | let
| No | boolean
| false
| Set to `true` to disable label changes |
+| kind | No | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger"
| "primary"
| Specify the kind of file uploader button |
+| role | No | let
| No | string
| "button"
| Specify the label role |
+| tabindex | No | let
| No | string
| "0"
| Specify `tabindex` attribute |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the input |
### Slots
@@ -1311,19 +1311,19 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| files | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
-| accept | let
| No | string[]
| []
| Specify the accepted file types |
-| multiple | let
| No | boolean
| false
| Set to `true` to allow multiple files |
-| validateFiles | let
| No | (files: File[]) => File[]
| (files) => files
| Override the default behavior of validating uploaded files
The default behavior does not validate files |
-| labelText | let
| No | string
| "Add file"
| Specify the label text |
-| role | let
| No | string
| "button"
| Specify the `role` attribute of the drop container |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| tabindex | let
| No | string
| "0"
| Specify `tabindex` attribute |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| files | No | let
| Yes | File[]
| []
| Obtain a reference to the uploaded files |
+| accept | No | let
| No | string[]
| []
| Specify the accepted file types |
+| multiple | No | let
| No | boolean
| false
| Set to `true` to allow multiple files |
+| validateFiles | No | let
| No | (files: File[]) => File[]
| (files) => files
| Override the default behavior of validating uploaded files
The default behavior does not validate files |
+| labelText | No | let
| No | string
| "Add file"
| Specify the label text |
+| role | No | let
| No | string
| "button"
| Specify the `role` attribute of the drop container |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| tabindex | No | let
| No | string
| "0"
| Specify `tabindex` attribute |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the input |
### Slots
@@ -1347,16 +1347,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------ |
-| status | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file uploader status |
-| size | let
| No | "default" | "field" | "small"
| "default"
| Specify the size of button skeleton |
-| iconDescription | let
| No | string
| ""
| Specify the ARIA label used for the status icons |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| errorSubject | let
| No | string
| ""
| Specify the error subject text |
-| errorBody | let
| No | string
| ""
| Specify the error body text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
-| name | let
| No | string
| ""
| Specify the file uploader name |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------ |
+| status | No | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file uploader status |
+| size | No | let
| No | "default" | "field" | "small"
| "default"
| Specify the size of button skeleton |
+| iconDescription | No | let
| No | string
| ""
| Specify the ARIA label used for the status icons |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| errorSubject | No | let
| No | string
| ""
| Specify the error subject text |
+| errorBody | No | let
| No | string
| ""
| Specify the error body text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| name | No | let
| No | string
| ""
| Specify the file uploader name |
### Slots
@@ -1394,11 +1394,11 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------------------------------------------- | ------------------------ | ------------------------------------------------ |
-| status | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file name status |
-| iconDescription | let
| No | string
| ""
| Specify the ARIA label used for the status icons |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------------------------------------------- | ------------------------ | ------------------------------------------------ |
+| status | No | let
| No | "uploading" | "edit" | "complete"
| "uploading"
| Specify the file name status |
+| iconDescription | No | let
| No | string
| ""
| Specify the ARIA label used for the status icons |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
### Slots
@@ -1438,9 +1438,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------- | ----------------- | -------------------------------------- |
-| ref | let
| Yes | null | HTMLFormElement
| null
| Obtain a reference to the form element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------- | ----------------- | -------------------------------------- |
+| ref | No | let
| Yes | null | HTMLFormElement
| null
| Obtain a reference to the form element |
### Slots
@@ -1463,14 +1463,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------- |
-| noMargin | let
| No | boolean
| false
| Set to `true` for to remove the bottom margin |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| message | let
| No | boolean
| false
| Set to `true` to render a form requirement |
-| messageText | let
| No | string
| ""
| Specify the message text |
-| legendText | let
| No | string
| ""
| Specify the legend text |
-| legendId | let
| No | string
| ""
| Specify an id for the legend element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------- |
+| noMargin | No | let
| No | boolean
| false
| Set to `true` for to remove the bottom margin |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| message | No | let
| No | boolean
| false
| Set to `true` to render a form requirement |
+| messageText | No | let
| No | string
| ""
| Specify the message text |
+| legendText | No | let
| No | string
| ""
| Specify the legend text |
+| legendId | No | let
| No | string
| ""
| Specify an id for the legend element |
### Slots
@@ -1512,9 +1512,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------ | ------------------------------------------------ | ----------------------------------------- |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id to be used by the label element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------- | ------------------------------------------------ | ----------------------------------------- |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id to be used by the label element |
### Slots
@@ -1535,16 +1535,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| as | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Grid let:props><header {...props}>...</header></Grid>) |
-| condensed | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
-| narrow | let
| No | boolean
| false
| Set to `true` to use the narrow variant |
-| fullWidth | let
| No | boolean
| false
| Set to `true` to use the fullWidth variant |
-| noGutter | let
| No | boolean
| false
| Set to `true` to remove the gutter |
-| noGutterLeft | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
-| noGutterRight | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
-| padding | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to all columns |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| as | No | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Grid let:props><header {...props}>...</header></Grid>) |
+| condensed | No | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
+| narrow | No | let
| No | boolean
| false
| Set to `true` to use the narrow variant |
+| fullWidth | No | let
| No | boolean
| false
| Set to `true` to use the fullWidth variant |
+| noGutter | No | let
| No | boolean
| false
| Set to `true` to remove the gutter |
+| noGutterLeft | No | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
+| noGutterRight | No | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
+| padding | No | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to all columns |
### Slots
@@ -1560,19 +1560,19 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------------------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| isSideNavOpen | let
| Yes | boolean
| false
| Set to `true` to open the side nav |
-| expandedByDefault | let
| No | boolean
| true
| Set to `false` to hide the side nav by default |
-| uiShellAriaLabel | let
| No | string
| undefined
| Specify the ARIA label for the header |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
-| company | let
| No | string
| undefined
| Specify the company name |
-| platformName | let
| No | string
| ""
| Specify the platform name
Alternatively, use the named slot "platform" (e.g., <span slot="platform">...</span>) |
-| persistentHamburgerMenu | let
| No | boolean
| false
| Set to `true` to persist the hamburger menu |
-| expansionBreakpoint | let
| No | number
| 1056
| The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 |
-| iconMenu | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the closed state.
Defaults to `<Menu size={20} />` |
-| iconClose | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the opened state.
Defaults to `<Close size={20} />` |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| isSideNavOpen | No | let
| Yes | boolean
| false
| Set to `true` to open the side nav |
+| expandedByDefault | No | let
| No | boolean
| true
| Set to `false` to hide the side nav by default |
+| uiShellAriaLabel | No | let
| No | string
| undefined
| Specify the ARIA label for the header |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
+| company | No | let
| No | string
| undefined
| Specify the company name |
+| platformName | No | let
| No | string
| ""
| Specify the platform name
Alternatively, use the named slot "platform" (e.g., <span slot="platform">...</span>) |
+| persistentHamburgerMenu | No | let
| No | boolean
| false
| Set to `true` to persist the hamburger menu |
+| expansionBreakpoint | No | let
| No | number
| 1056
| The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 |
+| iconMenu | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the closed state.
Defaults to `<Menu size={20} />` |
+| iconClose | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the opened state.
Defaults to `<Close size={20} />` |
### Slots
@@ -1592,14 +1592,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :---------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| isOpen | let
| Yes | boolean
| false
| Set to `true` to open the panel |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is closed.
Defaults to `<Switcher size={20} />` |
-| closeIcon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is open.
Defaults to `<Close size={20} />` |
-| text | let
| No | string
| undefined
| Specify the text
Alternatively, use the named slot "text" (e.g., <div slot="text">...</div>) |
-| transition | let
| No | false | import("svelte/transition").SlideParams
| { duration: 200 }
| Customize the panel transition (i.e., `transition:slide`).
Set to `false` to disable the transition |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| isOpen | No | let
| Yes | boolean
| false
| Set to `true` to open the panel |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is closed.
Defaults to `<Switcher size={20} />` |
+| closeIcon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render when the action panel is open.
Defaults to `<Close size={20} />` |
+| text | No | let
| No | string
| undefined
| Specify the text
Alternatively, use the named slot "text" (e.g., <div slot="text">...</div>) |
+| transition | No | let
| No | false | import("svelte/transition").SlideParams
| { duration: 200 }
| Customize the panel transition (i.e., `transition:slide`).
Set to `false` to disable the transition |
### Slots
@@ -1622,12 +1622,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| linkIsActive | let
| No | boolean
| false
| Set to `true` to use the active state |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| linkIsActive | No | let
| No | boolean
| false
| Set to `true` to use the active state |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
### Slots
@@ -1643,11 +1643,11 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the HTML button element |
-| isActive | let
| No | boolean
| false
| Set to `true` to use the active variant |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the HTML button element |
+| isActive | No | let
| No | boolean
| false
| Set to `true` to use the active variant |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
### Slots
@@ -1681,12 +1681,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :----------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
-| text | let
| No | string
| undefined
| Specify the text |
-| isSelected | let
| No | boolean
| false
| Set to `true` to select the item |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
+| text | No | let
| No | string
| undefined
| Specify the text |
+| isSelected | No | let
| No | boolean
| false
| Set to `true` to select the item |
### Slots
@@ -1709,12 +1709,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| expanded | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
-| href | let
| No | string
| "/"
| Specify the `href` attribute |
-| text | let
| No | string
| undefined
| Specify the text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
+| href | No | let
| No | string
| "/"
| Specify the `href` attribute |
+| text | No | let
| No | string
| undefined
| Specify the text |
### Slots
@@ -1755,10 +1755,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
### Slots
@@ -1802,13 +1802,13 @@ export interface HeaderSearchResult {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :---------------------------------------- | ------------------ | -------------------------------------------------- |
-| selectedResultIndex | let
| Yes | number
| 0
| Specify the selected result index |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| active | let
| Yes | boolean
| false
| Set to `true` to activate and focus the search bar |
-| value | let
| Yes | string
| ""
| Specify the search input value |
-| results | let
| No | HeaderSearchResult[]
| []
| Render a list of search results |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | ----------------------------------------- | ------------------ | -------------------------------------------------- |
+| selectedResultIndex | No | let
| Yes | number
| 0
| Specify the selected result index |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| active | No | let
| Yes | boolean
| false
| Set to `true` to activate and focus the search bar |
+| value | No | let
| Yes | string
| ""
| Specify the search input value |
+| results | No | let
| No | HeaderSearchResult[]
| []
| Render a list of search results |
### Slots
@@ -1850,16 +1850,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :----------------- | :------- | :-------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
-| error | let
| Yes | boolean
| false
| Set to `true` if an error occurs when loading the image |
-| loaded | let
| Yes | boolean
| false
| Set to `true` when the image is loaded |
-| loading | let
| Yes | boolean
| false
| Set to `true` when `loaded` is `true` and `error` is false |
-| src | let
| No | string
| ""
| Specify the image source |
-| alt | let
| No | string
| ""
| Specify the image alt text |
-| ratio | let
| No | "2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "3x2" | "9x16" | "1x2"
| undefined
| Specify the aspect ratio for the image wrapper |
-| fadeIn | let
| No | boolean
| false
| Set to `true` to fade in the image on load
The duration uses the `fast-02` value following Carbon guidelines on motion |
-| loadImage | const
| No | (url?: string) => void
| (url) => { if (image != null) image = null; loaded = false; error = false; image = new Image(); image.src = url || src; image.onload = () => (loaded = true); image.onerror = () => (error = true); }
| Method invoked to load the image provided a `src` value |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :----------------- | :------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
+| error | No | let
| Yes | boolean
| false
| Set to `true` if an error occurs when loading the image |
+| loaded | No | let
| Yes | boolean
| false
| Set to `true` when the image is loaded |
+| loading | No | let
| Yes | boolean
| false
| Set to `true` when `loaded` is `true` and `error` is false |
+| src | No | let
| No | string
| ""
| Specify the image source |
+| alt | No | let
| No | string
| ""
| Specify the image alt text |
+| ratio | No | let
| No | "2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "3x2" | "9x16" | "1x2"
| undefined
| Specify the aspect ratio for the image wrapper |
+| fadeIn | No | let
| No | boolean
| false
| Set to `true` to fade in the image on load
The duration uses the `fast-02` value following Carbon guidelines on motion |
+| loadImage | No | const
| No | (url?: string) => void
| (url) => { if (image != null) image = null; loaded = false; error = false; image = new Image(); image.src = url || src; image.onload = () => (loaded = true); image.onerror = () => (error = true); }
| Method invoked to load the image provided a `src` value |
### Slots
@@ -1879,12 +1879,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :----------------------------------------------------------------------- | ---------------------- | ----------------------------------------------------------------- |
-| status | let
| No | "active" | "inactive" | "finished" | "error"
| "active"
| Set the loading status |
-| description | let
| No | string
| undefined
| Set the loading description |
-| iconDescription | let
| No | string
| undefined
| Specify the ARIA label for the loading icon |
-| successDelay | let
| No | number
| 1500
| Specify the timeout delay (ms) after `status` is set to "success" |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ------------------------------------------------------------------------ | ---------------------- | ----------------------------------------------------------------- |
+| status | No | let
| No | "active" | "inactive" | "finished" | "error"
| "active"
| Set the loading status |
+| description | No | let
| No | string
| undefined
| Set the loading description |
+| iconDescription | No | let
| No | string
| undefined
| Specify the ARIA label for the loading icon |
+| successDelay | No | let
| No | number
| 1500
| Specify the timeout delay (ms) after `status` is set to "success" |
### Slots
@@ -1904,16 +1904,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
-| kind | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification |
-| lowContrast | let
| No | boolean
| false
| Set to `true` to use the low contrast variant |
-| timeout | let
| No | number
| 0
| Set the timeout duration (ms) to hide the notification after opening it |
-| role | let
| No | string
| "alert"
| Set the `role` attribute |
-| title | let
| No | string
| ""
| Specify the title text |
-| subtitle | let
| No | string
| ""
| Specify the subtitle text |
-| hideCloseButton | let
| No | boolean
| false
| Set to `true` to hide the close button |
-| iconDescription | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
+| kind | No | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification |
+| lowContrast | No | let
| No | boolean
| false
| Set to `true` to use the low contrast variant |
+| timeout | No | let
| No | number
| 0
| Set the timeout duration (ms) to hide the notification after opening it |
+| role | No | let
| No | string
| "alert"
| Set the `role` attribute |
+| title | No | let
| No | string
| ""
| Specify the title text |
+| subtitle | No | let
| No | string
| ""
| Specify the subtitle text |
+| hideCloseButton | No | let
| No | boolean
| false
| Set to `true` to hide the close button |
+| iconDescription | No | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
### Slots
@@ -1938,15 +1938,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------------------------------------- | ---------------------- | -------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement | HTMLParagraphElement
| null
| Obtain a reference to the top-level HTML element |
-| size | let
| No | "sm" | "lg"
| undefined
| Specify the size of the link |
-| href | let
| No | string
| undefined
| Specify the href value |
-| inline | let
| No | boolean
| false
| Set to `true` to use the inline variant |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render
`inline` must be `false` |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the checkbox |
-| visited | let
| No | boolean
| false
| Set to `true` to allow visited styles |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------- | ---------------------- | -------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement | HTMLParagraphElement
| null
| Obtain a reference to the top-level HTML element |
+| size | No | let
| No | "sm" | "lg"
| undefined
| Specify the size of the link |
+| href | No | let
| No | string
| undefined
| Specify the href value |
+| inline | No | let
| No | boolean
| false
| Set to `true` to use the inline variant |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render
`inline` must be `false` |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the checkbox |
+| visited | No | let
| No | boolean
| false
| Set to `true` to allow visited styles |
### Slots
@@ -1968,17 +1968,17 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------------------------- | ---------------------- | ------------------------------------------ |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the list box |
-| type | let
| No | "default" | "inline"
| "default"
| Set the type of the list box |
-| open | let
| No | boolean
| false
| Set to `true` to open the list box |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the list box |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------------------------- | ---------------------- | ------------------------------------------ |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the list box |
+| type | No | let
| No | "default" | "inline"
| "default"
| Set the type of the list box |
+| open | No | let
| No | boolean
| false
| Set to `true` to open the list box |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the list box |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
### Slots
@@ -2003,15 +2003,15 @@ export type ListBoxFieldTranslationId = "close" | "open";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :----------------- | :------- | :----------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------ |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the list box field |
-| role | let
| No | string
| "combobox"
| Specify the role attribute |
-| tabindex | let
| No | string
| "-1"
| Specify the tabindex |
-| translationIds | const
| No | { close: "close", open: "open" }
| { close: "close", open: "open" }
| Default translation ids |
-| translateWithId | let
| No | (id: ListBoxFieldTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :----------------- | :------- | ------------------------------------------------------ | ------------------------------------------------ | ------------------------------------------------ |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the list box field |
+| role | No | let
| No | string
| "combobox"
| Specify the role attribute |
+| tabindex | No | let
| No | string
| "-1"
| Specify the tabindex |
+| translationIds | No | const
| No | { close: "close", open: "open" }
| { close: "close", open: "open" }
| Default translation ids |
+| translateWithId | No | let
| No | (id: ListBoxFieldTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2035,10 +2035,10 @@ export type ListBoxFieldTranslationId = "close" | "open";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------------- | ------------------------------------------------ | -------------------------------------- |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the HTML element |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------------- | ------------------------------------------------ | -------------------------------------- |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the HTML element |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2062,11 +2062,11 @@ export type ListBoxMenuIconTranslationId = "close" | "open";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :----------------- | :------- | :-------------------------------------------------------- | --------------------------------------------- | -------------------------------------------- |
-| open | let
| No | boolean
| false
| Set to `true` to open the list box menu icon |
-| translationIds | const
| No | { close: "close", open: "open" }
| { close: "close", open: "open" }
| Default translation ids |
-| translateWithId | let
| No | (id: ListBoxMenuIconTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :----------------- | :------- | --------------------------------------------------------- | --------------------------------------------- | -------------------------------------------- |
+| open | No | let
| No | boolean
| false
| Set to `true` to open the list box menu icon |
+| translationIds | No | const
| No | { close: "close", open: "open" }
| { close: "close", open: "open" }
| Default translation ids |
+| translateWithId | No | let
| No | (id: ListBoxMenuIconTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
### Slots
@@ -2082,10 +2082,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------- |
-| active | let
| No | boolean
| false
| Set to `true` to enable the active state |
-| highlighted | let
| No | boolean
| false
| Set to `true` to enable the highlighted state |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------- |
+| active | No | let
| No | boolean
| false
| Set to `true` to enable the active state |
+| highlighted | No | let
| No | boolean
| false
| Set to `true` to enable the highlighted state |
### Slots
@@ -2111,13 +2111,13 @@ export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :----------------- | :------- | :----------------------------------------------------------------------- | ------------------------------------------------------------------------ | ------------------------------------------------ |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
-| selectionCount | let
| No | number
| undefined
| Specify the number of selected items |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the list box selection |
-| translationIds | const
| No | { clearAll: "clearAll", clearSelection: "clearSelection", }
| { clearAll: "clearAll", clearSelection: "clearSelection", }
| Default translation ids |
-| translateWithId | let
| No | (id: ListBoxSelectionTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :----------------- | :------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------ | ------------------------------------------------ |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
+| selectionCount | No | let
| No | number
| undefined
| Specify the number of selected items |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the list box selection |
+| translationIds | No | const
| No | { clearAll: "clearAll", clearSelection: "clearSelection", }
| { clearAll: "clearAll", clearSelection: "clearSelection", }
| Default translation ids |
+| translateWithId | No | let
| No | (id: ListBoxSelectionTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
### Slots
@@ -2154,13 +2154,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | ------------------------------------------ |
-| small | let
| No | boolean
| false
| Set to `true` to use the small variant |
-| active | let
| No | boolean
| true
| Set to `false` to disable the active state |
-| withOverlay | let
| No | boolean
| true
| Set to `false` to disable the overlay |
-| description | let
| No | string
| "Active loading indicator"
| Specify the label description |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the label element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------- | ------------------------------------------------ | ------------------------------------------ |
+| small | No | let
| No | boolean
| false
| Set to `true` to use the small variant |
+| active | No | let
| No | boolean
| true
| Set to `false` to disable the active state |
+| withOverlay | No | let
| No | boolean
| true
| Set to `false` to disable the overlay |
+| description | No | let
| No | string
| "Active loading indicator"
| Specify the label description |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the label element |
### Slots
@@ -2174,12 +2174,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :-------------------- | :------- | :---------------------- | ---------------------------------------------------- | --------------------------------------------------------------- |
-| value | let
| Yes | any
| ""
| Provide a value to persist |
-| key | let
| No | string
| "local-storage-key"
| Specify the local storage key |
-| clearItem | function
| No | () => void
| () => { localStorage.removeItem(key); }
| Remove the persisted key value from the browser's local storage |
-| clearAll | function
| No | () => void
| () => { localStorage.clear(); }
| Clear all key values from the browser's local storage |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :-------------------- | :------- | ----------------------- | ---------------------------------------------------- | --------------------------------------------------------------- |
+| value | No | let
| Yes | any
| ""
| Provide a value to persist |
+| key | No | let
| No | string
| "local-storage-key"
| Specify the local storage key |
+| clearItem | No | function
| No | () => void
| () => { localStorage.removeItem(key); }
| Remove the persisted key value from the browser's local storage |
+| clearAll | No | function
| No | () => void
| () => { localStorage.clear(); }
| Clear all key values from the browser's local storage |
### Slots
@@ -2196,29 +2196,29 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------------- | :--------------- | :------- | :--------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the modal |
-| size | let
| No | "xs" | "sm" | "lg"
| undefined
| Set the size of the modal |
-| danger | let
| No | boolean
| false
| Set to `true` to use the danger variant |
-| alert | let
| No | boolean
| false
| Set to `true` to enable alert mode |
-| passiveModal | let
| No | boolean
| false
| Set to `true` to use the passive variant |
-| modalHeading | let
| No | string
| undefined
| Specify the modal heading |
-| modalLabel | let
| No | string
| undefined
| Specify the modal label |
-| modalAriaLabel | let
| No | string
| undefined
| Specify the ARIA label for the modal |
-| iconDescription | let
| No | string
| "Close the modal"
| Specify the ARIA label for the close icon |
-| hasForm | let
| No | boolean
| false
| Set to `true` if the modal contains form elements |
-| hasScrollingContent | let
| No | boolean
| false
| Set to `true` if the modal contains scrolling content |
-| primaryButtonText | let
| No | string
| ""
| Specify the primary button text |
-| primaryButtonDisabled | let
| No | boolean
| false
| Set to `true` to disable the primary button |
-| primaryButtonIcon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the primary button icon |
-| shouldSubmitOnEnter | let
| No | boolean
| true
| Set to `true` for the "submit" and "click:button--primary" events
to be dispatched when pressing "Enter" |
-| secondaryButtonText | let
| No | string
| ""
| Specify the secondary button text |
-| secondaryButtons | let
| No | [{ text: string; }, { text: string; }]
| []
| 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` |
-| selectorPrimaryFocus | let
| No | string
| "[data-modal-primary-focus]"
| Specify a selector to be focused when opening the modal |
-| preventCloseOnClickOutside | let
| No | boolean
| false
| Set to `true` to prevent the modal from closing when clicking outside |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the top-level HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the modal |
+| size | No | let
| No | "xs" | "sm" | "lg"
| undefined
| Set the size of the modal |
+| danger | No | let
| No | boolean
| false
| Set to `true` to use the danger variant |
+| alert | No | let
| No | boolean
| false
| Set to `true` to enable alert mode |
+| passiveModal | No | let
| No | boolean
| false
| Set to `true` to use the passive variant |
+| modalHeading | No | let
| No | string
| undefined
| Specify the modal heading |
+| modalLabel | No | let
| No | string
| undefined
| Specify the modal label |
+| modalAriaLabel | No | let
| No | string
| undefined
| Specify the ARIA label for the modal |
+| iconDescription | No | let
| No | string
| "Close the modal"
| Specify the ARIA label for the close icon |
+| hasForm | No | let
| No | boolean
| false
| Set to `true` if the modal contains form elements |
+| hasScrollingContent | No | let
| No | boolean
| false
| Set to `true` if the modal contains scrolling content |
+| primaryButtonText | No | let
| No | string
| ""
| Specify the primary button text |
+| primaryButtonDisabled | No | let
| No | boolean
| false
| Set to `true` to disable the primary button |
+| primaryButtonIcon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the primary button icon |
+| shouldSubmitOnEnter | No | let
| No | boolean
| true
| Set to `true` for the "submit" and "click:button--primary" events
to be dispatched when pressing "Enter" |
+| secondaryButtonText | No | let
| No | string
| ""
| Specify the secondary button text |
+| secondaryButtons | No | let
| No | [{ text: string; }, { text: string; }]
| []
| 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` |
+| selectorPrimaryFocus | No | let
| No | string
| "[data-modal-primary-focus]"
| Specify a selector to be focused when opening the modal |
+| preventCloseOnClickOutside | No | let
| No | boolean
| false
| Set to `true` to prevent the modal from closing when clicking outside |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2248,10 +2248,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------------------- |
-| hasForm | let
| No | boolean
| false
| Set to `true` if the modal contains form elements |
-| hasScrollingContent | let
| No | boolean
| false
| Set to `true` if the modal contains scrolling content |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------------------- |
+| hasForm | No | let
| No | boolean
| false
| Set to `true` if the modal contains form elements |
+| hasScrollingContent | No | let
| No | boolean
| false
| Set to `true` if the modal contains scrolling content |
### Slots
@@ -2267,16 +2267,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- |
-| primaryButtonText | let
| No | string
| ""
| Specify the primary button text |
-| primaryButtonIcon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the primary button icon |
-| primaryButtonDisabled | let
| No | boolean
| false
| Set to `true` to disable the primary button |
-| primaryClass | let
| No | string
| undefined
| Specify a class for the primary button |
-| secondaryButtonText | let
| No | string
| ""
| Specify the secondary button text |
-| secondaryButtons | let
| No | [{ text: string; }, { text: string; }]
| []
| 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` |
-| secondaryClass | let
| No | string
| undefined
| Specify a class for the secondary button |
-| danger | let
| No | boolean
| false
| Set to `true` to use the danger variant |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- |
+| primaryButtonText | No | let
| No | string
| ""
| Specify the primary button text |
+| primaryButtonIcon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the primary button icon |
+| primaryButtonDisabled | No | let
| No | boolean
| false
| Set to `true` to disable the primary button |
+| primaryClass | No | let
| No | string
| undefined
| Specify a class for the primary button |
+| secondaryButtonText | No | let
| No | string
| ""
| Specify the secondary button text |
+| secondaryButtons | No | let
| No | [{ text: string; }, { text: string; }]
| []
| 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` |
+| secondaryClass | No | let
| No | string
| undefined
| Specify a class for the secondary button |
+| danger | No | let
| No | boolean
| false
| Set to `true` to use the danger variant |
### Slots
@@ -2294,15 +2294,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------ | -------------------- | ----------------------------------------- |
-| title | let
| No | string
| ""
| Specify the modal title |
-| label | let
| No | string
| ""
| Specify the modal label |
-| labelClass | let
| No | string
| ""
| Specify the label class |
-| titleClass | let
| No | string
| ""
| Specify the title class |
-| closeClass | let
| No | string
| ""
| Specify the close class |
-| closeIconClass | let
| No | string
| ""
| Specify the close icon class |
-| iconDescription | let
| No | string
| "Close"
| Specify the ARIA label for the close icon |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ------------------- | -------------------- | ----------------------------------------- |
+| title | No | let
| No | string
| ""
| Specify the modal title |
+| label | No | let
| No | string
| ""
| Specify the modal label |
+| labelClass | No | let
| No | string
| ""
| Specify the label class |
+| titleClass | No | let
| No | string
| ""
| Specify the title class |
+| closeClass | No | let
| No | string
| ""
| Specify the close class |
+| closeIconClass | No | let
| No | string
| ""
| Specify the close icon class |
+| iconDescription | No | let
| No | string
| "Close"
| Specify the ARIA label for the close icon |
### Slots
@@ -2333,43 +2333,43 @@ export interface MultiSelectItem {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------------------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| highlightedId | let
| Yes | null | MultiSelectItemId
| null
| Id of the highlighted ListBoxMenuItem |
-| selectionRef | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the selection element |
-| fieldRef | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the field box element |
-| multiSelectRef | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the outer div element |
-| inputRef | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the dropdown |
-| value | let
| Yes | string
| ""
| Specify the multiselect value |
-| selectedIds | let
| Yes | MultiSelectItemId[]
| []
| Set the selected ids |
-| items | let
| Yes | MultiSelectItem[]
| []
| Set the multiselect items |
-| itemToString | let
| No | (item: MultiSelectItem) => any
| (item) => item.text || item.id
| Override the display of a multiselect item |
-| itemToInput | let
| No | (item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }
| (item) => {}
| Override the item name, title, labelText passed to the checkbox input |
-| size | let
| No | "sm" | "lg" | "xl"
| undefined
| Set the size of the combobox |
-| type | let
| No | "default" | "inline"
| "default"
| Specify the type of multiselect |
-| direction | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the multiselect dropdown menu |
-| selectionFeedback | let
| No | "top" | "fixed" | "top-after-reopen"
| "top-after-reopen"
| Specify the selection feedback after selecting items |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the dropdown |
-| filterable | let
| No | boolean
| false
| Set to `true` to filter items |
-| filterItem | let
| No | (item: MultiSelectItem, value: string) => string
| (item, value) => item.text.toLowerCase().includes(value.trim().toLowerCase())
| Override the filtering logic
The default filtering is an exact string comparison |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| locale | let
| No | string
| "en"
| Specify the locale |
-| placeholder | let
| No | string
| ""
| Specify the placeholder text |
-| sortItem | let
| No | ((a: MultiSelectItem, b: MultiSelectItem) => MultiSelectItem) | (() => void)
| (a, b) => a.text.localeCompare(b.text, locale, { numeric: true })
| Override the sorting logic
The default sorting compare the item text value |
-| translateWithId | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
-| translateWithIdSelection | let
| No | (id: import("../ListBox/ListBoxSelection.svelte").ListBoxSelectionTranslationId) => string
| undefined
| Override the label of the clear button when the input has a selection.
Defaults to "Clear selected item" and "Clear all items" if more than one item is selected |
-| titleText | let
| No | string
| ""
| Specify the title text |
-| useTitleInItem | let
| No | boolean
| false
| Set to `true` to pass the item to `itemToString` in the checkbox |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| label | let
| No | string
| ""
| Specify the list box label |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
-| name | let
| No | string
| undefined
| Specify a name attribute for the select |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------------------- | :------- | :--------------- | :------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| highlightedId | No | let
| Yes | null | MultiSelectItemId
| null
| Id of the highlighted ListBoxMenuItem |
+| selectionRef | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the selection element |
+| fieldRef | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the field box element |
+| multiSelectRef | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the outer div element |
+| inputRef | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the dropdown |
+| value | No | let
| Yes | string
| ""
| Specify the multiselect value |
+| selectedIds | No | let
| Yes | MultiSelectItemId[]
| []
| Set the selected ids |
+| items | No | let
| Yes | MultiSelectItem[]
| []
| Set the multiselect items |
+| itemToString | No | let
| No | (item: MultiSelectItem) => any
| (item) => item.text || item.id
| Override the display of a multiselect item |
+| itemToInput | No | let
| No | (item: MultiSelectItem) => { name?: string; labelText?: any; title?: string; }
| (item) => {}
| Override the item name, title, labelText passed to the checkbox input |
+| size | No | let
| No | "sm" | "lg" | "xl"
| undefined
| Set the size of the combobox |
+| type | No | let
| No | "default" | "inline"
| "default"
| Specify the type of multiselect |
+| direction | No | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the multiselect dropdown menu |
+| selectionFeedback | No | let
| No | "top" | "fixed" | "top-after-reopen"
| "top-after-reopen"
| Specify the selection feedback after selecting items |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the dropdown |
+| filterable | No | let
| No | boolean
| false
| Set to `true` to filter items |
+| filterItem | No | let
| No | (item: MultiSelectItem, value: string) => string
| (item, value) => item.text.toLowerCase().includes(value.trim().toLowerCase())
| Override the filtering logic
The default filtering is an exact string comparison |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| locale | No | let
| No | string
| "en"
| Specify the locale |
+| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
+| sortItem | No | let
| No | ((a: MultiSelectItem, b: MultiSelectItem) => MultiSelectItem) | (() => void)
| (a, b) => a.text.localeCompare(b.text, locale, { numeric: true })
| Override the sorting logic
The default sorting compare the item text value |
+| translateWithId | No | let
| No | (id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId) => string
| undefined
| Override the chevron icon label based on the open state.
Defaults to "Open menu" when closed and "Close menu" when open |
+| translateWithIdSelection | No | let
| No | (id: import("../ListBox/ListBoxSelection.svelte").ListBoxSelectionTranslationId) => string
| undefined
| Override the label of the clear button when the input has a selection.
Defaults to "Clear selected item" and "Clear all items" if more than one item is selected |
+| titleText | No | let
| No | string
| ""
| Specify the title text |
+| useTitleInItem | No | let
| No | boolean
| false
| Set to `true` to pass the item to `itemToString` in the checkbox |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| label | No | let
| No | string
| ""
| Specify the list box label |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the list box component |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the select |
### Slots
@@ -2413,12 +2413,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :--------------- | :------- | :--------------------------------------------------- | ------------------------- | ----------------------------------- |
-| notificationType | let
| No | "toast" | "inline"
| "toast"
| Set the type of notification |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
-| title | let
| No | string
| undefined
| Specify the title of the icon |
-| iconDescription | let
| No | string
| "Close icon"
| Specify the ARIA label for the icon |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------- | ----------------------------------- |
+| notificationType | No | let
| No | "toast" | "inline"
| "toast"
| Set the type of notification |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| title | No | let
| No | string
| undefined
| Specify the title of the icon |
+| iconDescription | No | let
| No | string
| "Close icon"
| Specify the ARIA label for the icon |
### Slots
@@ -2437,11 +2437,11 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ------------------------------------- |
-| kind | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification icon |
-| notificationType | let
| No | "toast" | "inline"
| "toast"
| Set the type of notification |
-| iconDescription | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ------------------------------------- |
+| kind | No | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification icon |
+| notificationType | No | let
| No | "toast" | "inline"
| "toast"
| Set the type of notification |
+| iconDescription | No | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
### Slots
@@ -2461,31 +2461,31 @@ export type NumberInputTranslationId = "increment" | "decrement";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :----------------- | :------- | :-------------------------------------------------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| value | let
| Yes | null | number
| null
| Specify the input value.
Use `null` to denote "no value" |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
-| step | let
| No | number
| 1
| Specify the step increment |
-| max | let
| No | number
| undefined
| Specify the maximum value |
-| min | let
| No | number
| undefined
| Specify the minimum value |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| readonly | let
| No | boolean
| false
| Set to `true` for the input to be read-only |
-| allowEmpty | let
| No | boolean
| false
| Set to `true` to allow for an empty value |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| hideSteppers | let
| No | boolean
| false
| Set to `true` to hide the input stepper buttons |
-| iconDescription | let
| No | string
| ""
| Specify the ARIA label for the increment icons |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| label | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| translateWithId | let
| No | (id: NumberInputTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
-| translationIds | const
| No | { increment: "increment"; decrement: "decrement" }
| { increment: "increment", decrement: "decrement", }
| Default translation ids |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :----------------- | :------- | --------------------------------------------------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| value | No | let
| Yes | null | number
| null
| Specify the input value.
Use `null` to denote "no value" |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
+| step | No | let
| No | number
| 1
| Specify the step increment |
+| max | No | let
| No | number
| undefined
| Specify the maximum value |
+| min | No | let
| No | number
| undefined
| Specify the minimum value |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| readonly | No | let
| No | boolean
| false
| Set to `true` for the input to be read-only |
+| allowEmpty | No | let
| No | boolean
| false
| Set to `true` to allow for an empty value |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| hideSteppers | No | let
| No | boolean
| false
| Set to `true` to hide the input stepper buttons |
+| iconDescription | No | let
| No | string
| ""
| Specify the ARIA label for the increment icons |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| label | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| translateWithId | No | let
| No | (id: NumberInputTranslationId) => string
| (id) => defaultTranslations[id]
| Override the default translation ids |
+| translationIds | No | const
| No | { increment: "increment"; decrement: "decrement" }
| { increment: "increment", decrement: "decrement", }
| Default translation ids |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
### Slots
@@ -2510,9 +2510,9 @@ export type NumberInputTranslationId = "increment" | "decrement";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ------------------------------------ |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to hide the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ------------------------------------ |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to hide the label text |
### Slots
@@ -2531,11 +2531,11 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :------------------- | ------------------ | ---------------------------------------------------- |
-| nested | let
| No | boolean
| false
| Set to `true` to use the nested variant |
-| native | let
| No | boolean
| false
| Set to `true` to use native list styles |
-| expressive | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ---------------------------------------------------- |
+| nested | No | let
| No | boolean
| false
| Set to `true` to use the nested variant |
+| native | No | let
| No | boolean
| false
| Set to `true` to use native list styles |
+| expressive | No | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
### Slots
@@ -2577,20 +2577,20 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :--------------- | :------- | :--------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- |
-| menuRef | let
| Yes | null | HTMLUListElement
| null
| Obtain a reference to the overflow menu element |
-| buttonRef | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the trigger button element |
-| icon | let
| Yes | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render.
Defaults to `<OverflowMenuVertical />` |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the menu |
-| size | let
| No | "sm" | "xl"
| undefined
| Specify the size of the overflow menu |
-| direction | let
| No | "top" | "bottom"
| "bottom"
| Specify the direction of the overflow menu relative to the button |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| flipped | let
| No | boolean
| false
| Set to `true` to flip the menu relative to the button |
-| menuOptionsClass | let
| No | string
| undefined
| Specify the menu options class |
-| iconClass | let
| No | string
| undefined
| Specify the icon class |
-| iconDescription | let
| No | string
| "Open and close list of options"
| Specify the ARIA label for the icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- |
+| menuRef | No | let
| Yes | null | HTMLUListElement
| null
| Obtain a reference to the overflow menu element |
+| buttonRef | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the trigger button element |
+| icon | No | let
| Yes | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render.
Defaults to `<OverflowMenuVertical />` |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the menu |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Specify the size of the overflow menu |
+| direction | No | let
| No | "top" | "bottom"
| "bottom"
| Specify the direction of the overflow menu relative to the button |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| flipped | No | let
| No | boolean
| false
| Set to `true` to flip the menu relative to the button |
+| menuOptionsClass | No | let
| No | string
| undefined
| Specify the menu options class |
+| iconClass | No | let
| No | string
| undefined
| Specify the icon class |
+| iconDescription | No | let
| No | string
| "Open and close list of options"
| Specify the ARIA label for the icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
### Slots
@@ -2614,17 +2614,17 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------- | :--------------- | :------- | :------------------------------------------------------------------ | ------------------------------------------------ | ----------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement | HTMLButtonElement
| null
| Obtain a reference to the HTML element |
-| primaryFocus | let
| Yes | boolean
| false
| Set to `true` if the item should be focused when opening the menu |
-| text | let
| No | string
| "Provide text"
| Specify the item text
Alternatively, use the default slot for a custom element |
-| href | let
| No | string
| ""
| Specify the `href` attribute if the item is a link |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the item |
-| hasDivider | let
| No | boolean
| false
| Set to `true` to include a divider |
-| danger | let
| No | boolean
| false
| Set to `true` to use the danger variant |
-| requireTitle | let
| No | boolean
| true
| Set to `false` to omit the button `title` attribute |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------- | :------- | :--------------- | :------- | ------------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement | HTMLButtonElement
| null
| Obtain a reference to the HTML element |
+| primaryFocus | No | let
| Yes | boolean
| false
| Set to `true` if the item should be focused when opening the menu |
+| text | No | let
| No | string
| "Provide text"
| Specify the item text
Alternatively, use the default slot for a custom element |
+| href | No | let
| No | string
| ""
| Specify the `href` attribute if the item is a link |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the item |
+| hasDivider | No | let
| No | boolean
| false
| Set to `true` to include a divider |
+| danger | No | let
| No | boolean
| false
| Set to `true` to use the danger variant |
+| requireTitle | No | let
| No | boolean
| true
| Set to `false` to omit the button `title` attribute |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2643,24 +2643,24 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------------- | :--------------- | :------- | :--------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------ |
-| pageSize | let
| Yes | number
| 10
| Specify the number of items to display in a page |
-| page | let
| Yes | number
| 1
| Specify the current page index |
-| totalItems | let
| No | number
| 0
| Specify the total number of items |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the pagination |
-| forwardText | let
| No | string
| "Next page"
| Specify the forward button text |
-| backwardText | let
| No | string
| "Previous page"
| Specify the backward button text |
-| itemsPerPageText | let
| No | string
| "Items per page:"
| Specify the items per page text |
-| itemText | let
| No | (min: number, max: number) => string
| (min, max) => \`${min}–${max} items\`
| Override the item text |
-| itemRangeText | let
| No | (min: number, max: number, total: number) => string
| (min, max, total) => \`${min}–${max} of ${total} items\`
| Override the item range text |
-| pageInputDisabled | let
| No | boolean
| false
| Set to `true` to disable the page input |
-| pageSizeInputDisabled | let
| No | boolean
| false
| Set to `true` to disable the page size input |
-| pageSizes | let
| No | number[]
| [10]
| Specify the available page sizes |
-| pagesUnknown | let
| No | boolean
| false
| Set to `true` if the number of pages is unknown |
-| pageText | let
| No | (page: number) => string
| (page) => \`page ${page}\`
| Override the page text |
-| pageRangeText | let
| No | (current: number, total: number) => string
| (current, total) => \`of ${total} page${total === 1 ? "" : "s"}\`
| Override the page range text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------ |
+| pageSize | No | let
| Yes | number
| 10
| Specify the number of items to display in a page |
+| page | No | let
| Yes | number
| 1
| Specify the current page index |
+| totalItems | No | let
| No | number
| 0
| Specify the total number of items |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the pagination |
+| forwardText | No | let
| No | string
| "Next page"
| Specify the forward button text |
+| backwardText | No | let
| No | string
| "Previous page"
| Specify the backward button text |
+| itemsPerPageText | No | let
| No | string
| "Items per page:"
| Specify the items per page text |
+| itemText | No | let
| No | (min: number, max: number) => string
| (min, max) => \`${min}–${max} items\`
| Override the item text |
+| itemRangeText | No | let
| No | (min: number, max: number, total: number) => string
| (min, max, total) => \`${min}–${max} of ${total} items\`
| Override the item range text |
+| pageInputDisabled | No | let
| No | boolean
| false
| Set to `true` to disable the page input |
+| pageSizeInputDisabled | No | let
| No | boolean
| false
| Set to `true` to disable the page size input |
+| pageSizes | No | let
| No | number[]
| [10]
| Specify the available page sizes |
+| pagesUnknown | No | let
| No | boolean
| false
| Set to `true` if the number of pages is unknown |
+| pageText | No | let
| No | (page: number) => string
| (page) => \`page ${page}\`
| Override the page text |
+| pageRangeText | No | let
| No | (current: number, total: number) => string
| (current, total) => \`of ${total} page${total === 1 ? "" : "s"}\`
| Override the page range text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2678,14 +2678,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :----------- | :--------------- | :------- | :------------------- | ---------------------------- | ----------------------------------------- |
-| page | let
| Yes | number
| 0
| Specify the current page index |
-| total | let
| No | number
| 10
| Specify the total number of pages |
-| shown | let
| No | number
| 10
| Specify the total number of pages to show |
-| loop | let
| No | boolean
| false
| Set to `true` to loop the navigation |
-| forwardText | let
| No | string
| "Next page"
| Specify the forward button text |
-| backwardText | let
| No | string
| "Previous page"
| Specify the backward button text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :----------- | :------- | :--------------- | :------- | -------------------- | ---------------------------- | ----------------------------------------- |
+| page | No | let
| Yes | number
| 0
| Specify the current page index |
+| total | No | let
| No | number
| 10
| Specify the total number of pages |
+| shown | No | let
| No | number
| 10
| Specify the total number of pages to show |
+| loop | No | let
| No | boolean
| false
| Set to `true` to loop the navigation |
+| forwardText | No | let
| No | string
| "Next page"
| Specify the forward button text |
+| backwardText | No | let
| No | string
| "Previous page"
| Specify the backward button text |
### Slots
@@ -2722,29 +2722,29 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------------- | :--------------- | :------- | :-------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| type | let
| Yes | "text" | "password"
| "password"
| Set to `"text"` to toggle the password visibility |
-| value | let
| Yes | number | string
| ""
| Specify the input value |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
-| placeholder | let
| No | string
| ""
| Specify the placeholder text |
-| hidePasswordLabel | let
| No | string
| "Hide password"
| Specify the hide password label text |
-| showPasswordLabel | let
| No | string
| "Show password"
| Specify the show password label text |
-| tooltipAlignment | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
-| tooltipPosition | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the position of the tooltip relative to the icon |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the text for the invalid state |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| inline | let
| No | boolean
| false
| Set to `true` to use inline version |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| type | No | let
| Yes | "text" | "password"
| "password"
| Set to `"text"` to toggle the password visibility |
+| value | No | let
| Yes | number | string
| ""
| Specify the input value |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
+| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
+| hidePasswordLabel | No | let
| No | string
| "Hide password"
| Specify the hide password label text |
+| showPasswordLabel | No | let
| No | string
| "Show password"
| Specify the show password label text |
+| tooltipAlignment | No | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
+| tooltipPosition | No | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the position of the tooltip relative to the icon |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the text for the invalid state |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| inline | No | let
| No | boolean
| false
| Set to `true` to use inline version |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
### Slots
@@ -2771,15 +2771,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------ | ------------------------------------------------------ |
-| open | let
| Yes | boolean
| false
| Set to `true` to display the popover |
-| closeOnOutsideClick | let
| No | boolean
| false
| Set to `true` to close the popover on an outside click |
-| caret | let
| No | boolean
| false
| Set to `true` render a caret |
-| align | let
| No | "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top"
| "top"
| Specify the alignment of the caret |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| highContrast | let
| No | boolean
| false
| Set to `true` to enable the high contrast variant |
-| relative | let
| No | boolean
| false
| Set to `true` to use a relative position |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ------------------------------------------------------ |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to display the popover |
+| closeOnOutsideClick | No | let
| No | boolean
| false
| Set to `true` to close the popover on an outside click |
+| caret | No | let
| No | boolean
| false
| Set to `true` render a caret |
+| align | No | let
| No | "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top"
| "top"
| Specify the alignment of the caret |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| highContrast | No | let
| No | boolean
| false
| Set to `true` to enable the high contrast variant |
+| relative | No | let
| No | boolean
| false
| Set to `true` to use a relative position |
### Slots
@@ -2797,16 +2797,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------- |
-| value | let
| No | number
| undefined
| Specify the current value |
-| max | let
| No | number
| 100
| Specify the maximum value |
-| kind | let
| No | "default" | "inline" | "indented"
| "default"
| Specify the kind of progress bar |
-| size | let
| No | "sm" | "md"
| "md"
| Specify the size |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the progress bar element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | -------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------- |
+| value | No | let
| No | number
| undefined
| Specify the current value |
+| max | No | let
| No | number
| 100
| Specify the maximum value |
+| kind | No | let
| No | "default" | "inline" | "indented"
| "default"
| Specify the kind of progress bar |
+| size | No | let
| No | "sm" | "md"
| "md"
| Specify the size |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the progress bar element |
### Slots
@@ -2822,12 +2822,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------- | :--------------- | :------- | :------------------- | ------------------ | ---------------------------------------------------------------------------------------------- |
-| currentIndex | let
| Yes | number
| 0
| Specify the current step index |
-| vertical | let
| No | boolean
| false
| Set to `true` to use the vertical variant |
-| spaceEqually | let
| No | boolean
| false
| Set to `true` to specify whether the progress steps should be split equally in size in the div |
-| preventChangeOnClick | let
| No | boolean
| false
| Set to `true` to prevent `currentIndex` from updating |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ---------------------------------------------------------------------------------------------- |
+| currentIndex | No | let
| Yes | number
| 0
| Specify the current step index |
+| vertical | No | let
| No | boolean
| false
| Set to `true` to use the vertical variant |
+| spaceEqually | No | let
| No | boolean
| false
| Set to `true` to specify whether the progress steps should be split equally in size in the div |
+| preventChangeOnClick | No | let
| No | boolean
| false
| Set to `true` to prevent `currentIndex` from updating |
### Slots
@@ -2849,10 +2849,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------- |
-| vertical | let
| No | boolean
| false
| Set to `true` to use the vertical variant |
-| count | let
| No | number
| 4
| Specify the number of steps to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------- |
+| vertical | No | let
| No | boolean
| false
| Set to `true` to use the vertical variant |
+| count | No | let
| No | number
| 4
| Specify the number of steps to render |
### Slots
@@ -2871,16 +2871,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | ------------------------------------------ |
-| current | let
| Yes | boolean
| false
| Set to `true` to use the current variant |
-| complete | let
| Yes | boolean
| false
| Set to `true` for the complete variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the progress step |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| description | let
| No | string
| ""
| Specify the step description |
-| label | let
| No | string
| ""
| Specify the step label |
-| secondaryLabel | let
| No | string
| ""
| Specify the step secondary label |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------- | :------- | :--------------- | :------- | -------------------- | ------------------------------------------------ | ------------------------------------------ |
+| current | No | let
| Yes | boolean
| false
| Set to `true` to use the current variant |
+| complete | No | let
| Yes | boolean
| false
| Set to `true` for the complete variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the progress step |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| description | No | let
| No | string
| ""
| Specify the step description |
+| label | No | let
| No | string
| ""
| Specify the step label |
+| secondaryLabel | No | let
| No | string
| ""
| Specify the step secondary label |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -2902,18 +2902,18 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | --------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| checked | let
| Yes | boolean
| false
| Set to `true` to check the radio button |
-| value | let
| No | string
| ""
| Specify the value of the radio button |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the radio button |
-| required | let
| No | boolean
| false
| Set to `true` to mark the field as required |
-| labelPosition | let
| No | "right" | "left"
| "right"
| Specify the label position |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the radio button input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | --------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| checked | No | let
| Yes | boolean
| false
| Set to `true` to check the radio button |
+| value | No | let
| No | string
| ""
| Specify the value of the radio button |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the radio button |
+| required | No | let
| No | boolean
| false
| Set to `true` to mark the field as required |
+| labelPosition | No | let
| No | "right" | "left"
| "right"
| Specify the label position |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the radio button input |
### Slots
@@ -2931,15 +2931,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :------------------------------------------ | ------------------------- | -------------------------------------------- |
-| selected | let
| Yes | string
| undefined
| Set the selected radio button value |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the radio buttons |
-| legendText | let
| No | string
| ""
| Specify the legend text |
-| hideLegend | let
| No | boolean
| false
| Set to `true` to visually hide the legend |
-| labelPosition | let
| No | "right" | "left"
| "right"
| Specify the label position |
-| orientation | let
| No | "horizontal" | "vertical"
| "horizontal"
| Specify the orientation of the radio buttons |
-| id | let
| No | string
| undefined
| Set an id for the container div element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | ------------------------------------------- | ------------------------- | -------------------------------------------- |
+| selected | No | let
| Yes | string
| undefined
| Set the selected radio button value |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the radio buttons |
+| legendText | No | let
| No | string
| ""
| Specify the legend text |
+| hideLegend | No | let
| No | boolean
| false
| Set to `true` to visually hide the legend |
+| labelPosition | No | let
| No | "right" | "left"
| "right"
| Specify the label position |
+| orientation | No | let
| No | "horizontal" | "vertical"
| "horizontal"
| Specify the orientation of the radio buttons |
+| id | No | let
| No | string
| undefined
| Set an id for the container div element |
### Slots
@@ -2981,16 +2981,16 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | -------------------------------------------------------- |
-| checked | let
| Yes | boolean
| false
| Set to `true` to check the tile |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tile |
-| value | let
| No | string
| ""
| Specify the value of the radio input |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
-| iconDescription | let
| No | string
| "Tile checkmark"
| Specify the ARIA label for the radio tile checkmark icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------- | ------------------------------------------------ | -------------------------------------------------------- |
+| checked | No | let
| Yes | boolean
| false
| Set to `true` to check the tile |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tile |
+| value | No | let
| No | string
| ""
| Specify the value of the radio input |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
+| iconDescription | No | let
| No | string
| "Tile checkmark"
| Specify the ARIA label for the radio tile checkmark icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the input |
### Slots
@@ -3023,10 +3023,10 @@ export interface RecursiveListNode {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------------------------------------------------- | ------------------------ | ---------------------------------- |
-| children | let
| No | Array
| []
| Specify the children to render |
-| type | let
| No | "unordered" | "ordered" | "ordered-native"
| "unordered"
| Specify the type of list to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------------------------------------------------- | ------------------------ | ---------------------------------- |
+| children | No | let
| No | Array
| []
| Specify the children to render |
+| type | No | let
| No | "unordered" | "ordered" | "ordered-native"
| "unordered"
| Specify the type of list to render |
### Slots
@@ -3040,15 +3040,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| as | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Row let:props><section {...props}>...</section></Row>) |
-| condensed | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
-| narrow | let
| No | boolean
| false
| Set to `true` to use the narrow variant |
-| noGutter | let
| No | boolean
| false
| Set to `true` to remove the gutter |
-| noGutterLeft | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
-| noGutterRight | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
-| padding | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to all columns |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| as | No | let
| No | boolean
| false
| Set to `true` to render a custom HTML element
Props are destructured as `props` in the default slot (e.g., <Row let:props><section {...props}>...</section></Row>) |
+| condensed | No | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
+| narrow | No | let
| No | boolean
| false
| Set to `true` to use the narrow variant |
+| noGutter | No | let
| No | boolean
| false
| Set to `true` to remove the gutter |
+| noGutterLeft | No | let
| No | boolean
| false
| Set to `true` to remove the left gutter |
+| noGutterRight | No | let
| No | boolean
| false
| Set to `true` to remove the right gutter |
+| padding | No | let
| No | boolean
| false
| Set to `true` to add top and bottom padding to all columns |
### Slots
@@ -3064,24 +3064,24 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------- | :--------------- | :------- | :--------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| expanded | let
| Yes | boolean
| false
| Set to `true to expand the search input |
-| value | let
| Yes | any
| ""
| Specify the value of the search input |
-| size | let
| No | "sm" | "lg" | "xl"
| "xl"
| Specify the size of the search input |
-| searchClass | let
| No | string
| ""
| Specify the class name passed to the outer div element |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the search input |
-| expandable | let
| No | boolean
| false
| Set to `true` to enable the expandable variant |
-| placeholder | let
| No | string
| "Search..."
| Specify the `placeholder` attribute of the search input |
-| autocomplete | let
| No | "on" | "off"
| "off"
| Specify the `autocomplete` attribute |
-| autofocus | let
| No | boolean
| false
| Set to `true` to auto focus the search element |
-| closeButtonLabelText | let
| No | string
| "Clear search input"
| Specify the close button label text |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render.
Defaults to `<Search />` |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true to expand the search input |
+| value | No | let
| Yes | any
| ""
| Specify the value of the search input |
+| size | No | let
| No | "sm" | "lg" | "xl"
| "xl"
| Specify the size of the search input |
+| searchClass | No | let
| No | string
| ""
| Specify the class name passed to the outer div element |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the search input |
+| expandable | No | let
| No | boolean
| false
| Set to `true` to enable the expandable variant |
+| placeholder | No | let
| No | string
| "Search..."
| Specify the `placeholder` attribute of the search input |
+| autocomplete | No | let
| No | "on" | "off"
| "off"
| Specify the `autocomplete` attribute |
+| autofocus | No | let
| No | boolean
| false
| Set to `true` to auto focus the search element |
+| closeButtonLabelText | No | let
| No | string
| "Clear search input"
| Specify the close button label text |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render.
Defaults to `<Search />` |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
### Slots
@@ -3111,9 +3111,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :---------------------------------------- | ----------------- | ------------------------------------ |
-| size | let
| No | "sm" | "lg" | "xl"
| "xl"
| Specify the size of the search input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ----------------------------------------- | ----------------- | ------------------------------------ |
+| size | No | let
| No | "sm" | "lg" | "xl"
| "xl"
| Specify the size of the search input |
### Slots
@@ -3132,25 +3132,25 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
-| ref | let
| Yes | null | HTMLSelectElement
| null
| Obtain a reference to the select HTML element |
-| selected | let
| Yes | string
| undefined
| Specify the selected item value |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the select input |
-| inline | let
| No | boolean
| false
| Set to `true` to use the inline variant |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the select element |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the select element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the select element |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| noLabel | let
| No | boolean
| false
| Set to `true` to not render a label |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| required | let
| No | boolean
| false
| Set to `true` to mark the field as required |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | ------------------------------------------ | ------------------------------------------------ | ----------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLSelectElement
| null
| Obtain a reference to the select HTML element |
+| selected | No | let
| Yes | string
| undefined
| Specify the selected item value |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the select input |
+| inline | No | let
| No | boolean
| false
| Set to `true` to use the inline variant |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the select element |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the select element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the select element |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| noLabel | No | let
| No | boolean
| false
| Set to `true` to not render a label |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| required | No | let
| No | boolean
| false
| Set to `true` to mark the field as required |
### Slots
@@ -3172,12 +3172,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------- |
-| value | let
| No | string
| ""
| Specify the option value |
-| text | let
| No | string
| ""
| Specify the option text |
-| hidden | let
| No | boolean
| false
| Set to `true` to hide the option |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the option |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------- |
+| value | No | let
| No | string
| ""
| Specify the option value |
+| text | No | let
| No | string
| ""
| Specify the option text |
+| hidden | No | let
| No | boolean
| false
| Set to `true` to hide the option |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the option |
### Slots
@@ -3191,10 +3191,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ---------------------------- | --------------------------------------------------- |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the optgroup element |
-| label | let
| No | string
| "Provide label"
| Specify the label attribute of the optgroup element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ---------------------------- | --------------------------------------------------- |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the optgroup element |
+| label | No | let
| No | string
| "Provide label"
| Specify the label attribute of the optgroup element |
### Slots
@@ -3210,9 +3210,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ------------------------------------ |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to hide the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ------------------------------------ |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to hide the label text |
### Slots
@@ -3231,18 +3231,18 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| selected | let
| Yes | boolean
| false
| Set to `true` to select the tile |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tile |
-| title | let
| No | string
| "title"
| Specify the title of the selectable tile |
-| value | let
| No | string
| "value"
| Specify the value of the selectable tile |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
-| iconDescription | let
| No | string
| "Tile checkmark"
| Specify the ARIA label for the selectable tile checkmark icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| selected | No | let
| Yes | boolean
| false
| Set to `true` to select the tile |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tile |
+| title | No | let
| No | string
| "title"
| Specify the title of the selectable tile |
+| value | No | let
| No | string
| "value"
| Specify the value of the selectable tile |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
+| iconDescription | No | let
| No | string
| "Tile checkmark"
| Specify the ARIA label for the selectable tile checkmark icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the input |
### Slots
@@ -3264,13 +3264,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| isOpen | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
-| fixed | let
| No | boolean
| false
| Set to `true` to use the fixed variant |
-| rail | let
| No | boolean
| false
| Set to `true` to use the rail variant |
-| ariaLabel | let
| No | string
| undefined
| Specify the ARIA label for the nav |
-| expansionBreakpoint | let
| No | number
| 1056
| The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | -------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| isOpen | No | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
+| fixed | No | let
| No | boolean
| false
| Set to `true` to use the fixed variant |
+| rail | No | let
| No | boolean
| false
| Set to `true` to use the rail variant |
+| ariaLabel | No | let
| No | string
| undefined
| Specify the ARIA label for the nav |
+| expansionBreakpoint | No | let
| No | number
| 1056
| The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 |
### Slots
@@ -3320,13 +3320,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| isSelected | let
| No | boolean
| false
| Set to `true` to select the current link |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
-| text | let
| No | string
| undefined
| Specify the text |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| isSelected | No | let
| No | boolean
| false
| Set to `true` to select the current link |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
+| text | No | let
| No | string
| undefined
| Specify the text |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
### Slots
@@ -3345,12 +3345,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the HTML button element |
-| expanded | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
-| text | let
| No | string
| undefined
| Specify the text |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the HTML button element |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true` to toggle the expanded state |
+| text | No | let
| No | string
| undefined
| Specify the text |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
### Slots
@@ -3369,12 +3369,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :----------------------------------------- | ---------------------- | --------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
-| isSelected | let
| No | boolean
| false
| Set to `true` to select the item |
-| href | let
| No | string
| undefined
| Specify the `href` attribute |
-| text | let
| No | string
| undefined
| Specify the item text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | ------------------------------------------ | ---------------------- | --------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the HTML anchor element |
+| isSelected | No | let
| No | boolean
| false
| Set to `true` to select the item |
+| href | No | let
| No | string
| undefined
| Specify the `href` attribute |
+| text | No | let
| No | string
| undefined
| Specify the item text |
### Slots
@@ -3411,12 +3411,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------- | ----------------------------------------------- |
-| lines | let
| No | number
| 3
| Specify the number of lines to render |
-| heading | let
| No | boolean
| false
| Set to `true` to use the heading size variant |
-| paragraph | let
| No | boolean
| false
| Set to `true` to use the paragraph size variant |
-| width | let
| No | string
| "100%"
| Specify the width of the text (% or px) |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------- | ----------------------------------------------- |
+| lines | No | let
| No | number
| 3
| Specify the number of lines to render |
+| heading | No | let
| No | boolean
| false
| Set to `true` to use the heading size variant |
+| paragraph | No | let
| No | boolean
| false
| Set to `true` to use the paragraph size variant |
+| width | No | let
| No | string
| "100%"
| Specify the width of the text (% or px) |
### Slots
@@ -3435,10 +3435,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------ | ---------------------------- | ---------------------------- |
-| href | let
| No | string
| "#main-content"
| Specify the `href` attribute |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------- | ---------------------------- | ---------------------------- |
+| href | No | let
| No | string
| "#main-content"
| Specify the `href` attribute |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
### Slots
@@ -3456,25 +3456,25 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :-------------------------------------- | ------------------------------------------------ | ------------------------------------------ |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the HTML element |
-| value | let
| Yes | number
| 0
| Specify the value of the slider |
-| max | let
| No | number
| 100
| Set the maximum slider value |
-| maxLabel | let
| No | string
| ""
| Specify the label for the max value |
-| min | let
| No | number
| 0
| Set the minimum slider value |
-| minLabel | let
| No | string
| ""
| Specify the label for the min value |
-| step | let
| No | number
| 1
| Set the step value |
-| stepMultiplier | let
| No | number
| 4
| Set the step multiplier value |
-| required | let
| No | boolean
| false
| Set to `true` to require a value |
-| inputType | let
| No | string
| "number"
| Specify the input type |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the slider |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| hideTextInput | let
| No | boolean
| false
| Set to `true` to hide the text input |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the slider div element |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| name | let
| No | string
| ""
| Set a name for the slider element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------- | :------- | :--------------- | :------- | --------------------------------------- | ------------------------------------------------ | ------------------------------------------ |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the HTML element |
+| value | No | let
| Yes | number
| 0
| Specify the value of the slider |
+| max | No | let
| No | number
| 100
| Set the maximum slider value |
+| maxLabel | No | let
| No | string
| ""
| Specify the label for the max value |
+| min | No | let
| No | number
| 0
| Set the minimum slider value |
+| minLabel | No | let
| No | string
| ""
| Specify the label for the min value |
+| step | No | let
| No | number
| 1
| Set the step value |
+| stepMultiplier | No | let
| No | number
| 4
| Set the step multiplier value |
+| required | No | let
| No | boolean
| false
| Set to `true` to require a value |
+| inputType | No | let
| No | string
| "number"
| Specify the input type |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the slider |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| hideTextInput | No | let
| No | boolean
| false
| Set to `true` to hide the text input |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the slider div element |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| name | No | let
| No | string
| ""
| Set a name for the slider element |
### Slots
@@ -3496,9 +3496,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ------------------------------------ |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to hide the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ------------------------------------ |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to hide the label text |
### Slots
@@ -3517,12 +3517,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ---------------------- | ---------------------------------------------- |
-| selected | let
| Yes | string
| undefined
| Specify the selected structured list row value |
-| condensed | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
-| flush | let
| No | boolean
| false
| Set to `true` to flush the list |
-| selection | let
| No | boolean
| false
| Set to `true` to use the selection variant |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ---------------------- | ---------------------------------------------- |
+| selected | No | let
| Yes | string
| undefined
| Specify the selected structured list row value |
+| condensed | No | let
| No | boolean
| false
| Set to `true` to use the condensed variant |
+| flush | No | let
| No | boolean
| false
| Set to `true` to flush the list |
+| selection | No | let
| No | boolean
| false
| Set to `true` to use the selection variant |
### Slots
@@ -3565,10 +3565,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------- |
-| head | let
| No | boolean
| false
| Set to `true` to use as a header |
-| noWrap | let
| No | boolean
| false
| Set to `true` to prevent wrapping |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------- |
+| head | No | let
| No | boolean
| false
| Set to `true` to use as a header |
+| noWrap | No | let
| No | boolean
| false
| Set to `true` to prevent wrapping |
### Slots
@@ -3610,14 +3610,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | -------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| checked | let
| Yes | boolean
| false
| Set to `true` to check the input |
-| title | let
| No | string
| "title"
| Specify the title of the input |
-| value | let
| No | string
| "value"
| Specify the value of the input |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| ""
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ----------------------------------------- | ------------------------------------------------ | -------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| checked | No | let
| Yes | boolean
| false
| Set to `true` to check the input |
+| title | No | let
| No | string
| "title"
| Specify the title of the input |
+| value | No | let
| No | string
| "value"
| Specify the value of the input |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| ""
| Specify a name attribute for the input |
### Slots
@@ -3631,11 +3631,11 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ------------------------------------ |
-| head | let
| No | boolean
| false
| Set to `true` to use as a header |
-| label | let
| No | boolean
| false
| Set to `true` to render a label slot |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ------------------------------------ |
+| head | No | let
| No | boolean
| false
| Set to `true` to use as a header |
+| label | No | let
| No | boolean
| false
| Set to `true` to render a label slot |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
### Slots
@@ -3657,9 +3657,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------ | -------------- | -------------------------- |
-| rows | let
| No | number
| 5
| Specify the number of rows |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------- | -------------- | -------------------------- |
+| rows | No | let
| No | number
| 5
| Specify the number of rows |
### Slots
@@ -3678,13 +3678,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| selected | let
| Yes | boolean
| false
| Set to `true` for the switch to be selected |
-| text | let
| No | string
| "Provide text"
| Specify the switch text
Alternatively, use the "text" slot (e.g., <span slot="text">...</span>) |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the switch |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------------------------------ | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| selected | No | let
| Yes | boolean
| false
| Set to `true` for the switch to be selected |
+| text | No | let
| No | string
| "Provide text"
| Specify the switch text
Alternatively, use the "text" slot (e.g., <span slot="text">...</span>) |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the switch |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
### Slots
@@ -3706,14 +3706,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the anchor HTML element |
-| label | let
| No | string
| ""
| Specify the tab label
Alternatively, use the default slot (e.g., <Tab><span>Label</span></Tab>) |
-| href | let
| No | string
| "#"
| Specify the href attribute |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tab |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------------------------------ | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLAnchorElement
| null
| Obtain a reference to the anchor HTML element |
+| label | No | let
| No | string
| ""
| Specify the tab label
Alternatively, use the default slot (e.g., <Tab><span>Label</span></Tab>) |
+| href | No | let
| No | string
| "#"
| Specify the href attribute |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tab |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -3734,9 +3734,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------ | ------------------------------------------------ | ----------------------------------- |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ------------------- | ------------------------------------------------ | ----------------------------------- |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -3752,14 +3752,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :------------------------------------------------------------------ | ---------------------- | ---------------------------------------------- |
-| size | let
| No | "compact" | "short" | "medium" | "tall"
| undefined
| Set the size of the table |
-| zebra | let
| No | boolean
| false
| Set to `true` to use zebra styles |
-| useStaticWidth | let
| No | boolean
| false
| Set to `true` to use static width |
-| sortable | let
| No | boolean
| false
| Set to `true` for the sortable variant |
-| stickyHeader | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
-| tableStyle | let
| No | string
| undefined
| Set the style attribute on the `table` element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------- | :------- | :--------------- | :------- | ------------------------------------------------------------------- | ---------------------- | ---------------------------------------------- |
+| size | No | let
| No | "compact" | "short" | "medium" | "tall"
| undefined
| Set the size of the table |
+| zebra | No | let
| No | boolean
| false
| Set to `true` to use zebra styles |
+| useStaticWidth | No | let
| No | boolean
| false
| Set to `true` to use static width |
+| sortable | No | let
| No | boolean
| false
| Set to `true` for the sortable variant |
+| stickyHeader | No | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
+| tableStyle | No | let
| No | string
| undefined
| Set the style attribute on the `table` element |
### Slots
@@ -3812,12 +3812,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------- | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------- |
-| title | let
| No | string
| ""
| Specify the title of the data table |
-| description | let
| No | string
| ""
| Specify the description of the data table |
-| stickyHeader | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
-| useStaticWidth | let
| No | boolean
| false
| Set to `true` to use static width |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------- |
+| title | No | let
| No | string
| ""
| Specify the title of the data table |
+| description | No | let
| No | string
| ""
| Specify the description of the data table |
+| stickyHeader | No | let
| No | boolean
| false
| Set to `true` to enable a sticky header |
+| useStaticWidth | No | let
| No | boolean
| false
| Set to `true` to use static width |
### Slots
@@ -3854,12 +3854,12 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------------ | ------------------------------------------------ | ------------------------------------------------------ |
-| disableSorting | let
| No | boolean
| false
| Set to `true` to disable sorting on this specific cell |
-| scope | let
| No | string
| "col"
| Specify the `scope` attribute |
-| translateWithId | let
| No | () => string
| () => ""
| Override the default id translations |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ------------------------- | ------------------------------------------------ | ------------------------------------------------------ |
+| disableSorting | No | let
| No | boolean
| false
| Set to `true` to disable sorting on this specific cell |
+| scope | No | let
| No | string
| "col"
| Specify the `scope` attribute |
+| translateWithId | No | let
| No | () => string
| () => ""
| Override the default id translations |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the top-level element |
### Slots
@@ -3901,13 +3901,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :---------------------------------------- | -------------------------------- | -------------------------------------------- |
-| selected | let
| Yes | number
| 0
| Specify the selected tab index |
-| type | let
| No | "default" | "container"
| "default"
| Specify the type of tabs |
-| autoWidth | let
| No | boolean
| false
| Set to `true` for tabs to have an auto-width |
-| iconDescription | let
| No | string
| "Show menu options"
| Specify the ARIA label for the chevron icon |
-| triggerHref | let
| No | string
| "#"
| Specify the tab trigger href attribute |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ----------------------------------------- | -------------------------------- | -------------------------------------------- |
+| selected | No | let
| Yes | number
| 0
| Specify the selected tab index |
+| type | No | let
| No | "default" | "container"
| "default"
| Specify the type of tabs |
+| autoWidth | No | let
| No | boolean
| false
| Set to `true` for tabs to have an auto-width |
+| iconDescription | No | let
| No | string
| "Show menu options"
| Specify the ARIA label for the chevron icon |
+| triggerHref | No | let
| No | string
| "#"
| Specify the tab trigger href attribute |
### Slots
@@ -3928,10 +3928,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :---------------------------------------- | ---------------------- | ------------------------------------ |
-| count | let
| No | number
| 4
| Specify the number of tabs to render |
-| type | let
| No | "default" | "container"
| "default"
| Specify the type of tabs |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ----------------------------------------- | ---------------------- | ------------------------------------ |
+| count | No | let
| No | number
| 4
| Specify the number of tabs to render |
+| type | No | let
| No | "default" | "container"
| "default"
| Specify the type of tabs |
### Slots
@@ -3950,17 +3950,17 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------- |
-| type | let
| No | "red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast" | "outline"
| undefined
| Specify the type of tag |
-| size | let
| No | "sm" | "default"
| "default"
| -- |
-| filter | let
| No | boolean
| false
| Set to `true` to use filterable variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable a filterable tag |
-| interactive | let
| No | boolean
| false
| Set to `true` to render a `button` element instead of a `div` |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| title | let
| No | string
| "Clear filter"
| Set the title for the close button in a filterable tag |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the filterable tag |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------- |
+| type | No | let
| No | "red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast" | "outline"
| undefined
| Specify the type of tag |
+| size | No | let
| No | "sm" | "default"
| "default"
| -- |
+| filter | No | let
| No | boolean
| false
| Set to `true` to use filterable variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable a filterable tag |
+| interactive | No | let
| No | boolean
| false
| Set to `true` to render a `button` element instead of a `div` |
+| skeleton | No | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
+| title | No | let
| No | string
| "Clear filter"
| Set the title for the close button in a filterable tag |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the filterable tag |
### Slots
@@ -3983,9 +3983,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------- | ---------------------- | ----------- |
-| size | let
| No | "sm" | "default"
| "default"
| -- |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------- | ---------------------- | ----------- |
+| size | No | let
| No | "sm" | "default"
| "default"
| -- |
### Slots
@@ -4004,24 +4004,24 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
-| ref | let
| Yes | null | HTMLTextAreaElement
| null
| Obtain a reference to the textarea HTML element |
-| value | let
| Yes | string
| ""
| Specify the textarea value |
-| placeholder | let
| No | string
| ""
| Specify the placeholder text |
-| cols | let
| No | number
| 50
| Specify the number of cols |
-| rows | let
| No | number
| 4
| Specify the number of rows |
-| maxCount | let
| No | number
| undefined
| Specify the max character count |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| readonly | let
| No | boolean
| false
| Set to `true` to use the read-only variant |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the text for the invalid state |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the textarea element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | -------------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLTextAreaElement
| null
| Obtain a reference to the textarea HTML element |
+| value | No | let
| Yes | string
| ""
| Specify the textarea value |
+| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
+| cols | No | let
| No | number
| 50
| Specify the number of cols |
+| rows | No | let
| No | number
| 4
| Specify the number of rows |
+| maxCount | No | let
| No | number
| undefined
| Specify the max character count |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| readonly | No | let
| No | boolean
| false
| Set to `true` to use the read-only variant |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the text for the invalid state |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the textarea element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
### Slots
@@ -4048,9 +4048,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------------- |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | --------------------------------------------- |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
### Slots
@@ -4069,26 +4069,26 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :-------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| value | let
| Yes | null | number | string
| ""
| Specify the input value.
`value` will be set to `null` if type="number"
and the value is empty. |
-| size | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
-| placeholder | let
| No | string
| ""
| Specify the placeholder text |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| helperText | let
| No | string
| ""
| Specify the helper text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| warn | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
-| warnText | let
| No | string
| ""
| Specify the warning state text |
-| required | let
| No | boolean
| false
| Set to `true` to mark the field as required |
-| inline | let
| No | boolean
| false
| Set to `true` to use the inline variant |
-| readonly | let
| No | boolean
| false
| Set to `true` to use the read-only variant |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | --------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| value | No | let
| Yes | null | number | string
| ""
| Specify the input value.
`value` will be set to `null` if type="number"
and the value is empty. |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Set the size of the input |
+| placeholder | No | let
| No | string
| ""
| Specify the placeholder text |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| helperText | No | let
| No | string
| ""
| Specify the helper text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| warn | No | let
| No | boolean
| false
| Set to `true` to indicate an warning state |
+| warnText | No | let
| No | string
| ""
| Specify the warning state text |
+| required | No | let
| No | boolean
| false
| Set to `true` to mark the field as required |
+| inline | No | let
| No | boolean
| false
| Set to `true` to use the inline variant |
+| readonly | No | let
| No | boolean
| false
| Set to `true` to use the read-only variant |
### Slots
@@ -4115,9 +4115,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ------------------------------------ |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to hide the label text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ------------------------------------ |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to hide the label text |
### Slots
@@ -4142,15 +4142,15 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| theme | let
| Yes | CarbonTheme
| "white"
| Set the current Carbon theme |
-| tokens | let
| No | { [token: string]: any; }
| {}
| Customize a theme with your own tokens
@see https://carbondesignsystem.com/guidelines/themes/overview#customizing-a-theme |
-| persist | let
| No | boolean
| false
| Set to `true` to persist the theme using window.localStorage |
-| persistKey | let
| No | string
| "theme"
| Specify the local storage key |
-| render | let
| No | "toggle" | "select"
| undefined
| Render a toggle or select dropdown to control the theme |
-| toggle | let
| No | import("../Toggle/Toggle").ToggleProps & { themes?: [labelA: CarbonTheme, labelB: CarbonTheme]; }
| { themes: ["white", "g100"], labelA: "", labelB: "", labelText: "Dark mode", hideLabel: false, }
| Override the default toggle props |
-| select | let
| No | import("../Select/Select").SelectProps & { themes?: CarbonTheme[]; }
| { themes: themeKeys, labelText: "Themes", hideLabel: false, }
| Override the default select props |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| theme | No | let
| Yes | CarbonTheme
| "white"
| Set the current Carbon theme |
+| tokens | No | let
| No | { [token: string]: any; }
| {}
| Customize a theme with your own tokens
@see https://carbondesignsystem.com/guidelines/themes/overview#customizing-a-theme |
+| persist | No | let
| No | boolean
| false
| Set to `true` to persist the theme using window.localStorage |
+| persistKey | No | let
| No | string
| "theme"
| Specify the local storage key |
+| render | No | let
| No | "toggle" | "select"
| undefined
| Render a toggle or select dropdown to control the theme |
+| toggle | No | let
| No | import("../Toggle/Toggle").ToggleProps & { themes?: [labelA: CarbonTheme, labelB: CarbonTheme]; }
| { themes: ["white", "g100"], labelA: "", labelB: "", labelText: "Dark mode", hideLabel: false, }
| Override the default toggle props |
+| select | No | let
| No | import("../Select/Select").SelectProps & { themes?: CarbonTheme[]; }
| { themes: themeKeys, labelText: "Themes", hideLabel: false, }
| Override the default select props |
### Slots
@@ -4168,9 +4168,9 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ------------------ | ----------------------------------------- |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ----------------------------------------- |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
### Slots
@@ -4191,11 +4191,11 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :------------------- | ---------------------- | --------------------------------------- |
-| selected | let
| Yes | string
| undefined
| Specify the selected tile value |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tile group |
-| legend | let
| No | string
| ""
| Specify the legend text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | -------------------- | ---------------------- | --------------------------------------- |
+| selected | No | let
| Yes | string
| undefined
| Specify the selected tile value |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tile group |
+| legend | No | let
| No | string
| ""
| Specify the legend text |
### Slots
@@ -4213,23 +4213,23 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :---------------------------------------- | --------------------------------------------------- | ----------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| value | let
| Yes | string
| ""
| Specify the input value |
-| size | let
| No | "sm" | "xl"
| undefined
| Specify the size of the input |
-| type | let
| No | string
| "text"
| Specify the input type |
-| placeholder | let
| No | string
| "hh:mm"
| Specify the input placeholder text |
-| pattern | let
| No | string
| "(1[012]|[1-9]):[0-5][0-9](\\s)?"
| Specify the `pattern` attribute for the input element |
-| maxlength | let
| No | number
| 5
| Specify the `maxlength` input attribute |
-| light | let
| No | boolean
| false
| Set to `true` to enable the light variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the input |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| invalid | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
-| invalidText | let
| No | string
| ""
| Specify the invalid state text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | ----------------------------------------- | --------------------------------------------------- | ----------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| value | No | let
| Yes | string
| ""
| Specify the input value |
+| size | No | let
| No | "sm" | "xl"
| undefined
| Specify the size of the input |
+| type | No | let
| No | string
| "text"
| Specify the input type |
+| placeholder | No | let
| No | string
| "hh:mm"
| Specify the input placeholder text |
+| pattern | No | let
| No | string
| "(1[012]|[1-9]):[0-5][0-9](\\s)?"
| Specify the `pattern` attribute for the input element |
+| maxlength | No | let
| No | number
| 5
| Specify the `maxlength` input attribute |
+| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the input |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| invalid | No | let
| No | boolean
| false
| Set to `true` to indicate an invalid state |
+| invalidText | No | let
| No | string
| ""
| Specify the invalid state text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the input |
### Slots
@@ -4257,15 +4257,15 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
-| ref | let
| Yes | null | HTMLSelectElement
| null
| Obtain a reference to the select HTML element |
-| value | let
| Yes | number | string
| ""
| Specify the select value |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the select |
-| iconDescription | let
| No | string
| "Open list of options"
| Specify the ARIA label for the chevron icon |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the select element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the select element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | ------------------------------------------ | ------------------------------------------------ | ----------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLSelectElement
| null
| Obtain a reference to the select HTML element |
+| value | No | let
| Yes | number | string
| ""
| Specify the select value |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the select |
+| iconDescription | No | let
| No | string
| "Open list of options"
| Specify the ARIA label for the chevron icon |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the select element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the select element |
### Slots
@@ -4287,17 +4287,17 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
-| kind | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification |
-| lowContrast | let
| No | boolean
| false
| Set to `true` to use the low contrast variant |
-| timeout | let
| No | number
| 0
| Set the timeout duration (ms) to hide the notification after opening it |
-| role | let
| No | string
| "alert"
| Set the `role` attribute |
-| title | let
| No | string
| ""
| Specify the title text |
-| subtitle | let
| No | string
| ""
| Specify the subtitle text |
-| caption | let
| No | string
| ""
| Specify the caption text |
-| iconDescription | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
-| hideCloseButton | let
| No | boolean
| false
| Set to `true` to hide the close button |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | -------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
+| kind | No | let
| No | "error" | "info" | "info-square" | "success" | "warning" | "warning-alt"
| "error"
| Specify the kind of notification |
+| lowContrast | No | let
| No | boolean
| false
| Set to `true` to use the low contrast variant |
+| timeout | No | let
| No | number
| 0
| Set the timeout duration (ms) to hide the notification after opening it |
+| role | No | let
| No | string
| "alert"
| Set the `role` attribute |
+| title | No | let
| No | string
| ""
| Specify the title text |
+| subtitle | No | let
| No | string
| ""
| Specify the subtitle text |
+| caption | No | let
| No | string
| ""
| Specify the caption text |
+| iconDescription | No | let
| No | string
| "Closes notification"
| Specify the ARIA label for the icon |
+| hideCloseButton | No | let
| No | boolean
| false
| Set to `true` to hide the close button |
### Slots
@@ -4322,16 +4322,16 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
-| toggled | let
| Yes | boolean
| false
| Set to `true` to toggle the checkbox input |
-| size | let
| No | "default" | "sm"
| "default"
| Specify the toggle size |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable checkbox input |
-| labelA | let
| No | string
| "Off"
| Specify the label for the untoggled state |
-| labelB | let
| No | string
| "On"
| Specify the label for the toggled state |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
-| name | let
| No | string
| undefined
| Specify a name attribute for the checkbox input |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
+| toggled | No | let
| Yes | boolean
| false
| Set to `true` to toggle the checkbox input |
+| size | No | let
| No | "default" | "sm"
| "default"
| Specify the toggle size |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable checkbox input |
+| labelA | No | let
| No | string
| "Off"
| Specify the label for the untoggled state |
+| labelB | No | let
| No | string
| "On"
| Specify the label for the toggled state |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| name | No | let
| No | string
| undefined
| Specify a name attribute for the checkbox input |
### Slots
@@ -4359,11 +4359,11 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------- | ------------------------------------------------ | ------------------------------- |
-| size | let
| No | "default" | "sm"
| "default"
| Specify the toggle size |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------- | ------------------------------------------------ | ------------------------------- |
+| size | No | let
| No | "default" | "sm"
| "default"
| Specify the toggle size |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the input element |
### Slots
@@ -4384,9 +4384,9 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100";
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :--------------------------------- | ---------------------- | ------------------------ |
-| size | let
| No | "sm" | "default"
| "default"
| Specify the toolbar size |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | ---------------------------------- | ---------------------- | ------------------------ |
+| size | No | let
| No | "sm" | "default"
| "default"
| Specify the toolbar size |
### Slots
@@ -4402,9 +4402,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------ | :--------------- | :------- | :--------------------------------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------------- |
-| formatTotalSelected | let
| No | (totalSelected: number) => string
| (totalSelected) => \`${totalSelected} item${totalSelected === 1 ? "" : "s"} selected\`
| Override the total items selected text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------ | :------- | :--------------- | :------- | ---------------------------------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------------- |
+| formatTotalSelected | No | let
| No | (totalSelected: number) => string
| (totalSelected) => \`${totalSelected} item${totalSelected === 1 ? "" : "s"} selected\`
| Override the total items selected text |
### Slots
@@ -4472,15 +4472,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------------- | :--------------- | :------- | :--------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
-| expanded | let
| Yes | boolean
| false
| Set to `true` to expand the search bar |
-| value | let
| Yes | number | string
| ""
| Specify the value of the search input |
-| persistent | let
| No | boolean
| false
| Set to `true` to keep the search bar expanded |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the search bar |
-| shouldFilterRows | let
| No | boolean | ((row: import("./DataTable.svelte").DataTableRow, value: number | string) => boolean)
| false
| Set to `true` to filter table rows using the search value.
If `true`, the default search excludes `id`, `cells` fields and
only does a basic comparison on string and number type cell values.
To implement your own client-side filtering, pass a function
that accepts a row and value and returns a boolean. |
-| tabindex | let
| No | string
| "0"
| Specify the tabindex |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLInputElement
| null
| Obtain a reference to the input HTML element |
+| expanded | No | let
| Yes | boolean
| false
| Set to `true` to expand the search bar |
+| value | No | let
| Yes | number | string
| ""
| Specify the value of the search input |
+| persistent | No | let
| No | boolean
| false
| Set to `true` to keep the search bar expanded |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the search bar |
+| shouldFilterRows | No | let
| No | boolean | ((row: import("./DataTable.svelte").DataTableRow, value: number | string) => boolean)
| false
| Set to `true` to filter table rows using the search value.
If `true`, the default search excludes `id`, `cells` fields and
only does a basic comparison on string and number type cell values.
To implement your own client-side filtering, pass a function
that accepts a row and value and returns a boolean. |
+| tabindex | No | let
| No | string
| "0"
| Specify the tabindex |
### Slots
@@ -4500,22 +4500,22 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------------- | :--------------- | :------- | :-------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------ |
-| refIcon | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the icon HTML element |
-| refTooltip | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the tooltip HTML element |
-| ref | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the trigger text HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the tooltip |
-| align | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
-| direction | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the direction of the tooltip relative to the button |
-| hideIcon | let
| No | boolean
| false
| Set to `true` to hide the tooltip icon |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the tooltip button.
Default to `<Information />` |
-| iconDescription | let
| No | string
| ""
| Specify the ARIA label for the tooltip button |
-| iconName | let
| No | string
| ""
| Specify the icon name attribute |
-| tabindex | let
| No | string
| "0"
| Set the button tabindex |
-| tooltipId | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip |
-| triggerId | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip button |
-| triggerText | let
| No | string
| ""
| Set the tooltip button text |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------ |
+| refIcon | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the icon HTML element |
+| refTooltip | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the tooltip HTML element |
+| ref | No | let
| Yes | null | HTMLDivElement
| null
| Obtain a reference to the trigger text HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the tooltip |
+| align | No | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
+| direction | No | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the direction of the tooltip relative to the button |
+| hideIcon | No | let
| No | boolean
| false
| Set to `true` to hide the tooltip icon |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render for the tooltip button.
Default to `<Information />` |
+| iconDescription | No | let
| No | string
| ""
| Specify the ARIA label for the tooltip button |
+| iconName | No | let
| No | string
| ""
| Specify the icon name attribute |
+| tabindex | No | let
| No | string
| "0"
| Set the button tabindex |
+| tooltipId | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip |
+| triggerId | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip button |
+| triggerText | No | let
| No | string
| ""
| Set the tooltip button text |
### Slots
@@ -4538,14 +4538,14 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :------------------------------------------------ | ------------------------------------------------ | ----------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| open | let
| Yes | boolean
| false
| Set to `true` to open the tooltip |
-| tooltipText | let
| No | string
| ""
| Specify the tooltip text |
-| align | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
-| direction | let
| No | "top" | "bottom"
| "bottom"
| Set the direction of the tooltip relative to the icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip div element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | ------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------- |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| open | No | let
| Yes | boolean
| false
| Set to `true` to open the tooltip |
+| tooltipText | No | let
| No | string
| ""
| Specify the tooltip text |
+| align | No | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
+| direction | No | let
| No | "top" | "bottom"
| "bottom"
| Set the direction of the tooltip relative to the icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the tooltip div element |
### Slots
@@ -4570,9 +4570,9 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------------- | :--------------- | :------- | :------------------ | ---------------------------------------------- | --------------------------------------------------------------------------- |
-| selectorPrimaryFocus | let
| No | string
| "a[href], button:not([disabled])"
| Specify a selector to be focused inside the footer when opening the tooltip |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------------- | :------- | :--------------- | :------- | ------------------- | ---------------------------------------------- | --------------------------------------------------------------------------- |
+| selectorPrimaryFocus | No | let
| No | string
| "a[href], button:not([disabled])"
| Specify a selector to be focused inside the footer when opening the tooltip |
### Slots
@@ -4588,15 +4588,15 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :---------- | :--------------- | :------- | :-------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| tooltipText | let
| No | string
| ""
| Specify the tooltip text.
Alternatively, use the "tooltipText" slot |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the tooltip icon |
-| align | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
-| direction | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the direction of the tooltip relative to the icon |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the span element |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ |
+| ref | No | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| tooltipText | No | let
| No | string
| ""
| Specify the tooltip text.
Alternatively, use the "tooltipText" slot |
+| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
+| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the tooltip icon |
+| align | No | let
| No | "start" | "center" | "end"
| "center"
| Set the alignment of the tooltip relative to the icon |
+| direction | No | let
| No | "top" | "right" | "bottom" | "left"
| "bottom"
| Set the direction of the tooltip relative to the icon |
+| id | No | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the span element |
### Slots
@@ -4633,19 +4633,19 @@ export interface TreeNode {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :------------ | :-------------------- | :------- | :------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ |
-| expandedIds | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be expanded |
-| selectedIds | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be selected |
-| activeId | let
| Yes | TreeNodeId
| ""
| Set the current active node id
Only one node can be active |
-| children | let
| No | Array
| []
| Provide an array of children nodes to render |
-| size | let
| No | "default" | "compact"
| "default"
| Specify the TreeView size |
-| labelText | let
| No | string
| ""
| Specify the label text |
-| hideLabel | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
-| expandAll | function
| No | () => void
| () => { expandedIds = [...nodeIds]; }
| Programmatically expand all nodes |
-| collapseAll | function
| No | () => void
| () => { expandedIds = []; }
| Programmatically collapse all nodes |
-| expandNodes | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter( (node) => filterNode(node) || node.children?.some((child) => filterNode(child) && child.children) ) .map((node) => node.id); }
| Programmatically expand a subset of nodes.
Expands all nodes if no argument is provided |
-| collapseNodes | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter((node) => expandedIds.includes(node.id) && !filterNode(node)) .map((node) => node.id); }
| Programmatically collapse a subset of nodes.
Collapses all nodes if no argument is provided |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :------------ | :------- | :-------------------- | :------- | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ |
+| expandedIds | No | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be expanded |
+| selectedIds | No | let
| Yes | TreeNodeId[]
| []
| Set the node ids to be selected |
+| activeId | No | let
| Yes | TreeNodeId
| ""
| Set the current active node id
Only one node can be active |
+| children | No | let
| No | Array
| []
| Provide an array of children nodes to render |
+| size | No | let
| No | "default" | "compact"
| "default"
| Specify the TreeView size |
+| labelText | No | let
| No | string
| ""
| Specify the label text |
+| hideLabel | No | let
| No | boolean
| false
| Set to `true` to visually hide the label text |
+| expandAll | No | function
| No | () => void
| () => { expandedIds = [...nodeIds]; }
| Programmatically expand all nodes |
+| collapseAll | No | function
| No | () => void
| () => { expandedIds = []; }
| Programmatically collapse all nodes |
+| expandNodes | No | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter( (node) => filterNode(node) || node.children?.some((child) => filterNode(child) && child.children) ) .map((node) => node.id); }
| Programmatically expand a subset of nodes.
Expands all nodes if no argument is provided |
+| collapseNodes | No | function
| No | (filterId?: (node: TreeNode) => boolean) => void
| () => { expandedIds = nodes .filter((node) => expandedIds.includes(node.id) && !filterNode(node)) .map((node) => node.id); }
| Programmatically collapse a subset of nodes.
Collapses all nodes if no argument is provided |
### Slots
@@ -4666,9 +4666,9 @@ export interface TreeNode {
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :-------------------------------- | ------------------ | ----------- |
-| clamp | let
| No | "end" | "front"
| "end"
| -- |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :-------- | :------- | :--------------- | :------- | --------------------------------- | ------------------ | ----------- |
+| clamp | No | let
| No | "end" | "front"
| "end"
| -- |
### Slots
@@ -4684,10 +4684,10 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :--------- | :--------------- | :------- | :------------------- | ------------------ | ---------------------------------------------------- |
-| nested | let
| No | boolean
| false
| Set to `true` to use the nested variant |
-| expressive | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
+| Prop name | Required | Kind | Reactive | Type | Default value | Description |
+| :--------- | :------- | :--------------- | :------- | -------------------- | ------------------ | ---------------------------------------------------- |
+| nested | No | let
| No | boolean
| false
| Set to `true` to use the nested variant |
+| expressive | No | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
### Slots
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index bbd39a53..2a5650e1 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -13,6 +13,7 @@
"value": "\"end\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -23,6 +24,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -34,6 +36,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -45,6 +48,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -92,6 +96,7 @@
"value": "\"title\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -103,6 +108,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -114,6 +120,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -125,6 +132,7 @@
"value": "\"Expand/Collapse\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -162,6 +170,7 @@
"value": "4",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -173,6 +182,7 @@
"value": "\"end\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -183,6 +193,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -194,6 +205,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -221,6 +233,7 @@
"value": "\"2x1\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -243,6 +256,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -254,6 +268,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -300,6 +315,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -311,6 +327,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -344,6 +361,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -355,6 +373,7 @@
"value": "3",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -381,6 +400,7 @@
"type": "BreakpointSize",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -392,6 +412,7 @@
"value": "{ sm: false, md: false, lg: false, xlg: false, max: false, }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -436,6 +457,7 @@
"value": "\"primary\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -447,6 +469,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -458,6 +481,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -469,6 +493,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -479,6 +504,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -489,6 +515,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -500,6 +527,7 @@
"value": "\"center\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -511,6 +539,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -522,6 +551,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -533,6 +563,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -544,6 +575,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -554,6 +586,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -565,6 +598,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -576,6 +610,7 @@
"value": "\"button\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -587,6 +622,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -636,6 +672,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -657,6 +694,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -668,6 +706,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -695,6 +734,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -706,6 +746,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -716,6 +757,7 @@
"type": "any[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -727,6 +769,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -738,6 +781,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -749,6 +793,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -760,6 +805,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -771,6 +817,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -782,6 +829,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -793,6 +841,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -804,6 +853,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -814,6 +864,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -825,6 +876,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -836,6 +888,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -900,6 +953,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -911,6 +965,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -922,6 +977,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -932,6 +988,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -960,6 +1017,7 @@
"value": "\"single\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -970,6 +1028,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -981,6 +1040,7 @@
"value": "async (code) => { try { await navigator.clipboard.writeText(code); } catch (e) { console.log(e); } }",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -992,6 +1052,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1003,6 +1064,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1014,6 +1076,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1025,6 +1088,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1036,6 +1100,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1047,6 +1112,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1057,6 +1123,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1067,6 +1134,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1078,6 +1146,7 @@
"value": "\"Copied!\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1089,6 +1158,7 @@
"value": "2000",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1100,6 +1170,7 @@
"value": "\"Show less\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1111,6 +1182,7 @@
"value": "\"Show more\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1122,6 +1194,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1133,6 +1206,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1144,6 +1218,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -1202,6 +1277,7 @@
"value": "\"single\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1229,6 +1305,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1240,6 +1317,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1251,6 +1329,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1262,6 +1341,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1273,6 +1353,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1283,6 +1364,7 @@
"type": "\"2x1\" | \"16x9\" | \"9x16\" | \"1x2\" | \"4x3\" | \"3x4\" | \"1x1\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1293,6 +1375,7 @@
"type": "ColumnBreakpoint",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1303,6 +1386,7 @@
"type": "ColumnBreakpoint",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1313,6 +1397,7 @@
"type": "ColumnBreakpoint",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1323,6 +1408,7 @@
"type": "ColumnBreakpoint",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1333,6 +1419,7 @@
"type": "ColumnBreakpoint",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1377,6 +1464,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1388,6 +1476,7 @@
"value": "(item) => item.text || item.id",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1398,6 +1487,7 @@
"type": "ComboBoxItemId",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1409,6 +1499,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1420,6 +1511,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1430,6 +1522,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1441,6 +1534,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1452,6 +1546,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1463,6 +1558,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1474,6 +1570,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1485,6 +1582,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1496,6 +1594,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1507,6 +1606,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1518,6 +1618,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1529,6 +1630,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1540,6 +1642,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1551,6 +1654,7 @@
"value": "() => true",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1561,6 +1665,7 @@
"type": "(id: import(\"../ListBox/ListBoxMenuIcon.svelte\").ListBoxMenuIconTranslationId) => string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1571,6 +1676,7 @@
"type": "(id: \"clearSelection\") => string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1582,6 +1688,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1592,6 +1699,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1603,6 +1711,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1614,6 +1723,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1625,6 +1735,7 @@
"value": "() => { prevSelectedId = null; highlightedIndex = -1; highlightedId = undefined; selectedId = undefined; selectedItem = undefined; open = false; inputValue = \"\"; if (options?.focus !== false) ref?.focus(); }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1676,6 +1787,7 @@
"type": "\"xs\" | \"sm\" | \"lg\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1687,6 +1799,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1698,6 +1811,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1709,6 +1823,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1720,6 +1835,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1731,6 +1847,7 @@
"value": "\"[data-modal-primary-focus]\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1742,6 +1859,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -1783,6 +1901,7 @@
"value": "\"main-content\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1805,6 +1924,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1815,6 +1935,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1843,6 +1964,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1854,6 +1976,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1865,6 +1988,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1876,6 +2000,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1887,6 +2012,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -1922,6 +2048,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1933,6 +2060,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -1954,6 +2082,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1965,6 +2094,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -1976,6 +2106,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1986,6 +2117,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -1997,6 +2129,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2008,6 +2141,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2019,6 +2153,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2030,6 +2165,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2041,6 +2177,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2052,6 +2189,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -2099,6 +2237,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2110,6 +2249,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -2131,6 +2271,7 @@
"value": "\"Copied!\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2142,6 +2283,7 @@
"value": "2000",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2153,6 +2295,7 @@
"value": "\"Copy to clipboard\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2163,6 +2306,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": true,
"constant": false,
"reactive": false
},
@@ -2174,6 +2318,7 @@
"value": "async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } }",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -2200,6 +2345,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2211,6 +2357,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2221,6 +2368,7 @@
"type": "\"compact\" | \"short\" | \"medium\" | \"tall\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2232,6 +2380,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2243,6 +2392,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2254,6 +2404,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2265,6 +2416,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2276,6 +2428,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2287,6 +2440,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2298,6 +2452,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2309,6 +2464,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2320,6 +2476,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2331,6 +2488,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2342,6 +2500,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2353,6 +2512,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2364,6 +2524,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2375,6 +2536,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2386,6 +2548,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2397,6 +2560,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2408,6 +2572,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -2539,6 +2704,7 @@
"value": "5",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2550,6 +2716,7 @@
"value": "5",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2560,6 +2727,7 @@
"type": "\"compact\" | \"short\" | \"tall\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2571,6 +2739,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2582,6 +2751,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2593,6 +2763,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2604,6 +2775,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -2635,6 +2807,7 @@
"value": "\"simple\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2646,6 +2819,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2657,6 +2831,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2668,6 +2843,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -2679,6 +2855,7 @@
"value": "\"m/d/Y\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2690,6 +2867,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2701,6 +2879,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2712,6 +2891,7 @@
"value": "\"en\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2723,6 +2903,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2734,6 +2915,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2745,6 +2927,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2756,6 +2939,7 @@
"value": "{ static: true }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -2787,6 +2971,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2798,6 +2983,7 @@
"value": "\"text\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2809,6 +2995,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2820,6 +3007,7 @@
"value": "\"\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2831,6 +3019,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2842,6 +3031,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2853,6 +3043,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2864,6 +3055,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2875,6 +3067,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2886,6 +3079,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2897,6 +3091,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2908,6 +3103,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2919,6 +3115,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2930,6 +3127,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2940,6 +3138,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2951,6 +3150,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -2985,6 +3185,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -2996,6 +3197,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -3023,6 +3225,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3034,6 +3237,7 @@
"value": "(item) => item.text || item.id",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3044,6 +3248,7 @@
"type": "DropdownItemId",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": true,
"constant": false,
"reactive": true
},
@@ -3055,6 +3260,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3066,6 +3272,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3076,6 +3283,7 @@
"type": "\"sm\" | \"lg\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3087,6 +3295,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3098,6 +3307,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3109,6 +3319,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3120,6 +3331,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3131,6 +3343,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3142,6 +3355,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3153,6 +3367,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3164,6 +3379,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3175,6 +3391,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3186,6 +3403,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3196,6 +3414,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3207,6 +3426,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3217,6 +3437,7 @@
"type": "(id: import(\"../ListBox/ListBoxMenuIcon.svelte\").ListBoxMenuIconTranslationId) => string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3228,6 +3449,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3238,6 +3460,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3249,6 +3472,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -3300,6 +3524,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -3327,6 +3552,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3338,6 +3564,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3349,6 +3576,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3360,6 +3588,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3371,6 +3600,7 @@
"value": "\"Interact to expand Tile\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3382,6 +3612,7 @@
"value": "\"Interact to collapse Tile\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3393,6 +3624,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3404,6 +3636,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3415,6 +3648,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3426,6 +3660,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3437,6 +3672,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -3468,6 +3704,7 @@
"value": "\"uploading\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3479,6 +3716,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3490,6 +3728,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3501,6 +3740,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3512,6 +3752,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3523,6 +3764,7 @@
"value": "() => { files = []; }",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
},
@@ -3534,6 +3776,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3545,6 +3788,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3556,6 +3800,7 @@
"value": "\"primary\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3567,6 +3812,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3578,6 +3824,7 @@
"value": "\"Provide icon description\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3589,6 +3836,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -3620,6 +3868,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3631,6 +3880,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3642,6 +3892,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3653,6 +3904,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3664,6 +3916,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3675,6 +3928,7 @@
"value": "\"primary\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3686,6 +3940,7 @@
"value": "\"Add file\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3697,6 +3952,7 @@
"value": "\"button\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3708,6 +3964,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3719,6 +3976,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3730,6 +3988,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3741,6 +4000,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -3774,6 +4034,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3785,6 +4046,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -3796,6 +4058,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3807,6 +4070,7 @@
"value": "(files) => files",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3818,6 +4082,7 @@
"value": "\"Add file\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3829,6 +4094,7 @@
"value": "\"button\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3840,6 +4106,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3851,6 +4118,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3862,6 +4130,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3873,6 +4142,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3884,6 +4154,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -3921,6 +4192,7 @@
"value": "\"uploading\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3932,6 +4204,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3943,6 +4216,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3954,6 +4228,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3965,6 +4240,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3976,6 +4252,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3987,6 +4264,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -3998,6 +4276,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4040,6 +4319,7 @@
"value": "\"uploading\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4051,6 +4331,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4062,6 +4343,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4104,6 +4386,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4133,6 +4416,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4144,6 +4428,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4155,6 +4440,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4166,6 +4452,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4177,6 +4464,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4188,6 +4476,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4230,6 +4519,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4257,6 +4547,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4268,6 +4559,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4279,6 +4571,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4290,6 +4583,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4301,6 +4595,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4312,6 +4607,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4323,6 +4619,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4334,6 +4631,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4362,6 +4660,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4373,6 +4672,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4383,6 +4683,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4393,6 +4694,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4403,6 +4705,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4414,6 +4717,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4425,6 +4729,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4436,6 +4741,7 @@
"value": "1056",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4447,6 +4753,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4457,6 +4764,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4467,6 +4775,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4498,6 +4807,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4508,6 +4818,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4518,6 +4829,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4528,6 +4840,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4539,6 +4852,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4550,6 +4864,7 @@
"value": "{ duration: 200 }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -4596,6 +4911,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4606,6 +4922,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4616,6 +4933,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4627,6 +4945,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4656,6 +4975,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4666,6 +4986,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4677,6 +4998,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4715,6 +5037,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4725,6 +5048,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4736,6 +5060,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4747,6 +5072,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4778,6 +5104,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4789,6 +5116,7 @@
"value": "\"/\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4799,6 +5127,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4810,6 +5139,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4849,6 +5179,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4860,6 +5191,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4891,6 +5223,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4902,6 +5235,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4913,6 +5247,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -4924,6 +5259,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -4935,6 +5271,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -4993,6 +5330,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5004,6 +5342,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5014,6 +5353,7 @@
"type": "\"2x1\" | \"16x9\" | \"4x3\" | \"1x1\" | \"3x4\" | \"3x2\" | \"9x16\" | \"1x2\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5025,6 +5365,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -5036,6 +5377,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -5047,6 +5389,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -5058,6 +5401,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5069,6 +5413,7 @@
"value": "(url) => { if (image != null) image = null; loaded = false; error = false; image = new Image(); image.src = url || src; image.onload = () => (loaded = true); image.onerror = () => (error = true); }",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
}
@@ -5097,6 +5442,7 @@
"value": "\"active\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5107,6 +5453,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5117,6 +5464,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5128,6 +5476,7 @@
"value": "1500",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5156,6 +5505,7 @@
"value": "\"error\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5167,6 +5517,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5178,6 +5529,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5189,6 +5541,7 @@
"value": "\"alert\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5200,6 +5553,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5211,6 +5565,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5222,6 +5577,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5233,6 +5589,7 @@
"value": "\"Closes notification\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5279,6 +5636,7 @@
"type": "\"sm\" | \"lg\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5289,6 +5647,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5300,6 +5659,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5310,6 +5670,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5321,6 +5682,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5332,6 +5694,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5343,6 +5706,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -5377,6 +5741,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5388,6 +5753,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5399,6 +5765,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5410,6 +5777,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5421,6 +5789,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5432,6 +5801,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5443,6 +5813,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5454,6 +5825,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5465,6 +5837,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5490,6 +5863,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5501,6 +5875,7 @@
"value": "\"combobox\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5512,6 +5887,7 @@
"value": "\"-1\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5523,6 +5899,7 @@
"value": "{ close: \"close\", open: \"open\" }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
},
@@ -5534,6 +5911,7 @@
"value": "(id) => defaultTranslations[id]",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5545,6 +5923,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5556,6 +5935,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -5592,6 +5972,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5603,6 +5984,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -5625,6 +6007,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5636,6 +6019,7 @@
"value": "{ close: \"close\", open: \"open\" }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
},
@@ -5647,6 +6031,7 @@
"value": "(id) => defaultTranslations[id]",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5675,6 +6060,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5686,6 +6072,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5711,6 +6098,7 @@
"type": "number",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5722,6 +6110,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5733,6 +6122,7 @@
"value": "{ clearAll: \"clearAll\", clearSelection: \"clearSelection\", }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
},
@@ -5744,6 +6134,7 @@
"value": "(id) => defaultTranslations[id]",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5755,6 +6146,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -5798,6 +6190,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5809,6 +6202,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5820,6 +6214,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5831,6 +6226,7 @@
"value": "\"Active loading indicator\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5842,6 +6238,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5864,6 +6261,7 @@
"value": "\"local-storage-key\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5875,6 +6273,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -5886,6 +6285,7 @@
"value": "() => { localStorage.removeItem(key); }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5897,6 +6297,7 @@
"value": "() => { localStorage.clear(); }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -5924,6 +6325,7 @@
"type": "\"xs\" | \"sm\" | \"lg\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5935,6 +6337,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -5946,6 +6349,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5957,6 +6361,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5968,6 +6373,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5978,6 +6384,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5988,6 +6395,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -5998,6 +6406,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6009,6 +6418,7 @@
"value": "\"Close the modal\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6020,6 +6430,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6031,6 +6442,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6042,6 +6454,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6053,6 +6466,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6063,6 +6477,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6074,6 +6489,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6085,6 +6501,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6096,6 +6513,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6107,6 +6525,7 @@
"value": "\"[data-modal-primary-focus]\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6118,6 +6537,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6129,6 +6549,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6140,6 +6561,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -6200,6 +6622,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6211,6 +6634,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -6233,6 +6657,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6243,6 +6668,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6254,6 +6680,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6264,6 +6691,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6275,6 +6703,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6286,6 +6715,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6296,6 +6726,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6307,6 +6738,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -6335,6 +6767,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6346,6 +6779,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6357,6 +6791,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6368,6 +6803,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6379,6 +6815,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6390,6 +6827,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6401,6 +6839,7 @@
"value": "\"Close\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -6423,6 +6862,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6434,6 +6874,7 @@
"value": "(item) => item.text || item.id",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6445,6 +6886,7 @@
"value": "(item) => {}",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6456,6 +6898,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6467,6 +6910,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6477,6 +6921,7 @@
"type": "\"sm\" | \"lg\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6488,6 +6933,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6499,6 +6945,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6510,6 +6957,7 @@
"value": "\"top-after-reopen\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6521,6 +6969,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6532,6 +6981,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6543,6 +6993,7 @@
"value": "(item, value) => item.text.toLowerCase().includes(value.trim().toLowerCase())",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6554,6 +7005,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6565,6 +7017,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6576,6 +7029,7 @@
"value": "\"en\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6587,6 +7041,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6598,6 +7053,7 @@
"value": "(a, b) => a.text.localeCompare(b.text, locale, { numeric: true })",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6608,6 +7064,7 @@
"type": "(id: import(\"../ListBox/ListBoxMenuIcon.svelte\").ListBoxMenuIconTranslationId) => string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6618,6 +7075,7 @@
"type": "(id: import(\"../ListBox/ListBoxSelection.svelte\").ListBoxSelectionTranslationId) => string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6629,6 +7087,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6640,6 +7099,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6651,6 +7111,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6662,6 +7123,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6673,6 +7135,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6684,6 +7147,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6695,6 +7159,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6706,6 +7171,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6717,6 +7183,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6728,6 +7195,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6738,6 +7206,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6749,6 +7218,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6760,6 +7230,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6771,6 +7242,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6782,6 +7254,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6793,6 +7266,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -6868,6 +7342,7 @@
"value": "\"toast\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6878,6 +7353,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6888,6 +7364,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6899,6 +7376,7 @@
"value": "\"Close icon\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -6926,6 +7404,7 @@
"value": "\"error\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6937,6 +7416,7 @@
"value": "\"toast\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6948,6 +7428,7 @@
"value": "\"Closes notification\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -6968,6 +7449,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -6979,6 +7461,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -6990,6 +7473,7 @@
"value": "1",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7000,6 +7484,7 @@
"type": "number",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7010,6 +7495,7 @@
"type": "number",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7021,6 +7507,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7032,6 +7519,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7043,6 +7531,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7054,6 +7543,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7065,6 +7555,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7076,6 +7567,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7087,6 +7579,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7098,6 +7591,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7109,6 +7603,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7120,6 +7615,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7131,6 +7627,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7142,6 +7639,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7153,6 +7651,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7164,6 +7663,7 @@
"value": "(id) => defaultTranslations[id]",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7175,6 +7675,7 @@
"value": "{ increment: \"increment\", decrement: \"decrement\", }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": true,
"reactive": false
},
@@ -7186,6 +7687,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7196,6 +7698,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7207,6 +7710,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -7251,6 +7755,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -7278,6 +7783,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7289,6 +7795,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7300,6 +7807,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -7342,6 +7850,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7353,6 +7862,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7364,6 +7874,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7375,6 +7886,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7386,6 +7898,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7396,6 +7909,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7406,6 +7920,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7416,6 +7931,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7427,6 +7943,7 @@
"value": "\"Open and close list of options\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7438,6 +7955,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7449,6 +7967,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7460,6 +7979,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -7501,6 +8021,7 @@
"value": "\"Provide text\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7512,6 +8033,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7523,6 +8045,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7534,6 +8057,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7545,6 +8069,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7556,6 +8081,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7567,6 +8093,7 @@
"value": "true",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7578,6 +8105,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7589,6 +8117,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -7621,6 +8150,7 @@
"value": "1",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7632,6 +8162,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7643,6 +8174,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7654,6 +8186,7 @@
"value": "\"Next page\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7665,6 +8198,7 @@
"value": "\"Previous page\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7676,6 +8210,7 @@
"value": "\"Items per page:\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7687,6 +8222,7 @@
"value": "(min, max) => `${min}–${max} items`",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7698,6 +8234,7 @@
"value": "(min, max, total) => `${min}–${max} of ${total} items`",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7709,6 +8246,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7720,6 +8258,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7731,6 +8270,7 @@
"value": "10",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7742,6 +8282,7 @@
"value": "[10]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7753,6 +8294,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7764,6 +8306,7 @@
"value": "(page) => `page ${page}`",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7775,6 +8318,7 @@
"value": "(current, total) => `of ${total} page${total === 1 ? \"\" : \"s\"}`",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7786,6 +8330,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -7824,6 +8369,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7835,6 +8381,7 @@
"value": "10",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7846,6 +8393,7 @@
"value": "10",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7857,6 +8405,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7868,6 +8417,7 @@
"value": "\"Next page\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7879,6 +8429,7 @@
"value": "\"Previous page\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -7931,6 +8482,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7942,6 +8494,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7953,6 +8506,7 @@
"value": "\"password\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -7964,6 +8518,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7975,6 +8530,7 @@
"value": "\"Hide password\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7986,6 +8542,7 @@
"value": "\"Show password\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -7997,6 +8554,7 @@
"value": "\"center\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8008,6 +8566,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8019,6 +8578,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8030,6 +8590,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8041,6 +8602,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8052,6 +8614,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8063,6 +8626,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8074,6 +8638,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8085,6 +8650,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8096,6 +8662,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8107,6 +8674,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8118,6 +8686,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8129,6 +8698,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8139,6 +8709,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8150,6 +8721,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -8190,6 +8762,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8201,6 +8774,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8212,6 +8786,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8223,6 +8798,7 @@
"value": "\"top\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8234,6 +8810,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8245,6 +8822,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8256,6 +8834,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8279,6 +8858,7 @@
"type": "number",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8290,6 +8870,7 @@
"value": "100",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8301,6 +8882,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8312,6 +8894,7 @@
"value": "\"md\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8323,6 +8906,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8334,6 +8918,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8345,6 +8930,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8356,6 +8942,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8385,6 +8972,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8396,6 +8984,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8407,6 +8996,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8418,6 +9008,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8446,6 +9037,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8457,6 +9049,7 @@
"value": "4",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8484,6 +9077,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8495,6 +9089,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8506,6 +9101,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8517,6 +9113,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8528,6 +9125,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8539,6 +9137,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8550,6 +9149,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8561,6 +9161,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8596,6 +9197,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8607,6 +9209,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8618,6 +9221,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8629,6 +9233,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8640,6 +9245,7 @@
"value": "\"right\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8651,6 +9257,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8662,6 +9269,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8673,6 +9281,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8684,6 +9293,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8695,6 +9305,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -8723,6 +9334,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8734,6 +9346,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8745,6 +9358,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8756,6 +9370,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8767,6 +9382,7 @@
"value": "\"right\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8778,6 +9394,7 @@
"value": "\"horizontal\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8788,6 +9405,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8839,6 +9457,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -8850,6 +9469,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8861,6 +9481,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8872,6 +9493,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8883,6 +9505,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8894,6 +9517,7 @@
"value": "\"Tile checkmark\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8905,6 +9529,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8916,6 +9541,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8945,6 +9571,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8956,6 +9583,7 @@
"value": "\"unordered\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -8984,6 +9612,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -8995,6 +9624,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9006,6 +9636,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9017,6 +9648,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9028,6 +9660,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9039,6 +9672,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9050,6 +9684,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9078,6 +9713,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9089,6 +9725,7 @@
"value": "\"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9100,6 +9737,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9111,6 +9749,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9122,6 +9761,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9133,6 +9773,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9144,6 +9785,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9155,6 +9797,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9166,6 +9809,7 @@
"value": "\"Search...\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9177,6 +9821,7 @@
"value": "\"off\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9188,6 +9833,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9199,6 +9845,7 @@
"value": "\"Clear search input\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9210,6 +9857,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9220,6 +9868,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9231,6 +9880,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9242,6 +9892,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -9297,6 +9948,7 @@
"value": "\"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9323,6 +9975,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9333,6 +9986,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9344,6 +9998,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9355,6 +10010,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9366,6 +10022,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9377,6 +10034,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9387,6 +10045,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9398,6 +10057,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9409,6 +10069,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9420,6 +10081,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9431,6 +10093,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9442,6 +10105,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9453,6 +10117,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9464,6 +10129,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9475,6 +10141,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9486,6 +10153,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9497,6 +10165,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9532,6 +10201,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9543,6 +10213,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9554,6 +10225,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9565,6 +10237,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9586,6 +10259,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9597,6 +10271,7 @@
"value": "\"Provide label\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9619,6 +10294,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9646,6 +10322,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9657,6 +10334,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9668,6 +10346,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9679,6 +10358,7 @@
"value": "\"title\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9690,6 +10370,7 @@
"value": "\"value\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9701,6 +10382,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9712,6 +10394,7 @@
"value": "\"Tile checkmark\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9723,6 +10406,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9734,6 +10418,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9745,6 +10430,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -9773,6 +10459,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9784,6 +10471,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9794,6 +10482,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9805,6 +10494,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9816,6 +10506,7 @@
"value": "1056",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -9861,6 +10552,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9871,6 +10563,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9881,6 +10574,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9891,6 +10585,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9902,6 +10597,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -9937,6 +10633,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -9947,6 +10644,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9957,6 +10655,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -9968,6 +10667,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -9998,6 +10698,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10008,6 +10709,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10018,6 +10720,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10029,6 +10732,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -10073,6 +10777,7 @@
"value": "3",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10084,6 +10789,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10095,6 +10801,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10106,6 +10813,7 @@
"value": "\"100%\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10133,6 +10841,7 @@
"value": "\"#main-content\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10144,6 +10853,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10173,6 +10883,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -10184,6 +10895,7 @@
"value": "100",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10195,6 +10907,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10206,6 +10919,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10217,6 +10931,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10228,6 +10943,7 @@
"value": "1",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10239,6 +10955,7 @@
"value": "4",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10250,6 +10967,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10261,6 +10979,7 @@
"value": "\"number\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10272,6 +10991,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10283,6 +11003,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10294,6 +11015,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10305,6 +11027,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10316,6 +11039,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10327,6 +11051,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10338,6 +11063,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10349,6 +11075,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -10384,6 +11111,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10410,6 +11138,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -10421,6 +11150,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10432,6 +11162,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10443,6 +11174,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10486,6 +11218,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10497,6 +11230,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10539,6 +11273,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -10550,6 +11285,7 @@
"value": "\"title\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10561,6 +11297,7 @@
"value": "\"value\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10572,6 +11309,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10583,6 +11321,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10594,6 +11333,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -10616,6 +11356,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10627,6 +11368,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10638,6 +11380,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10666,6 +11409,7 @@
"value": "5",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10693,6 +11437,7 @@
"value": "\"Provide text\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10704,6 +11449,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -10715,6 +11461,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10726,6 +11473,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10737,6 +11485,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -10772,6 +11521,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10783,6 +11533,7 @@
"value": "\"#\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10794,6 +11545,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10805,6 +11557,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10816,6 +11569,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10827,6 +11581,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -10861,6 +11616,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10882,6 +11638,7 @@
"type": "\"compact\" | \"short\" | \"medium\" | \"tall\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10893,6 +11650,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10904,6 +11662,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10915,6 +11674,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10926,6 +11686,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10936,6 +11697,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -10983,6 +11745,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -10994,6 +11757,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11005,6 +11769,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11016,6 +11781,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11053,6 +11819,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11064,6 +11831,7 @@
"value": "\"col\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11075,6 +11843,7 @@
"value": "() => \"\"",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11086,6 +11855,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11128,6 +11898,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -11139,6 +11910,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11150,6 +11922,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11161,6 +11934,7 @@
"value": "\"Show menu options\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11172,6 +11946,7 @@
"value": "\"#\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11201,6 +11976,7 @@
"value": "4",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11212,6 +11988,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11238,6 +12015,7 @@
"type": "\"red\" | \"magenta\" | \"purple\" | \"blue\" | \"cyan\" | \"teal\" | \"green\" | \"gray\" | \"cool-gray\" | \"warm-gray\" | \"high-contrast\" | \"outline\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11248,6 +12026,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11259,6 +12038,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11270,6 +12050,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11281,6 +12062,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11292,6 +12074,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11303,6 +12086,7 @@
"value": "\"Clear filter\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11313,6 +12097,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11324,6 +12109,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11363,6 +12149,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11390,6 +12177,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -11401,6 +12189,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11412,6 +12201,7 @@
"value": "50",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11423,6 +12213,7 @@
"value": "4",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11433,6 +12224,7 @@
"type": "number",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11444,6 +12236,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11455,6 +12248,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11466,6 +12260,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11477,6 +12272,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11488,6 +12284,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11499,6 +12296,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11510,6 +12308,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11521,6 +12320,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11532,6 +12332,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11542,6 +12343,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11553,6 +12355,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -11593,6 +12396,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11619,6 +12423,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11630,6 +12435,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -11641,6 +12447,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11652,6 +12459,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11663,6 +12471,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11674,6 +12483,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11685,6 +12495,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11695,6 +12506,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11706,6 +12518,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11717,6 +12530,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11728,6 +12542,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11739,6 +12554,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11750,6 +12566,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11761,6 +12578,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11772,6 +12590,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -11783,6 +12602,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11794,6 +12614,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11805,6 +12626,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11853,6 +12675,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11880,6 +12703,7 @@
"value": "\"white\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -11891,6 +12715,7 @@
"value": "{}",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11902,6 +12727,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11913,6 +12739,7 @@
"value": "\"theme\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11923,6 +12750,7 @@
"type": "\"toggle\" | \"select\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11934,6 +12762,7 @@
"value": "{ themes: [\"white\", \"g100\"], labelA: \"\", labelB: \"\", labelText: \"Dark mode\", hideLabel: false, }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -11945,6 +12774,7 @@
"value": "{ themes: themeKeys, labelText: \"Themes\", hideLabel: false, }",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -11984,6 +12814,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12010,6 +12841,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12021,6 +12853,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12032,6 +12865,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12053,6 +12887,7 @@
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12064,6 +12899,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12075,6 +12911,7 @@
"value": "\"text\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12086,6 +12923,7 @@
"value": "\"hh:mm\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12097,6 +12935,7 @@
"value": "\"(1[012]|[1-9]):[0-5][0-9](\\\\s)?\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12108,6 +12947,7 @@
"value": "5",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12119,6 +12959,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12130,6 +12971,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12141,6 +12983,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12152,6 +12995,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12163,6 +13007,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12174,6 +13019,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12185,6 +13031,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12195,6 +13042,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12206,6 +13054,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -12247,6 +13096,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12258,6 +13108,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12269,6 +13120,7 @@
"value": "\"Open list of options\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12280,6 +13132,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12291,6 +13144,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12301,6 +13155,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12312,6 +13167,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -12347,6 +13203,7 @@
"value": "\"error\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12358,6 +13215,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12369,6 +13227,7 @@
"value": "0",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12380,6 +13239,7 @@
"value": "\"alert\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12391,6 +13251,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12402,6 +13263,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12413,6 +13275,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12424,6 +13287,7 @@
"value": "\"Closes notification\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12435,6 +13299,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12487,6 +13352,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12498,6 +13364,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12509,6 +13376,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12520,6 +13388,7 @@
"value": "\"Off\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12531,6 +13400,7 @@
"value": "\"On\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12542,6 +13412,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12553,6 +13424,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12563,6 +13435,7 @@
"type": "string",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12618,6 +13491,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12629,6 +13503,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12640,6 +13515,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12674,6 +13550,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12696,6 +13573,7 @@
"value": "(totalSelected) => `${totalSelected} item${totalSelected === 1 ? \"\" : \"s\"} selected`",
"isFunction": true,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -12770,6 +13648,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12781,6 +13660,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12792,6 +13672,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12803,6 +13684,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12814,6 +13696,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12825,6 +13708,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12836,6 +13720,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -12864,6 +13749,7 @@
"value": "\"center\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12875,6 +13761,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12886,6 +13773,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12897,6 +13785,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12907,6 +13796,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12918,6 +13808,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12929,6 +13820,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12940,6 +13832,7 @@
"value": "\"0\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12951,6 +13844,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12962,6 +13856,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12973,6 +13868,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -12984,6 +13880,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -12995,6 +13892,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -13006,6 +13904,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -13047,6 +13946,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13058,6 +13958,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -13069,6 +13970,7 @@
"value": "\"center\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13080,6 +13982,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13091,6 +13994,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13102,6 +14006,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -13140,6 +14045,7 @@
"value": "\"a[href], button:not([disabled])\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -13161,6 +14067,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13171,6 +14078,7 @@
"type": "typeof import(\"svelte\").SvelteComponent",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13182,6 +14090,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13193,6 +14102,7 @@
"value": "\"center\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13204,6 +14114,7 @@
"value": "\"bottom\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13215,6 +14126,7 @@
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13226,6 +14138,7 @@
"value": "null",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
}
@@ -13267,6 +14180,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13278,6 +14192,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -13289,6 +14204,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -13300,6 +14216,7 @@
"value": "[]",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": true
},
@@ -13311,6 +14228,7 @@
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13322,6 +14240,7 @@
"value": "\"\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13333,6 +14252,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13344,6 +14264,7 @@
"value": "() => { expandedIds = [...nodeIds]; }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13355,6 +14276,7 @@
"value": "() => { expandedIds = []; }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13366,6 +14288,7 @@
"value": "() => { expandedIds = nodes .filter( (node) => filterNode(node) || node.children?.some((child) => filterNode(child) && child.children) ) .map((node) => node.id); }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13377,6 +14300,7 @@
"value": "() => { expandedIds = nodes .filter((node) => expandedIds.includes(node.id) && !filterNode(node)) .map((node) => node.id); }",
"isFunction": true,
"isFunctionDeclaration": true,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -13433,6 +14357,7 @@
"value": "\"end\"",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
@@ -13455,6 +14380,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
},
@@ -13466,6 +14392,7 @@
"value": "false",
"isFunction": false,
"isFunctionDeclaration": false,
+ "isRequired": false,
"constant": false,
"reactive": false
}
diff --git a/docs/src/components/ComponentApi.svelte b/docs/src/components/ComponentApi.svelte
index 2e260202..a0d56987 100644
--- a/docs/src/components/ComponentApi.svelte
+++ b/docs/src/components/ComponentApi.svelte
@@ -68,13 +68,18 @@