@carbon/web-components 2.47.0 → 2.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +963 -145
- package/es/components/accordion/accordion-item.d.ts +28 -12
- package/es/components/accordion/accordion-item.js +7 -5
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.d.ts +1 -1
- package/es/components/accordion/accordion-skeleton.js +7 -5
- package/es/components/accordion/accordion-skeleton.js.map +1 -1
- package/es/components/accordion/accordion.d.ts +1 -1
- package/es/components/accordion/accordion.js +7 -5
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/ai-label/ai-label.d.ts +1 -1
- package/es/components/ai-label/ai-label.js +6 -5
- package/es/components/ai-label/ai-label.js.map +1 -1
- package/es/components/button/button.d.ts +56 -22
- package/es/components/checkbox/checkbox-group.d.ts +2 -0
- package/es/components/checkbox/checkbox.d.ts +57 -23
- package/es/components/checkbox/checkbox.js +7 -5
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +29 -11
- package/es/components/code-snippet/code-snippet.js +15 -14
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-button/combo-button.d.ts +27 -11
- package/es/components/content-switcher/content-switcher-item.d.ts +29 -11
- package/es/components/copy-button/copy-button.d.ts +27 -11
- package/es/components/data-table/table-expanded-row.d.ts +28 -12
- package/es/components/data-table/table-expanded-row.js +7 -5
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +29 -11
- package/es/components/data-table/table-row.d.ts +54 -22
- package/es/components/data-table/table-toolbar-search.d.ts +29 -11
- package/es/components/data-table/table.d.ts +28 -12
- package/es/components/data-table/table.js +9 -8
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +29 -11
- package/es/components/date-picker/date-picker.d.ts +54 -22
- package/es/components/dropdown/dropdown.d.ts +110 -44
- package/es/components/dropdown/dropdown.js +8 -6
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +27 -11
- package/es/components/file-uploader/file-uploader-drop-container.d.ts +27 -11
- package/es/components/floating-menu/floating-menu.d.ts +56 -22
- package/es/components/fluid-select/fluid-select.d.ts +5 -0
- package/es/components/fluid-select/fluid-select.js +50 -1
- package/es/components/fluid-select/fluid-select.js.map +1 -1
- package/es/components/fluid-textarea/fluid-textarea-skeleton.d.ts +3 -3
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js +3 -3
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker-select.d.ts +21 -0
- package/es/components/fluid-time-picker/fluid-time-picker-select.js +53 -0
- package/es/components/fluid-time-picker/fluid-time-picker-select.js.map +1 -0
- package/es/components/fluid-time-picker/fluid-time-picker-skeleton.d.ts +23 -0
- package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js +63 -0
- package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js.map +1 -0
- package/es/components/fluid-time-picker/fluid-time-picker.d.ts +32 -0
- package/es/components/fluid-time-picker/fluid-time-picker.js +239 -0
- package/es/components/fluid-time-picker/fluid-time-picker.js.map +1 -0
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +13 -0
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -0
- package/es/components/fluid-time-picker/index.d.ts +9 -0
- package/es/components/fluid-time-picker/index.js +11 -0
- package/es/components/fluid-time-picker/index.js.map +1 -0
- package/es/components/grid/column.d.ts +3 -1
- package/es/components/grid/column.js +6 -0
- package/es/components/grid/column.js.map +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.js +6 -5
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/link/link.d.ts +29 -11
- package/es/components/menu/menu-item-selectable.d.ts +5 -3
- package/es/components/menu/menu-item-selectable.js +3 -3
- package/es/components/menu/menu-item-selectable.js.map +1 -1
- package/es/components/menu/menu-item.d.ts +68 -23
- package/es/components/menu/menu-item.js +37 -2
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu.d.ts +27 -11
- package/es/components/menu-button/menu-button.d.ts +27 -11
- package/es/components/modal/modal-close-button.d.ts +29 -11
- package/es/components/modal/modal.d.ts +27 -11
- package/es/components/modal/modal.js +6 -4
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select.js +12 -8
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/actionable-notification.d.ts +27 -11
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.d.ts +27 -11
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.d.ts +2 -0
- package/es/components/overflow-menu/overflow-menu-item.d.ts +29 -11
- package/es/components/overflow-menu/overflow-menu.d.ts +54 -22
- package/es/components/pagination/pagination.d.ts +56 -22
- package/es/components/pagination-nav/defs.d.ts +61 -0
- package/es/components/pagination-nav/defs.js +74 -0
- package/es/components/pagination-nav/defs.js.map +1 -0
- package/es/components/pagination-nav/index.d.ts +7 -0
- package/es/components/pagination-nav/index.js +9 -0
- package/es/components/pagination-nav/index.js.map +1 -0
- package/es/components/pagination-nav/pagination-nav.d.ts +109 -0
- package/es/components/pagination-nav/pagination-nav.js +427 -0
- package/es/components/pagination-nav/pagination-nav.js.map +1 -0
- package/es/components/pagination-nav/pagination-nav.scss.js +13 -0
- package/es/components/pagination-nav/pagination-nav.scss.js.map +1 -0
- package/es/components/password-input/password-input.d.ts +2 -0
- package/es/components/popover/popover.d.ts +27 -11
- package/es/components/popover/popover.js +1 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +29 -11
- package/es/components/radio-button/radio-button-group.d.ts +54 -22
- package/es/components/radio-button/radio-button.d.ts +57 -23
- package/es/components/radio-button/radio-button.js +7 -5
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search.d.ts +83 -33
- package/es/components/select/select.d.ts +29 -11
- package/es/components/side-panel/side-panel.d.ts +27 -11
- package/es/components/skip-to-content/skip-to-content.d.ts +29 -11
- package/es/components/slider/slider-input.d.ts +29 -11
- package/es/components/slider/slider.d.ts +84 -34
- package/es/components/slider/slider.js +9 -7
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slug/slug.d.ts +1 -1
- package/es/components/slug/slug.js +6 -4
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/structured-list/structured-list-row.d.ts +27 -11
- package/es/components/structured-list/structured-list.d.ts +30 -12
- package/es/components/structured-list/structured-list.js +7 -5
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +27 -11
- package/es/components/tag/dismissible-tag.d.ts +54 -22
- package/es/components/tag/operational-tag.d.ts +54 -22
- package/es/components/tag/selectable-tag.d.ts +54 -22
- package/es/components/tag/tag.d.ts +54 -22
- package/es/components/tearsheet/tearsheet.d.ts +27 -11
- package/es/components/text-input/text-input.d.ts +56 -22
- package/es/components/textarea/textarea.d.ts +2 -0
- package/es/components/tile/expandable-tile.d.ts +54 -22
- package/es/components/tile/selectable-tile.d.ts +56 -22
- package/es/components/tile/tile-group.d.ts +27 -11
- package/es/components/time-picker/time-picker-select.d.ts +29 -11
- package/es/components/time-picker/time-picker.d.ts +56 -22
- package/es/components/toggle/toggle.d.ts +27 -11
- package/es/components/toggle-tip/toggletip.d.ts +57 -23
- package/es/components/toggle-tip/toggletip.js +7 -5
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip.d.ts +28 -12
- package/es/components/tooltip/tooltip.js +7 -5
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tree-view/tree-view.d.ts +28 -12
- package/es/components/tree-view/tree-view.js +7 -5
- package/es/components/tree-view/tree-view.js.map +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +2 -0
- package/es/components/ui-shell/header-menu-button.d.ts +29 -11
- package/es/components/ui-shell/header-menu.d.ts +56 -22
- package/es/components/ui-shell/header-name.d.ts +29 -11
- package/es/components/ui-shell/header-nav-item.d.ts +29 -11
- package/es/components/ui-shell/header-panel.d.ts +2 -0
- package/es/components/ui-shell/side-nav-link.d.ts +29 -11
- package/es/components/ui-shell/side-nav-menu-item.d.ts +29 -11
- package/es/components/ui-shell/side-nav-menu.d.ts +29 -11
- package/es/components/ui-shell/side-nav.d.ts +27 -11
- package/es/components/ui-shell/switcher-item.d.ts +29 -11
- package/es/components/ui-shell/switcher.d.ts +2 -0
- package/es/globals/mixins/focus.d.ts +27 -11
- package/es/globals/mixins/form.d.ts +27 -11
- package/es/globals/mixins/host-listener.d.ts +27 -11
- package/es/globals/mixins/validity.d.ts +27 -11
- package/es-custom/components/accordion/accordion-item.d.ts +28 -12
- package/es-custom/components/accordion/accordion-item.js +7 -5
- package/es-custom/components/accordion/accordion-item.js.map +1 -1
- package/es-custom/components/accordion/accordion-skeleton.d.ts +1 -1
- package/es-custom/components/accordion/accordion-skeleton.js +7 -5
- package/es-custom/components/accordion/accordion-skeleton.js.map +1 -1
- package/es-custom/components/accordion/accordion.d.ts +1 -1
- package/es-custom/components/accordion/accordion.js +7 -5
- package/es-custom/components/accordion/accordion.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.d.ts +1 -1
- package/es-custom/components/ai-label/ai-label.js +6 -5
- package/es-custom/components/ai-label/ai-label.js.map +1 -1
- package/es-custom/components/button/button.d.ts +56 -22
- package/es-custom/components/checkbox/checkbox-group.d.ts +2 -0
- package/es-custom/components/checkbox/checkbox.d.ts +57 -23
- package/es-custom/components/checkbox/checkbox.js +7 -5
- package/es-custom/components/checkbox/checkbox.js.map +1 -1
- package/es-custom/components/code-snippet/code-snippet.d.ts +29 -11
- package/es-custom/components/code-snippet/code-snippet.js +15 -14
- package/es-custom/components/code-snippet/code-snippet.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-button/combo-button.d.ts +27 -11
- package/es-custom/components/content-switcher/content-switcher-item.d.ts +29 -11
- package/es-custom/components/copy-button/copy-button.d.ts +27 -11
- package/es-custom/components/data-table/table-expanded-row.d.ts +28 -12
- package/es-custom/components/data-table/table-expanded-row.js +7 -5
- package/es-custom/components/data-table/table-expanded-row.js.map +1 -1
- package/es-custom/components/data-table/table-header-cell.d.ts +29 -11
- package/es-custom/components/data-table/table-row.d.ts +54 -22
- package/es-custom/components/data-table/table-toolbar-search.d.ts +29 -11
- package/es-custom/components/data-table/table.d.ts +28 -12
- package/es-custom/components/data-table/table.js +9 -8
- package/es-custom/components/data-table/table.js.map +1 -1
- package/es-custom/components/date-picker/date-picker-input.d.ts +29 -11
- package/es-custom/components/date-picker/date-picker.d.ts +54 -22
- package/es-custom/components/dropdown/dropdown.d.ts +110 -44
- package/es-custom/components/dropdown/dropdown.js +8 -6
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.d.ts +27 -11
- package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +27 -11
- package/es-custom/components/floating-menu/floating-menu.d.ts +56 -22
- package/es-custom/components/fluid-select/fluid-select.d.ts +5 -0
- package/es-custom/components/fluid-select/fluid-select.js +50 -1
- package/es-custom/components/fluid-select/fluid-select.js.map +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.d.ts +3 -3
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js +3 -3
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker-select.d.ts +21 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker-select.js +53 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker-select.js.map +1 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker-skeleton.d.ts +23 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker-skeleton.js +63 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker-skeleton.js.map +1 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker.d.ts +32 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker.js +239 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker.js.map +1 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +13 -0
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -0
- package/es-custom/components/fluid-time-picker/index.d.ts +9 -0
- package/es-custom/components/fluid-time-picker/index.js +11 -0
- package/es-custom/components/fluid-time-picker/index.js.map +1 -0
- package/es-custom/components/grid/column.d.ts +3 -1
- package/es-custom/components/grid/column.js +6 -0
- package/es-custom/components/grid/column.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts +1 -1
- package/es-custom/components/icon-button/icon-button.js +6 -5
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/link/link.d.ts +29 -11
- package/es-custom/components/menu/menu-item-selectable.d.ts +5 -3
- package/es-custom/components/menu/menu-item-selectable.js +3 -3
- package/es-custom/components/menu/menu-item-selectable.js.map +1 -1
- package/es-custom/components/menu/menu-item.d.ts +68 -23
- package/es-custom/components/menu/menu-item.js +37 -2
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +27 -11
- package/es-custom/components/menu-button/menu-button.d.ts +27 -11
- package/es-custom/components/modal/modal-close-button.d.ts +29 -11
- package/es-custom/components/modal/modal.d.ts +27 -11
- package/es-custom/components/modal/modal.js +6 -4
- package/es-custom/components/modal/modal.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +12 -8
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.d.ts +27 -11
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.d.ts +27 -11
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.d.ts +2 -0
- package/es-custom/components/overflow-menu/overflow-menu-item.d.ts +29 -11
- package/es-custom/components/overflow-menu/overflow-menu.d.ts +54 -22
- package/es-custom/components/pagination/pagination.d.ts +56 -22
- package/es-custom/components/pagination-nav/defs.d.ts +61 -0
- package/es-custom/components/pagination-nav/defs.js +74 -0
- package/es-custom/components/pagination-nav/defs.js.map +1 -0
- package/es-custom/components/pagination-nav/index.d.ts +7 -0
- package/es-custom/components/pagination-nav/index.js +9 -0
- package/es-custom/components/pagination-nav/index.js.map +1 -0
- package/es-custom/components/pagination-nav/pagination-nav.d.ts +109 -0
- package/es-custom/components/pagination-nav/pagination-nav.js +427 -0
- package/es-custom/components/pagination-nav/pagination-nav.js.map +1 -0
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +13 -0
- package/es-custom/components/pagination-nav/pagination-nav.scss.js.map +1 -0
- package/es-custom/components/password-input/password-input.d.ts +2 -0
- package/es-custom/components/popover/popover.d.ts +27 -11
- package/es-custom/components/popover/popover.js +1 -1
- package/es-custom/components/popover/popover.js.map +1 -1
- package/es-custom/components/progress-indicator/progress-step.d.ts +29 -11
- package/es-custom/components/radio-button/radio-button-group.d.ts +54 -22
- package/es-custom/components/radio-button/radio-button.d.ts +57 -23
- package/es-custom/components/radio-button/radio-button.js +7 -5
- package/es-custom/components/radio-button/radio-button.js.map +1 -1
- package/es-custom/components/search/search.d.ts +83 -33
- package/es-custom/components/select/select.d.ts +29 -11
- package/es-custom/components/side-panel/side-panel.d.ts +27 -11
- package/es-custom/components/skip-to-content/skip-to-content.d.ts +29 -11
- package/es-custom/components/slider/slider-input.d.ts +29 -11
- package/es-custom/components/slider/slider.d.ts +84 -34
- package/es-custom/components/slider/slider.js +9 -7
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slug/slug.d.ts +1 -1
- package/es-custom/components/slug/slug.js +6 -4
- package/es-custom/components/slug/slug.js.map +1 -1
- package/es-custom/components/structured-list/structured-list-row.d.ts +27 -11
- package/es-custom/components/structured-list/structured-list.d.ts +30 -12
- package/es-custom/components/structured-list/structured-list.js +7 -5
- package/es-custom/components/structured-list/structured-list.js.map +1 -1
- package/es-custom/components/tabs/tabs.d.ts +27 -11
- package/es-custom/components/tag/dismissible-tag.d.ts +54 -22
- package/es-custom/components/tag/operational-tag.d.ts +54 -22
- package/es-custom/components/tag/selectable-tag.d.ts +54 -22
- package/es-custom/components/tag/tag.d.ts +54 -22
- package/es-custom/components/tearsheet/tearsheet.d.ts +27 -11
- package/es-custom/components/text-input/text-input.d.ts +56 -22
- package/es-custom/components/textarea/textarea.d.ts +2 -0
- package/es-custom/components/tile/expandable-tile.d.ts +54 -22
- package/es-custom/components/tile/selectable-tile.d.ts +56 -22
- package/es-custom/components/tile/tile-group.d.ts +27 -11
- package/es-custom/components/time-picker/time-picker-select.d.ts +29 -11
- package/es-custom/components/time-picker/time-picker.d.ts +56 -22
- package/es-custom/components/toggle/toggle.d.ts +27 -11
- package/es-custom/components/toggle-tip/toggletip.d.ts +57 -23
- package/es-custom/components/toggle-tip/toggletip.js +7 -5
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.d.ts +28 -12
- package/es-custom/components/tooltip/tooltip.js +7 -5
- package/es-custom/components/tooltip/tooltip.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.d.ts +28 -12
- package/es-custom/components/tree-view/tree-view.js +7 -5
- package/es-custom/components/tree-view/tree-view.js.map +1 -1
- package/es-custom/components/ui-shell/header-global-action.d.ts +2 -0
- package/es-custom/components/ui-shell/header-menu-button.d.ts +29 -11
- package/es-custom/components/ui-shell/header-menu.d.ts +56 -22
- package/es-custom/components/ui-shell/header-name.d.ts +29 -11
- package/es-custom/components/ui-shell/header-nav-item.d.ts +29 -11
- package/es-custom/components/ui-shell/header-panel.d.ts +2 -0
- package/es-custom/components/ui-shell/side-nav-link.d.ts +29 -11
- package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +29 -11
- package/es-custom/components/ui-shell/side-nav-menu.d.ts +29 -11
- package/es-custom/components/ui-shell/side-nav.d.ts +27 -11
- package/es-custom/components/ui-shell/switcher-item.d.ts +29 -11
- package/es-custom/components/ui-shell/switcher.d.ts +2 -0
- package/es-custom/globals/mixins/focus.d.ts +27 -11
- package/es-custom/globals/mixins/form.d.ts +27 -11
- package/es-custom/globals/mixins/host-listener.d.ts +27 -11
- package/es-custom/globals/mixins/validity.d.ts +27 -11
- package/lib/components/accordion/accordion-item.d.ts +28 -12
- package/lib/components/accordion/accordion-skeleton.d.ts +1 -1
- package/lib/components/accordion/accordion.d.ts +1 -1
- package/lib/components/ai-label/ai-label.d.ts +1 -1
- package/lib/components/button/button.d.ts +56 -22
- package/lib/components/checkbox/checkbox-group.d.ts +2 -0
- package/lib/components/checkbox/checkbox.d.ts +57 -23
- package/lib/components/code-snippet/code-snippet.d.ts +29 -11
- package/lib/components/combo-button/combo-button.d.ts +27 -11
- package/lib/components/content-switcher/content-switcher-item.d.ts +29 -11
- package/lib/components/copy-button/copy-button.d.ts +27 -11
- package/lib/components/data-table/table-expanded-row.d.ts +28 -12
- package/lib/components/data-table/table-header-cell.d.ts +29 -11
- package/lib/components/data-table/table-row.d.ts +54 -22
- package/lib/components/data-table/table-toolbar-search.d.ts +29 -11
- package/lib/components/data-table/table.d.ts +28 -12
- package/lib/components/date-picker/date-picker-input.d.ts +29 -11
- package/lib/components/date-picker/date-picker.d.ts +54 -22
- package/lib/components/dropdown/dropdown.d.ts +110 -44
- package/lib/components/file-uploader/file-uploader-button.d.ts +27 -11
- package/lib/components/file-uploader/file-uploader-drop-container.d.ts +27 -11
- package/lib/components/floating-menu/floating-menu.d.ts +56 -22
- package/lib/components/fluid-select/fluid-select.d.ts +5 -0
- package/lib/components/fluid-textarea/fluid-textarea-skeleton.d.ts +3 -3
- package/lib/components/fluid-time-picker/fluid-time-picker-select.d.ts +21 -0
- package/lib/components/fluid-time-picker/fluid-time-picker-skeleton.d.ts +23 -0
- package/lib/components/fluid-time-picker/fluid-time-picker.d.ts +32 -0
- package/lib/components/fluid-time-picker/index.d.ts +9 -0
- package/lib/components/grid/column.d.ts +3 -1
- package/lib/components/icon-button/icon-button.d.ts +1 -1
- package/lib/components/link/link.d.ts +29 -11
- package/lib/components/menu/menu-item-selectable.d.ts +5 -3
- package/lib/components/menu/menu-item.d.ts +68 -23
- package/lib/components/menu/menu.d.ts +27 -11
- package/lib/components/menu-button/menu-button.d.ts +27 -11
- package/lib/components/modal/modal-close-button.d.ts +29 -11
- package/lib/components/modal/modal.d.ts +27 -11
- package/lib/components/notification/actionable-notification.d.ts +27 -11
- package/lib/components/notification/inline-notification.d.ts +27 -11
- package/lib/components/number-input/number-input.d.ts +2 -0
- package/lib/components/overflow-menu/overflow-menu-item.d.ts +29 -11
- package/lib/components/overflow-menu/overflow-menu.d.ts +54 -22
- package/lib/components/pagination/pagination.d.ts +56 -22
- package/lib/components/pagination-nav/defs.d.ts +61 -0
- package/lib/components/pagination-nav/defs.js +74 -0
- package/lib/components/pagination-nav/defs.js.map +1 -0
- package/lib/components/pagination-nav/index.d.ts +7 -0
- package/lib/components/pagination-nav/pagination-nav.d.ts +109 -0
- package/lib/components/password-input/password-input.d.ts +2 -0
- package/lib/components/popover/popover.d.ts +27 -11
- package/lib/components/progress-indicator/progress-step.d.ts +29 -11
- package/lib/components/radio-button/radio-button-group.d.ts +54 -22
- package/lib/components/radio-button/radio-button.d.ts +57 -23
- package/lib/components/search/search.d.ts +83 -33
- package/lib/components/select/select.d.ts +29 -11
- package/lib/components/side-panel/side-panel.d.ts +27 -11
- package/lib/components/skip-to-content/skip-to-content.d.ts +29 -11
- package/lib/components/slider/slider-input.d.ts +29 -11
- package/lib/components/slider/slider.d.ts +84 -34
- package/lib/components/slug/slug.d.ts +1 -1
- package/lib/components/structured-list/structured-list-row.d.ts +27 -11
- package/lib/components/structured-list/structured-list.d.ts +30 -12
- package/lib/components/tabs/tabs.d.ts +27 -11
- package/lib/components/tag/dismissible-tag.d.ts +54 -22
- package/lib/components/tag/operational-tag.d.ts +54 -22
- package/lib/components/tag/selectable-tag.d.ts +54 -22
- package/lib/components/tag/tag.d.ts +54 -22
- package/lib/components/tearsheet/tearsheet.d.ts +27 -11
- package/lib/components/text-input/text-input.d.ts +56 -22
- package/lib/components/textarea/textarea.d.ts +2 -0
- package/lib/components/tile/expandable-tile.d.ts +54 -22
- package/lib/components/tile/selectable-tile.d.ts +56 -22
- package/lib/components/tile/tile-group.d.ts +27 -11
- package/lib/components/time-picker/time-picker-select.d.ts +29 -11
- package/lib/components/time-picker/time-picker.d.ts +56 -22
- package/lib/components/toggle/toggle.d.ts +27 -11
- package/lib/components/toggle-tip/toggletip.d.ts +57 -23
- package/lib/components/tooltip/tooltip.d.ts +28 -12
- package/lib/components/tree-view/tree-view.d.ts +28 -12
- package/lib/components/ui-shell/header-global-action.d.ts +2 -0
- package/lib/components/ui-shell/header-menu-button.d.ts +29 -11
- package/lib/components/ui-shell/header-menu.d.ts +56 -22
- package/lib/components/ui-shell/header-name.d.ts +29 -11
- package/lib/components/ui-shell/header-nav-item.d.ts +29 -11
- package/lib/components/ui-shell/header-panel.d.ts +2 -0
- package/lib/components/ui-shell/side-nav-link.d.ts +29 -11
- package/lib/components/ui-shell/side-nav-menu-item.d.ts +29 -11
- package/lib/components/ui-shell/side-nav-menu.d.ts +29 -11
- package/lib/components/ui-shell/side-nav.d.ts +27 -11
- package/lib/components/ui-shell/switcher-item.d.ts +29 -11
- package/lib/components/ui-shell/switcher.d.ts +2 -0
- package/lib/globals/mixins/focus.d.ts +27 -11
- package/lib/globals/mixins/form.d.ts +27 -11
- package/lib/globals/mixins/host-listener.d.ts +27 -11
- package/lib/globals/mixins/validity.d.ts +27 -11
- package/package.json +7 -7
- package/scss/components/combo-box/combo-box.scss +1 -1
- package/scss/components/fluid-time-picker/fluid-time-picker.scss +198 -0
- package/scss/components/pagination-nav/pagination-nav.scss +29 -0
- package/telemetry.yml +16 -8
|
@@ -14,6 +14,7 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
14
14
|
accessKey: string;
|
|
15
15
|
readonly accessKeyLabel: string;
|
|
16
16
|
autocapitalize: string;
|
|
17
|
+
autocorrect: boolean;
|
|
17
18
|
dir: string;
|
|
18
19
|
draggable: boolean;
|
|
19
20
|
hidden: boolean;
|
|
@@ -35,13 +36,14 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
35
36
|
click(): void;
|
|
36
37
|
hidePopover(): void;
|
|
37
38
|
showPopover(): void;
|
|
38
|
-
togglePopover(
|
|
39
|
+
togglePopover(options?: boolean): boolean;
|
|
39
40
|
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
40
41
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
41
42
|
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
42
43
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
43
44
|
readonly attributes: NamedNodeMap;
|
|
44
|
-
|
|
45
|
+
get classList(): DOMTokenList;
|
|
46
|
+
set classList(value: string);
|
|
45
47
|
className: string;
|
|
46
48
|
readonly clientHeight: number;
|
|
47
49
|
readonly clientLeft: number;
|
|
@@ -56,7 +58,8 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
56
58
|
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
57
59
|
outerHTML: string;
|
|
58
60
|
readonly ownerDocument: Document;
|
|
59
|
-
|
|
61
|
+
get part(): DOMTokenList;
|
|
62
|
+
set part(value: string);
|
|
60
63
|
readonly prefix: string | null;
|
|
61
64
|
readonly scrollHeight: number;
|
|
62
65
|
scrollLeft: number;
|
|
@@ -119,6 +122,8 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
119
122
|
setPointerCapture(pointerId: number): void;
|
|
120
123
|
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
121
124
|
webkitMatchesSelector(selectors: string): boolean;
|
|
125
|
+
get textContent(): string;
|
|
126
|
+
set textContent(value: string | null);
|
|
122
127
|
readonly baseURI: string;
|
|
123
128
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
124
129
|
readonly firstChild: ChildNode | null;
|
|
@@ -131,9 +136,8 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
131
136
|
readonly parentElement: HTMLElement | null;
|
|
132
137
|
readonly parentNode: ParentNode | null;
|
|
133
138
|
readonly previousSibling: ChildNode | null;
|
|
134
|
-
textContent: string | null;
|
|
135
139
|
appendChild<T extends Node>(node: T): T;
|
|
136
|
-
cloneNode(
|
|
140
|
+
cloneNode(subtree?: boolean): Node;
|
|
137
141
|
compareDocumentPosition(other: Node): number;
|
|
138
142
|
contains(other: Node | null): boolean;
|
|
139
143
|
getRootNode(options?: GetRootNodeOptions): Node;
|
|
@@ -166,6 +170,7 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
166
170
|
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
167
171
|
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
168
172
|
dispatchEvent(event: Event): boolean;
|
|
173
|
+
ariaActiveDescendantElement: Element | null;
|
|
169
174
|
ariaAtomic: string | null;
|
|
170
175
|
ariaAutoComplete: string | null;
|
|
171
176
|
ariaBrailleLabel: string | null;
|
|
@@ -176,25 +181,33 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
176
181
|
ariaColIndex: string | null;
|
|
177
182
|
ariaColIndexText: string | null;
|
|
178
183
|
ariaColSpan: string | null;
|
|
184
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
179
185
|
ariaCurrent: string | null;
|
|
186
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
180
187
|
ariaDescription: string | null;
|
|
188
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
181
189
|
ariaDisabled: string | null;
|
|
190
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
182
191
|
ariaExpanded: string | null;
|
|
192
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
183
193
|
ariaHasPopup: string | null;
|
|
184
194
|
ariaHidden: string | null;
|
|
185
195
|
ariaInvalid: string | null;
|
|
186
196
|
ariaKeyShortcuts: string | null;
|
|
187
197
|
ariaLabel: string | null;
|
|
198
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
188
199
|
ariaLevel: string | null;
|
|
189
200
|
ariaLive: string | null;
|
|
190
201
|
ariaModal: string | null;
|
|
191
202
|
ariaMultiLine: string | null;
|
|
192
203
|
ariaMultiSelectable: string | null;
|
|
193
204
|
ariaOrientation: string | null;
|
|
205
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
194
206
|
ariaPlaceholder: string | null;
|
|
195
207
|
ariaPosInSet: string | null;
|
|
196
208
|
ariaPressed: string | null;
|
|
197
209
|
ariaReadOnly: string | null;
|
|
210
|
+
ariaRelevant: string | null;
|
|
198
211
|
ariaRequired: string | null;
|
|
199
212
|
ariaRoleDescription: string | null;
|
|
200
213
|
ariaRowCount: string | null;
|
|
@@ -236,7 +249,8 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
236
249
|
replaceChildren(...nodes: (Node | string)[]): void;
|
|
237
250
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
238
251
|
readonly attributeStyleMap: StylePropertyMap;
|
|
239
|
-
|
|
252
|
+
get style(): CSSStyleDeclaration;
|
|
253
|
+
set style(cssText: string);
|
|
240
254
|
contentEditable: string;
|
|
241
255
|
enterKeyHint: string;
|
|
242
256
|
inputMode: string;
|
|
@@ -246,18 +260,19 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
246
260
|
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
247
261
|
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
248
262
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
249
|
-
onauxclick: ((this: GlobalEventHandlers, ev:
|
|
263
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
250
264
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
251
|
-
|
|
265
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
266
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
252
267
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
253
268
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
254
269
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
255
270
|
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
256
271
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
257
|
-
onclick: ((this: GlobalEventHandlers, ev:
|
|
272
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
258
273
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
259
274
|
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
260
|
-
oncontextmenu: ((this: GlobalEventHandlers, ev:
|
|
275
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
261
276
|
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
262
277
|
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
263
278
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -305,6 +320,7 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
305
320
|
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
306
321
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
307
322
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
323
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
308
324
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
309
325
|
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
310
326
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -323,7 +339,7 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
323
339
|
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
324
340
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
325
341
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
326
|
-
ontoggle: ((this: GlobalEventHandlers, ev:
|
|
342
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
327
343
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
328
344
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
329
345
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
@@ -34,6 +34,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
34
34
|
accessKey: string;
|
|
35
35
|
readonly accessKeyLabel: string;
|
|
36
36
|
autocapitalize: string;
|
|
37
|
+
autocorrect: boolean;
|
|
37
38
|
dir: string;
|
|
38
39
|
draggable: boolean;
|
|
39
40
|
hidden: boolean;
|
|
@@ -55,13 +56,14 @@ declare const CDSFloatingMenu_base: {
|
|
|
55
56
|
click(): void;
|
|
56
57
|
hidePopover(): void;
|
|
57
58
|
showPopover(): void;
|
|
58
|
-
togglePopover(
|
|
59
|
+
togglePopover(options?: boolean): boolean;
|
|
59
60
|
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
60
61
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
61
62
|
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
62
63
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
63
64
|
readonly attributes: NamedNodeMap;
|
|
64
|
-
|
|
65
|
+
get classList(): DOMTokenList;
|
|
66
|
+
set classList(value: string);
|
|
65
67
|
className: string;
|
|
66
68
|
readonly clientHeight: number;
|
|
67
69
|
readonly clientLeft: number;
|
|
@@ -76,7 +78,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
76
78
|
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
77
79
|
outerHTML: string;
|
|
78
80
|
readonly ownerDocument: Document;
|
|
79
|
-
|
|
81
|
+
get part(): DOMTokenList;
|
|
82
|
+
set part(value: string);
|
|
80
83
|
readonly prefix: string | null;
|
|
81
84
|
readonly scrollHeight: number;
|
|
82
85
|
scrollLeft: number;
|
|
@@ -139,6 +142,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
139
142
|
setPointerCapture(pointerId: number): void;
|
|
140
143
|
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
141
144
|
webkitMatchesSelector(selectors: string): boolean;
|
|
145
|
+
get textContent(): string;
|
|
146
|
+
set textContent(value: string | null);
|
|
142
147
|
readonly baseURI: string;
|
|
143
148
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
144
149
|
readonly firstChild: ChildNode | null;
|
|
@@ -151,9 +156,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
151
156
|
readonly parentElement: HTMLElement | null;
|
|
152
157
|
readonly parentNode: ParentNode | null;
|
|
153
158
|
readonly previousSibling: ChildNode | null;
|
|
154
|
-
textContent: string | null;
|
|
155
159
|
appendChild<T extends Node>(node: T): T;
|
|
156
|
-
cloneNode(
|
|
160
|
+
cloneNode(subtree?: boolean): Node;
|
|
157
161
|
compareDocumentPosition(other: Node): number;
|
|
158
162
|
contains(other: Node | null): boolean;
|
|
159
163
|
getRootNode(options?: GetRootNodeOptions): Node;
|
|
@@ -186,6 +190,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
186
190
|
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
187
191
|
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
188
192
|
dispatchEvent(event: Event): boolean;
|
|
193
|
+
ariaActiveDescendantElement: Element | null;
|
|
189
194
|
ariaAtomic: string | null;
|
|
190
195
|
ariaAutoComplete: string | null;
|
|
191
196
|
ariaBrailleLabel: string | null;
|
|
@@ -196,25 +201,33 @@ declare const CDSFloatingMenu_base: {
|
|
|
196
201
|
ariaColIndex: string | null;
|
|
197
202
|
ariaColIndexText: string | null;
|
|
198
203
|
ariaColSpan: string | null;
|
|
204
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
199
205
|
ariaCurrent: string | null;
|
|
206
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
200
207
|
ariaDescription: string | null;
|
|
208
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
201
209
|
ariaDisabled: string | null;
|
|
210
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
202
211
|
ariaExpanded: string | null;
|
|
212
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
203
213
|
ariaHasPopup: string | null;
|
|
204
214
|
ariaHidden: string | null;
|
|
205
215
|
ariaInvalid: string | null;
|
|
206
216
|
ariaKeyShortcuts: string | null;
|
|
207
217
|
ariaLabel: string | null;
|
|
218
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
208
219
|
ariaLevel: string | null;
|
|
209
220
|
ariaLive: string | null;
|
|
210
221
|
ariaModal: string | null;
|
|
211
222
|
ariaMultiLine: string | null;
|
|
212
223
|
ariaMultiSelectable: string | null;
|
|
213
224
|
ariaOrientation: string | null;
|
|
225
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
214
226
|
ariaPlaceholder: string | null;
|
|
215
227
|
ariaPosInSet: string | null;
|
|
216
228
|
ariaPressed: string | null;
|
|
217
229
|
ariaReadOnly: string | null;
|
|
230
|
+
ariaRelevant: string | null;
|
|
218
231
|
ariaRequired: string | null;
|
|
219
232
|
ariaRoleDescription: string | null;
|
|
220
233
|
ariaRowCount: string | null;
|
|
@@ -256,7 +269,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
256
269
|
replaceChildren(...nodes: (Node | string)[]): void;
|
|
257
270
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
258
271
|
readonly attributeStyleMap: StylePropertyMap;
|
|
259
|
-
|
|
272
|
+
get style(): CSSStyleDeclaration;
|
|
273
|
+
set style(cssText: string);
|
|
260
274
|
contentEditable: string;
|
|
261
275
|
enterKeyHint: string;
|
|
262
276
|
inputMode: string;
|
|
@@ -266,18 +280,19 @@ declare const CDSFloatingMenu_base: {
|
|
|
266
280
|
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
267
281
|
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
268
282
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
269
|
-
onauxclick: ((this: GlobalEventHandlers, ev:
|
|
283
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
270
284
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
271
|
-
|
|
285
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
286
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
272
287
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
273
288
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
274
289
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
275
290
|
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
276
291
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
277
|
-
onclick: ((this: GlobalEventHandlers, ev:
|
|
292
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
278
293
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
279
294
|
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
280
|
-
oncontextmenu: ((this: GlobalEventHandlers, ev:
|
|
295
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
281
296
|
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
282
297
|
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
283
298
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -325,6 +340,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
325
340
|
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
326
341
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
327
342
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
343
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
328
344
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
329
345
|
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
330
346
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -343,7 +359,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
343
359
|
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
344
360
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
345
361
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
346
|
-
ontoggle: ((this: GlobalEventHandlers, ev:
|
|
362
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
347
363
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
348
364
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
349
365
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
@@ -379,6 +395,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
379
395
|
accessKey: string;
|
|
380
396
|
readonly accessKeyLabel: string;
|
|
381
397
|
autocapitalize: string;
|
|
398
|
+
autocorrect: boolean;
|
|
382
399
|
dir: string;
|
|
383
400
|
draggable: boolean;
|
|
384
401
|
hidden: boolean;
|
|
@@ -400,13 +417,14 @@ declare const CDSFloatingMenu_base: {
|
|
|
400
417
|
click(): void;
|
|
401
418
|
hidePopover(): void;
|
|
402
419
|
showPopover(): void;
|
|
403
|
-
togglePopover(
|
|
420
|
+
togglePopover(options?: boolean): boolean;
|
|
404
421
|
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
405
422
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
406
423
|
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
407
424
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
408
425
|
readonly attributes: NamedNodeMap;
|
|
409
|
-
|
|
426
|
+
get classList(): DOMTokenList;
|
|
427
|
+
set classList(value: string);
|
|
410
428
|
className: string;
|
|
411
429
|
readonly clientHeight: number;
|
|
412
430
|
readonly clientLeft: number;
|
|
@@ -421,7 +439,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
421
439
|
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
422
440
|
outerHTML: string;
|
|
423
441
|
readonly ownerDocument: Document;
|
|
424
|
-
|
|
442
|
+
get part(): DOMTokenList;
|
|
443
|
+
set part(value: string);
|
|
425
444
|
readonly prefix: string | null;
|
|
426
445
|
readonly scrollHeight: number;
|
|
427
446
|
scrollLeft: number;
|
|
@@ -484,6 +503,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
484
503
|
setPointerCapture(pointerId: number): void;
|
|
485
504
|
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
486
505
|
webkitMatchesSelector(selectors: string): boolean;
|
|
506
|
+
get textContent(): string;
|
|
507
|
+
set textContent(value: string | null);
|
|
487
508
|
readonly baseURI: string;
|
|
488
509
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
489
510
|
readonly firstChild: ChildNode | null;
|
|
@@ -496,9 +517,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
496
517
|
readonly parentElement: HTMLElement | null;
|
|
497
518
|
readonly parentNode: ParentNode | null;
|
|
498
519
|
readonly previousSibling: ChildNode | null;
|
|
499
|
-
textContent: string | null;
|
|
500
520
|
appendChild<T extends Node>(node: T): T;
|
|
501
|
-
cloneNode(
|
|
521
|
+
cloneNode(subtree?: boolean): Node;
|
|
502
522
|
compareDocumentPosition(other: Node): number;
|
|
503
523
|
contains(other: Node | null): boolean;
|
|
504
524
|
getRootNode(options?: GetRootNodeOptions): Node;
|
|
@@ -531,6 +551,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
531
551
|
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
532
552
|
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
533
553
|
dispatchEvent(event: Event): boolean;
|
|
554
|
+
ariaActiveDescendantElement: Element | null;
|
|
534
555
|
ariaAtomic: string | null;
|
|
535
556
|
ariaAutoComplete: string | null;
|
|
536
557
|
ariaBrailleLabel: string | null;
|
|
@@ -541,25 +562,33 @@ declare const CDSFloatingMenu_base: {
|
|
|
541
562
|
ariaColIndex: string | null;
|
|
542
563
|
ariaColIndexText: string | null;
|
|
543
564
|
ariaColSpan: string | null;
|
|
565
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
544
566
|
ariaCurrent: string | null;
|
|
567
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
545
568
|
ariaDescription: string | null;
|
|
569
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
546
570
|
ariaDisabled: string | null;
|
|
571
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
547
572
|
ariaExpanded: string | null;
|
|
573
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
548
574
|
ariaHasPopup: string | null;
|
|
549
575
|
ariaHidden: string | null;
|
|
550
576
|
ariaInvalid: string | null;
|
|
551
577
|
ariaKeyShortcuts: string | null;
|
|
552
578
|
ariaLabel: string | null;
|
|
579
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
553
580
|
ariaLevel: string | null;
|
|
554
581
|
ariaLive: string | null;
|
|
555
582
|
ariaModal: string | null;
|
|
556
583
|
ariaMultiLine: string | null;
|
|
557
584
|
ariaMultiSelectable: string | null;
|
|
558
585
|
ariaOrientation: string | null;
|
|
586
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
559
587
|
ariaPlaceholder: string | null;
|
|
560
588
|
ariaPosInSet: string | null;
|
|
561
589
|
ariaPressed: string | null;
|
|
562
590
|
ariaReadOnly: string | null;
|
|
591
|
+
ariaRelevant: string | null;
|
|
563
592
|
ariaRequired: string | null;
|
|
564
593
|
ariaRoleDescription: string | null;
|
|
565
594
|
ariaRowCount: string | null;
|
|
@@ -601,7 +630,8 @@ declare const CDSFloatingMenu_base: {
|
|
|
601
630
|
replaceChildren(...nodes: (Node | string)[]): void;
|
|
602
631
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
603
632
|
readonly attributeStyleMap: StylePropertyMap;
|
|
604
|
-
|
|
633
|
+
get style(): CSSStyleDeclaration;
|
|
634
|
+
set style(cssText: string);
|
|
605
635
|
contentEditable: string;
|
|
606
636
|
enterKeyHint: string;
|
|
607
637
|
inputMode: string;
|
|
@@ -611,18 +641,19 @@ declare const CDSFloatingMenu_base: {
|
|
|
611
641
|
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
612
642
|
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
613
643
|
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
614
|
-
onauxclick: ((this: GlobalEventHandlers, ev:
|
|
644
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
615
645
|
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
616
|
-
|
|
646
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
647
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
617
648
|
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
618
649
|
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
619
650
|
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
620
651
|
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
621
652
|
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
622
|
-
onclick: ((this: GlobalEventHandlers, ev:
|
|
653
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
623
654
|
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
624
655
|
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
625
|
-
oncontextmenu: ((this: GlobalEventHandlers, ev:
|
|
656
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
626
657
|
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
627
658
|
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
628
659
|
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -670,6 +701,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
670
701
|
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
671
702
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
672
703
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
704
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
673
705
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
674
706
|
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
675
707
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
@@ -688,7 +720,7 @@ declare const CDSFloatingMenu_base: {
|
|
|
688
720
|
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
689
721
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
690
722
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
691
|
-
ontoggle: ((this: GlobalEventHandlers, ev:
|
|
723
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
692
724
|
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
693
725
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
694
726
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
@@ -766,6 +798,8 @@ declare abstract class CDSFloatingMenu extends CDSFloatingMenu_base {
|
|
|
766
798
|
static get selectorContainer(): string;
|
|
767
799
|
static shadowRootOptions: {
|
|
768
800
|
delegatesFocus: boolean;
|
|
801
|
+
clonable?: boolean;
|
|
802
|
+
customElementRegistry?: CustomElementRegistry;
|
|
769
803
|
mode: ShadowRootMode;
|
|
770
804
|
serializable?: boolean;
|
|
771
805
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -11,7 +11,12 @@ import CDSSelect from '../select/select';
|
|
|
11
11
|
* @element cds-custom-fluid-select
|
|
12
12
|
*/
|
|
13
13
|
declare class CDSFluidSelect extends CDSSelect {
|
|
14
|
+
private _hasFocus;
|
|
15
|
+
private _handleToggleTipLabelClick;
|
|
16
|
+
private _handleFocusIn;
|
|
17
|
+
private _handleFocusOut;
|
|
14
18
|
connectedCallback(): void;
|
|
19
|
+
disconnectedCallback(): void;
|
|
15
20
|
updated(changedProperties: any): void;
|
|
16
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
17
22
|
static styles: any[];
|
|
@@ -12,6 +12,7 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
|
12
12
|
import CDSSelect from '../select/select.js';
|
|
13
13
|
import styles from './fluid-select.scss.js';
|
|
14
14
|
import { classMap } from 'lit/directives/class-map.js';
|
|
15
|
+
import { state } from 'lit/decorators.js';
|
|
15
16
|
|
|
16
17
|
/**
|
|
17
18
|
* Copyright IBM Corp.2025
|
|
@@ -25,9 +26,48 @@ import { classMap } from 'lit/directives/class-map.js';
|
|
|
25
26
|
* @element cds-custom-fluid-select
|
|
26
27
|
*/
|
|
27
28
|
let CDSFluidSelect = class CDSFluidSelect extends CDSSelect {
|
|
29
|
+
constructor() {
|
|
30
|
+
super(...arguments);
|
|
31
|
+
this._hasFocus = false;
|
|
32
|
+
this._handleToggleTipLabelClick = (event) => {
|
|
33
|
+
const path = event.composedPath();
|
|
34
|
+
const hasLabel = path.some((node) => node instanceof HTMLLabelElement);
|
|
35
|
+
const hasToggleTip = path.some((node) => {
|
|
36
|
+
var _a;
|
|
37
|
+
return node instanceof HTMLElement &&
|
|
38
|
+
(((_a = node.matches) === null || _a === void 0 ? void 0 : _a.call(node, `${prefix}-toggletip`)) ||
|
|
39
|
+
node.classList.contains(`${prefix}--toggletip-button`));
|
|
40
|
+
});
|
|
41
|
+
if (hasLabel && hasToggleTip) {
|
|
42
|
+
event.preventDefault();
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
this._handleFocusIn = (event) => {
|
|
46
|
+
var _a, _b;
|
|
47
|
+
if ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.matches) === null || _b === void 0 ? void 0 : _b.call(_a, 'select')) {
|
|
48
|
+
this._hasFocus = true;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
this._handleFocusOut = (event) => {
|
|
52
|
+
var _a, _b;
|
|
53
|
+
if ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.matches) === null || _b === void 0 ? void 0 : _b.call(_a, 'select')) {
|
|
54
|
+
this._hasFocus = false;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
}
|
|
28
58
|
connectedCallback() {
|
|
29
59
|
this.setAttribute('isFluid', 'true');
|
|
30
60
|
super.connectedCallback();
|
|
61
|
+
this.addEventListener('click', this._handleToggleTipLabelClick, {
|
|
62
|
+
capture: true,
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
disconnectedCallback() {
|
|
66
|
+
var _a;
|
|
67
|
+
this.removeEventListener('click', this._handleToggleTipLabelClick, {
|
|
68
|
+
capture: true,
|
|
69
|
+
});
|
|
70
|
+
(_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
31
71
|
}
|
|
32
72
|
updated(changedProperties) {
|
|
33
73
|
super.updated(changedProperties);
|
|
@@ -45,11 +85,20 @@ let CDSFluidSelect = class CDSFluidSelect extends CDSSelect {
|
|
|
45
85
|
[`${prefix}--select--warning`]: this.warn && !this.invalid,
|
|
46
86
|
[`${prefix}--select--disabled`]: this.disabled,
|
|
47
87
|
[`${prefix}--select--readonly`]: this.readonly,
|
|
88
|
+
[`${prefix}--select--fluid--focus`]: this._hasFocus,
|
|
48
89
|
});
|
|
49
|
-
return html `<div
|
|
90
|
+
return html `<div
|
|
91
|
+
class="${wrapperClasses}"
|
|
92
|
+
@focusin="${this._handleFocusIn}"
|
|
93
|
+
@focusout="${this._handleFocusOut}">
|
|
94
|
+
${super.render()}
|
|
95
|
+
</div>`;
|
|
50
96
|
}
|
|
51
97
|
};
|
|
52
98
|
CDSFluidSelect.styles = [CDSSelect.styles, styles];
|
|
99
|
+
__decorate([
|
|
100
|
+
state()
|
|
101
|
+
], CDSFluidSelect.prototype, "_hasFocus", void 0);
|
|
53
102
|
CDSFluidSelect = __decorate([
|
|
54
103
|
carbonElement(`${prefix}-fluid-select`)
|
|
55
104
|
], CDSFluidSelect);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-select.js","sources":["../../../src/components/fluid-select/fluid-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSSelect from '../select/select';\nimport styles from './fluid-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Fluid text select.\n *\n * @element cds-custom-fluid-select\n */\n@customElement(`${prefix}-fluid-select`)\nclass CDSFluidSelect extends CDSSelect {\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (\n changedProperties.has('invalid') ||\n changedProperties.has('disabled') ||\n changedProperties.has('readonly') ||\n changedProperties.has('warn')\n ) {\n this.requestUpdate();\n }\n }\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--invalid`]: this.invalid,\n [`${prefix}--select--warning`]: this.warn && !this.invalid,\n [`${prefix}--select--disabled`]: this.disabled,\n [`${prefix}--select--readonly`]: this.readonly,\n });\n return html`<div
|
|
1
|
+
{"version":3,"file":"fluid-select.js","sources":["../../../src/components/fluid-select/fluid-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSSelect from '../select/select';\nimport styles from './fluid-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\n\n/**\n * Fluid text select.\n *\n * @element cds-custom-fluid-select\n */\n@customElement(`${prefix}-fluid-select`)\nclass CDSFluidSelect extends CDSSelect {\n @state()\n private _hasFocus = false;\n\n private _handleToggleTipLabelClick = (event: MouseEvent) => {\n const path = event.composedPath();\n const hasLabel = path.some((node) => node instanceof HTMLLabelElement);\n const hasToggleTip = path.some(\n (node) =>\n node instanceof HTMLElement &&\n (node.matches?.(`${prefix}-toggletip`) ||\n node.classList.contains(`${prefix}--toggletip-button`))\n );\n\n if (hasLabel && hasToggleTip) {\n event.preventDefault();\n }\n };\n\n private _handleFocusIn = (event: FocusEvent) => {\n if ((event.target as Element | null)?.matches?.('select')) {\n this._hasFocus = true;\n }\n };\n\n private _handleFocusOut = (event: FocusEvent) => {\n if ((event.target as Element | null)?.matches?.('select')) {\n this._hasFocus = false;\n }\n };\n\n connectedCallback() {\n this.setAttribute('isFluid', 'true');\n super.connectedCallback();\n this.addEventListener('click', this._handleToggleTipLabelClick, {\n capture: true,\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener('click', this._handleToggleTipLabelClick, {\n capture: true,\n });\n super.disconnectedCallback?.();\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n if (\n changedProperties.has('invalid') ||\n changedProperties.has('disabled') ||\n changedProperties.has('readonly') ||\n changedProperties.has('warn')\n ) {\n this.requestUpdate();\n }\n }\n\n render() {\n const wrapperClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--invalid`]: this.invalid,\n [`${prefix}--select--warning`]: this.warn && !this.invalid,\n [`${prefix}--select--disabled`]: this.disabled,\n [`${prefix}--select--readonly`]: this.readonly,\n [`${prefix}--select--fluid--focus`]: this._hasFocus,\n });\n return html`<div\n class=\"${wrapperClasses}\"\n @focusin=\"${this._handleFocusIn}\"\n @focusout=\"${this._handleFocusOut}\">\n ${super.render()}\n </div>`;\n }\n\n static styles = [CDSSelect.styles, styles];\n}\n\nexport default CDSFluidSelect;\n"],"names":["customElement"],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp.
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import CDSTextareaSkeleton from '../textarea/textarea-skeleton';
|
|
8
8
|
/**
|
|
9
|
-
* Fluid text area
|
|
9
|
+
* Fluid text area skeleton.
|
|
10
10
|
*
|
|
11
|
-
* @element cds-custom-fluid-textarea
|
|
11
|
+
* @element cds-custom-fluid-textarea-skeleton
|
|
12
12
|
*/
|
|
13
13
|
declare class CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {
|
|
14
14
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -13,15 +13,15 @@ import CDSTextareaSkeleton from '../textarea/textarea-skeleton.js';
|
|
|
13
13
|
import styles from './fluid-textarea.scss.js';
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* Copyright IBM Corp.
|
|
16
|
+
* Copyright IBM Corp. 2026
|
|
17
17
|
*
|
|
18
18
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
19
|
* LICENSE file in the root directory of this source tree.
|
|
20
20
|
*/
|
|
21
21
|
/**
|
|
22
|
-
* Fluid text area
|
|
22
|
+
* Fluid text area skeleton.
|
|
23
23
|
*
|
|
24
|
-
* @element cds-custom-fluid-textarea
|
|
24
|
+
* @element cds-custom-fluid-textarea-skeleton
|
|
25
25
|
*/
|
|
26
26
|
let CDSFluidTextareaSkeleton = class CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {
|
|
27
27
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-textarea-skeleton.js","sources":["../../../src/components/fluid-textarea/fluid-textarea-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.
|
|
1
|
+
{"version":3,"file":"fluid-textarea-skeleton.js","sources":["../../../src/components/fluid-textarea/fluid-textarea-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTextareaSkeleton from '../textarea/textarea-skeleton';\nimport styles from './fluid-textarea.scss?lit';\n\n/**\n * Fluid text area skeleton.\n *\n * @element cds-custom-fluid-textarea-skeleton\n */\n@customElement(`${prefix}-fluid-textarea-skeleton`)\nclass CDSFluidTextareaSkeleton extends CDSTextareaSkeleton {\n render() {\n return html`\n <div class=\"${prefix}--text-area--fluid__skeleton ${prefix}--form-item\">\n ${super.render()}\n </div>\n `;\n }\n\n static styles = [CDSTextareaSkeleton.styles, styles];\n}\n\nexport default CDSFluidTextareaSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mBAAmB,CAAA;IACxD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACK,kBAAA,EAAA,MAAM,gCAAgC,MAAM,CAAA;UACtD,KAAK,CAAC,MAAM,EAAE;;KAEnB;IACH;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAtC;AATT,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,wBAAA,CAA0B;AAC5C,CAAA,EAAA,wBAAwB,CAU7B;AAED,iCAAe,wBAAwB;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import CDSFluidSelect from '../fluid-select/fluid-select';
|
|
8
|
+
/**
|
|
9
|
+
* Fluid time picker select.
|
|
10
|
+
*
|
|
11
|
+
* @element cds-custom-fluid-time-picker-select
|
|
12
|
+
*/
|
|
13
|
+
declare class CDSFluidTimePickerSelect extends CDSFluidSelect {
|
|
14
|
+
/**
|
|
15
|
+
* Optionally provide the default value of the select.
|
|
16
|
+
*/
|
|
17
|
+
defaultValue: string;
|
|
18
|
+
updated(changedProperties: any): void;
|
|
19
|
+
static styles: any[];
|
|
20
|
+
}
|
|
21
|
+
export default CDSFluidTimePickerSelect;
|