@haiilo/catalyst 14.4.0 → 14.5.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/dist/catalyst/catalyst.css +15 -4
- package/dist/catalyst/catalyst.esm.js +1 -1
- package/dist/catalyst/{p-CFGROHMy.js → p-7uZgmxXB.js} +2 -2
- package/dist/catalyst/p-7uZgmxXB.js.map +1 -0
- package/dist/catalyst/p-fb92a2f1.entry.js +10 -0
- package/dist/catalyst/p-fb92a2f1.entry.js.map +1 -0
- package/dist/catalyst/scss/core/_nav.scss +2 -1
- package/dist/catalyst/scss/core/sanitize-overwrite.scss +3 -0
- package/dist/catalyst/scss/index.scss +1 -0
- package/dist/cjs/{cat-alert_30.cjs.entry.js → cat-alert_32.cjs.entry.js} +346 -103
- package/dist/cjs/catalyst.cjs.js +2 -2
- package/dist/cjs/{index-B8-TCsLD.js → index-Ddad39qn.js} +7 -4
- package/dist/cjs/index-Ddad39qn.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/cat-alert/cat-alert.js +1 -1
- package/dist/collection/components/cat-badge/cat-badge.js +1 -1
- package/dist/collection/components/cat-button/cat-button.css +9 -2
- package/dist/collection/components/cat-button/cat-button.js +26 -1
- package/dist/collection/components/cat-button/cat-button.js.map +1 -1
- package/dist/collection/components/cat-button-group/cat-button-group.js +1 -1
- package/dist/collection/components/cat-card/cat-card.js +1 -1
- package/dist/collection/components/cat-checkbox/cat-checkbox.js +2 -2
- package/dist/collection/components/cat-date/cat-date.js +2 -2
- package/dist/collection/components/cat-date-inline/cat-date-inline.js +4 -4
- package/dist/collection/components/cat-datepicker/cat-datepicker.js +3 -3
- package/dist/collection/components/cat-datepicker-inline/cat-datepicker-inline.js +2 -2
- package/dist/collection/components/cat-dropdown/cat-dropdown.js +116 -47
- package/dist/collection/components/cat-dropdown/cat-dropdown.js.map +1 -1
- package/dist/collection/components/cat-menu/cat-menu.css +9 -0
- package/dist/collection/components/cat-menu/cat-menu.js +652 -0
- package/dist/collection/components/cat-menu/cat-menu.js.map +1 -0
- package/dist/collection/components/cat-menu-item/cat-menu-item.js +387 -0
- package/dist/collection/components/cat-menu-item/cat-menu-item.js.map +1 -0
- package/dist/collection/components/cat-pagination/cat-pagination.js +2 -2
- package/dist/collection/components/cat-radio/cat-radio.js +2 -2
- package/dist/collection/components/cat-radio-group/cat-radio-group.js +1 -1
- package/dist/collection/components/cat-scrollable/cat-scrollable.js +3 -3
- package/dist/collection/components/cat-select/cat-select.js +14 -18
- package/dist/collection/components/cat-select/cat-select.js.map +1 -1
- package/dist/collection/components/cat-select-demo/cat-select-demo.js +1 -1
- package/dist/collection/components/cat-skeleton/cat-skeleton.js +1 -1
- package/dist/collection/components/cat-spinner/cat-spinner.js +2 -2
- package/dist/collection/components/cat-tab/cat-tab.js +1 -1
- package/dist/collection/components/cat-tabs/cat-tabs.js +1 -1
- package/dist/collection/components/cat-tag/cat-tag.js +1 -1
- package/dist/collection/components/cat-textarea/cat-textarea.js +3 -3
- package/dist/collection/components/cat-time/cat-time.css +0 -9
- package/dist/collection/components/cat-time/cat-time.js +4 -5
- package/dist/collection/components/cat-time/cat-time.js.map +1 -1
- package/dist/collection/components/cat-toggle/cat-toggle.js +2 -2
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/scss/core/_nav.scss +2 -1
- package/dist/collection/scss/core/sanitize-overwrite.scss +3 -0
- package/dist/collection/scss/index.scss +1 -0
- package/dist/components/cat-alert.js +1 -1
- package/dist/components/cat-badge.js +1 -1
- package/dist/components/cat-button-group.js +1 -1
- package/dist/components/cat-button2.js +8 -2
- package/dist/components/cat-button2.js.map +1 -1
- package/dist/components/cat-card.js +1 -1
- package/dist/components/cat-checkbox2.js +2 -2
- package/dist/components/cat-date-inline2.js +4 -4
- package/dist/components/cat-date.js +2 -2
- package/dist/components/cat-datepicker-inline.js +2 -2
- package/dist/components/cat-datepicker.js +3 -3
- package/dist/components/cat-dropdown2.js +69 -44
- package/dist/components/cat-dropdown2.js.map +1 -1
- package/dist/components/cat-menu-item.d.ts +11 -0
- package/dist/components/cat-menu-item.js +9 -0
- package/dist/components/cat-menu-item.js.map +1 -0
- package/dist/components/cat-menu-item2.js +111 -0
- package/dist/components/cat-menu-item2.js.map +1 -0
- package/dist/components/cat-menu.d.ts +11 -0
- package/dist/components/cat-menu.js +9 -0
- package/dist/components/cat-menu.js.map +1 -0
- package/dist/components/cat-menu2.js +227 -0
- package/dist/components/cat-menu2.js.map +1 -0
- package/dist/components/cat-pagination.js +2 -2
- package/dist/components/cat-radio-group.js +1 -1
- package/dist/components/cat-radio.js +2 -2
- package/dist/components/cat-scrollable2.js +3 -3
- package/dist/components/cat-select-demo.js +1 -1
- package/dist/components/cat-select2.js +5 -5
- package/dist/components/cat-select2.js.map +1 -1
- package/dist/components/cat-skeleton2.js +1 -1
- package/dist/components/cat-spinner2.js +2 -2
- package/dist/components/cat-tab.js +1 -1
- package/dist/components/cat-tabs.js +1 -1
- package/dist/components/cat-tag.js +1 -1
- package/dist/components/cat-textarea.js +3 -3
- package/dist/components/cat-time.js +25 -14
- package/dist/components/cat-time.js.map +1 -1
- package/dist/components/cat-toggle.js +2 -2
- package/dist/esm/{cat-alert_30.entry.js → cat-alert_32.entry.js} +345 -104
- package/dist/esm/catalyst.js +3 -3
- package/dist/esm/{index-CFGROHMy.js → index-7uZgmxXB.js} +7 -4
- package/dist/esm/index-7uZgmxXB.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/cat-button/cat-button.d.ts +4 -0
- package/dist/types/components/cat-dropdown/cat-dropdown.d.ts +14 -2
- package/dist/types/components/cat-menu/cat-menu.d.ts +124 -0
- package/dist/types/components/cat-menu-item/cat-menu-item.d.ts +80 -0
- package/dist/types/components/cat-select/cat-select.d.ts +3 -2
- package/dist/types/components.d.ts +426 -7
- package/dist/types/index.d.ts +2 -1
- package/package.json +2 -2
- package/dist/catalyst/p-76436f4e.entry.js +0 -10
- package/dist/catalyst/p-76436f4e.entry.js.map +0 -1
- package/dist/catalyst/p-CFGROHMy.js.map +0 -1
- package/dist/cjs/index-B8-TCsLD.js.map +0 -1
- package/dist/esm/index-CFGROHMy.js.map +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-7uZgmxXB.js';
|
|
2
|
+
export { s as setNonce } from './index-7uZgmxXB.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"cat-alert_30\",[[256,\"cat-select-demo\"],[273,\"cat-date\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"placement\":[1],\"dateMaskOptions\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"min\":[\"onMinChanged\"],\"max\":[\"onMaxChanged\"]}],[273,\"cat-time\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"placement\":[1],\"step\":[2],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"selectionTime\":[32],\"isAm\":[32],\"valueChangedBySelection\":[32],\"select\":[64],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},[[0,\"catOpen\",\"onOpen\"]],{\"min\":[\"onMinChanged\"],\"max\":[\"onMaxChanged\"],\"value\":[\"onValueChanged\"]}],[257,\"cat-datepicker\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"step\":[2],\"attachToElement\":[4,\"attach-to-element\"],\"position\":[1],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"nativePickerAttributes\":[16],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]},null,{\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"readonly\":[\"onDisabledChanged\"],\"mode\":[\"onDisabledChanged\"],\"min\":[\"onMinChanged\"],\"max\":[\"onMinChanged\"]}],[273,\"cat-tabs\",{\"activeTab\":[1537,\"active-tab\"],\"tabsAlign\":[1,\"tabs-align\"],\"adaptive\":[4],\"activeTabAlwaysVisible\":[4,\"active-tab-always-visible\"],\"tabs\":[32],\"hiddenTabs\":[32],\"setActive\":[64],\"setActiveIndex\":[64],\"updateAdaptiveTabs\":[64]},[[0,\"keydown\",\"onKeydown\"]],{\"activeTab\":[\"onActiveTabChange\"]}],[273,\"cat-pagination\",{\"page\":[1026],\"pageCount\":[2,\"page-count\"],\"activePadding\":[2,\"active-padding\"],\"sidePadding\":[2,\"side-padding\"],\"size\":[1],\"variant\":[1],\"round\":[4],\"compact\":[4],\"iconPrev\":[1,\"icon-prev\"],\"iconNext\":[1,\"icon-next\"]}],[273,\"cat-tag\",{\"requiredMarker\":[1,\"required-marker\"],\"disabled\":[4],\"placeholder\":[1],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"name\":[1],\"labelHidden\":[4,\"label-hidden\"],\"required\":[4],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"value\":[1040],\"clearable\":[4],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"tagCreationChars\":[16],\"addOnBlur\":[4,\"add-on-blur\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"tags\":[32],\"errorMap\":[32]},[[0,\"keydown\",\"onKeyDown\"]],{\"errors\":[\"onErrorsChanged\"]}],[257,\"cat-alert\",{\"color\":[513],\"icon\":[1],\"noIcon\":[4,\"no-icon\"]}],[257,\"cat-badge\",{\"variant\":[513],\"color\":[513],\"size\":[513],\"round\":[516],\"pulse\":[516],\"icon\":[1],\"iconOnly\":[8,\"icon-only\"],\"iconRight\":[4,\"icon-right\"],\"_iconOnly\":[32]},null,{\"iconOnly\":[\"onIconOnlyChanged\"]}],[337,\"cat-textarea\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"disabled\":[4],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"rows\":[2],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"hasSlottedCounter\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"errors\":[\"onErrorsChanged\"],\"value\":[\"onValueChanged\"]}],[257,\"cat-button-group\",{\"a11yLabel\":[1,\"a11y-label\"]}],[257,\"cat-card\"],[257,\"cat-datepicker-inline\",{\"disabled\":[4],\"max\":[1],\"min\":[1],\"mode\":[1],\"readonly\":[4],\"step\":[2],\"value\":[1025],\"nativePickerAttributes\":[16]},null,{\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"readonly\":[\"onDisabledChanged\"]}],[257,\"cat-form-group\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"labelSize\":[1,\"label-size\"]},null,{\"requiredMarker\":[\"onRequiredMarkerChanged\"],\"horizontal\":[\"onHorizontalChanged\"]}],[273,\"cat-radio\",{\"checked\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-radio-group\",{\"name\":[1],\"value\":[1032],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"labelLeft\":[4,\"label-left\"]},[[0,\"keydown\",\"onKeydown\"],[0,\"input\",\"onInput\"],[2,\"focus\",\"onFocus\"],[2,\"blur\",\"onBlur\"]],{\"name\":[\"onNameChanged\"],\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"labelLeft\":[\"onLabelLeftChanged\"]}],[257,\"cat-tab\",{\"label\":[513],\"icon\":[513],\"iconOnly\":[520,\"icon-only\"],\"iconRight\":[516,\"icon-right\"],\"url\":[513],\"urlTarget\":[513,\"url-target\"],\"deactivated\":[516],\"noActive\":[516,\"no-active\"],\"sticky\":[516],\"error\":[516],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"]},[[0,\"click\",\"onClick\"]]],[337,\"cat-toggle\",{\"checked\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"noValue\":[8,\"no-value\"],\"resolvedValue\":[1032,\"resolved-value\"],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-tooltip\",{\"content\":[1],\"disabled\":[4],\"placement\":[1],\"round\":[4],\"size\":[1],\"showDelay\":[2,\"show-delay\"],\"hideDelay\":[2,\"hide-delay\"],\"longTouchDuration\":[2,\"long-touch-duration\"],\"open\":[32]},[[8,\"keydown\",\"handleKeyDown\"]]],[273,\"cat-select\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"multiple\":[4],\"debounce\":[2],\"placement\":[1],\"value\":[1025],\"disabled\":[4],\"placeholder\":[1],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"name\":[1],\"labelHidden\":[4,\"label-hidden\"],\"required\":[4],\"clearable\":[4],\"tags\":[4],\"tagHint\":[1,\"tag-hint\"],\"noItems\":[1,\"no-items\"],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"connector\":[32],\"state\":[32],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64],\"connect\":[64]},[[0,\"blur\",\"onBlur\"],[0,\"keydown\",\"onKeyDown\"],[0,\"keyup\",\"onKeyUp\"]],{\"connector\":[\"onConnectorChanged\"],\"value\":[\"onValueChanged\"],\"errors\":[\"onErrorsChanged\"],\"state\":[\"onStateChanged\"]}],[273,\"cat-date-inline\",{\"noClear\":[4,\"no-clear\"],\"identifier\":[1],\"hint\":[4],\"noToday\":[4,\"no-today\"],\"weeks\":[4],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"min\":[1],\"max\":[1],\"range\":[4],\"required\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"requiredMarker\":[1,\"required-marker\"],\"value\":[1025],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"viewDate\":[32],\"select\":[64],\"clear\":[64],\"resetView\":[64],\"doFocus\":[64]},[[0,\"keydown\",\"onKeyDown\"]]],[273,\"cat-avatar\",{\"size\":[1],\"round\":[4],\"label\":[1],\"initials\":[1],\"src\":[1],\"icon\":[1],\"url\":[1],\"urlTarget\":[1,\"url-target\"],\"backgroundImage\":[32]},null,{\"src\":[\"onSrcChanged\"]}],[321,\"cat-checkbox\",{\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"noValue\":[8,\"no-value\"],\"resolvedValue\":[1032,\"resolved-value\"],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"requiredMarker\":[1,\"required-marker\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-scrollable\",{\"noShadowX\":[4,\"no-shadow-x\"],\"noShadowY\":[4,\"no-shadow-y\"],\"noOverflowX\":[4,\"no-overflow-x\"],\"noOverflowY\":[4,\"no-overflow-y\"],\"noOverscroll\":[4,\"no-overscroll\"],\"noScrolledInit\":[4,\"no-scrolled-init\"],\"scrolledBuffer\":[2,\"scrolled-buffer\"]}],[257,\"cat-skeleton\",{\"effect\":[1],\"variant\":[1],\"size\":[1],\"lines\":[2]}],[337,\"cat-input\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"accept\":[1],\"multiple\":[4],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"togglePassword\":[4,\"toggle-password\"],\"disabled\":[4],\"loading\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[8],\"minLength\":[2,\"min-length\"],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"round\":[4],\"type\":[1],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"timeMaskOptions\":[16],\"dateMaskOptions\":[16],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"hasSlottedCounter\":[32],\"isPasswordShown\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"errors\":[\"onErrorsChanged\"]}],[257,\"cat-dropdown\",{\"placement\":[1],\"justify\":[4],\"noAutoClose\":[4,\"no-auto-close\"],\"arrowNavigation\":[1,\"arrow-navigation\"],\"noResize\":[4,\"no-resize\"],\"overflow\":[4],\"noInitialFocus\":[4,\"no-initial-focus\"],\"isOpen\":[2052,\"is-open\"],\"noReturnFocus\":[4,\"no-return-focus\"],\"delayedTriggerInit\":[4,\"delayed-trigger-init\"],\"toggle\":[64],\"open\":[64],\"close\":[64]},[[0,\"catClick\",\"clickHandler\"]]],[273,\"cat-button\",{\"variant\":[1],\"color\":[1],\"active\":[4],\"size\":[1],\"name\":[1],\"value\":[1],\"disabled\":[4],\"loading\":[4],\"submit\":[4],\"noEllipsis\":[4,\"no-ellipsis\"],\"round\":[4],\"url\":[1],\"urlTarget\":[1,\"url-target\"],\"icon\":[1],\"iconOnly\":[8,\"icon-only\"],\"iconRight\":[4,\"icon-right\"],\"buttonId\":[1,\"button-id\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yCurrent\":[1,\"a11y-current\"],\"nativeAttributes\":[16],\"nativeContentAttributes\":[16],\"testId\":[1,\"test-id\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"_iconOnly\":[32],\"hasSlottedContent\":[32],\"doFocus\":[64],\"doBlur\":[64],\"doClick\":[64]},[[0,\"click\",\"haltDisabledEvents\"]],{\"iconOnly\":[\"onIconOnlyChanged\"]}],[257,\"cat-spinner\",{\"size\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"value\":[2]}],[257,\"cat-icon\",{\"icon\":[1],\"iconSrc\":[1,\"icon-src\"],\"size\":[1],\"a11yLabel\":[1,\"a11y-label\"]}]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"cat-alert_32\",[[256,\"cat-select-demo\"],[273,\"cat-time\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"placement\":[1],\"step\":[2],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"selectionTime\":[32],\"isAm\":[32],\"valueChangedBySelection\":[32],\"select\":[64],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},[[0,\"catOpen\",\"onOpen\"]],{\"min\":[\"onMinChanged\"],\"max\":[\"onMaxChanged\"],\"value\":[\"onValueChanged\"]}],[273,\"cat-date\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"placement\":[1],\"dateMaskOptions\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"min\":[\"onMinChanged\"],\"max\":[\"onMaxChanged\"]}],[257,\"cat-datepicker\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"disabled\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[1],\"min\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"step\":[2],\"attachToElement\":[4,\"attach-to-element\"],\"position\":[1],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"nativePickerAttributes\":[16],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]},null,{\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"readonly\":[\"onDisabledChanged\"],\"mode\":[\"onDisabledChanged\"],\"min\":[\"onMinChanged\"],\"max\":[\"onMinChanged\"]}],[273,\"cat-tabs\",{\"activeTab\":[1537,\"active-tab\"],\"tabsAlign\":[1,\"tabs-align\"],\"adaptive\":[4],\"activeTabAlwaysVisible\":[4,\"active-tab-always-visible\"],\"tabs\":[32],\"hiddenTabs\":[32],\"setActive\":[64],\"setActiveIndex\":[64],\"updateAdaptiveTabs\":[64]},[[0,\"keydown\",\"onKeydown\"]],{\"activeTab\":[\"onActiveTabChange\"]}],[273,\"cat-pagination\",{\"page\":[1026],\"pageCount\":[2,\"page-count\"],\"activePadding\":[2,\"active-padding\"],\"sidePadding\":[2,\"side-padding\"],\"size\":[1],\"variant\":[1],\"round\":[4],\"compact\":[4],\"iconPrev\":[1,\"icon-prev\"],\"iconNext\":[1,\"icon-next\"]}],[273,\"cat-tag\",{\"requiredMarker\":[1,\"required-marker\"],\"disabled\":[4],\"placeholder\":[1],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"name\":[1],\"labelHidden\":[4,\"label-hidden\"],\"required\":[4],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"value\":[1040],\"clearable\":[4],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"tagCreationChars\":[16],\"addOnBlur\":[4,\"add-on-blur\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"tags\":[32],\"errorMap\":[32]},[[0,\"keydown\",\"onKeyDown\"]],{\"errors\":[\"onErrorsChanged\"]}],[257,\"cat-alert\",{\"color\":[513],\"icon\":[1],\"noIcon\":[4,\"no-icon\"]}],[257,\"cat-badge\",{\"variant\":[513],\"color\":[513],\"size\":[513],\"round\":[516],\"pulse\":[516],\"icon\":[1],\"iconOnly\":[8,\"icon-only\"],\"iconRight\":[4,\"icon-right\"],\"_iconOnly\":[32]},null,{\"iconOnly\":[\"onIconOnlyChanged\"]}],[337,\"cat-textarea\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"autoComplete\":[1,\"auto-complete\"],\"disabled\":[4],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"rows\":[2],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"hasSlottedCounter\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"errors\":[\"onErrorsChanged\"],\"value\":[\"onValueChanged\"]}],[257,\"cat-button-group\",{\"a11yLabel\":[1,\"a11y-label\"]}],[257,\"cat-card\"],[257,\"cat-datepicker-inline\",{\"disabled\":[4],\"max\":[1],\"min\":[1],\"mode\":[1],\"readonly\":[4],\"step\":[2],\"value\":[1025],\"nativePickerAttributes\":[16]},null,{\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"readonly\":[\"onDisabledChanged\"]}],[257,\"cat-form-group\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"labelSize\":[1,\"label-size\"]},null,{\"requiredMarker\":[\"onRequiredMarkerChanged\"],\"horizontal\":[\"onHorizontalChanged\"]}],[273,\"cat-radio\",{\"checked\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-radio-group\",{\"name\":[1],\"value\":[1032],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"labelLeft\":[4,\"label-left\"]},[[0,\"keydown\",\"onKeydown\"],[0,\"input\",\"onInput\"],[2,\"focus\",\"onFocus\"],[2,\"blur\",\"onBlur\"]],{\"name\":[\"onNameChanged\"],\"value\":[\"onValueChanged\"],\"disabled\":[\"onDisabledChanged\"],\"labelLeft\":[\"onLabelLeftChanged\"]}],[257,\"cat-tab\",{\"label\":[513],\"icon\":[513],\"iconOnly\":[520,\"icon-only\"],\"iconRight\":[516,\"icon-right\"],\"url\":[513],\"urlTarget\":[513,\"url-target\"],\"deactivated\":[516],\"noActive\":[516,\"no-active\"],\"sticky\":[516],\"error\":[516],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"]},[[0,\"click\",\"onClick\"]]],[337,\"cat-toggle\",{\"checked\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"noValue\":[8,\"no-value\"],\"resolvedValue\":[1032,\"resolved-value\"],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-tooltip\",{\"content\":[1],\"disabled\":[4],\"placement\":[1],\"round\":[4],\"size\":[1],\"showDelay\":[2,\"show-delay\"],\"hideDelay\":[2,\"hide-delay\"],\"longTouchDuration\":[2,\"long-touch-duration\"],\"open\":[32]},[[8,\"keydown\",\"handleKeyDown\"]]],[273,\"cat-select\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"multiple\":[4],\"debounce\":[2],\"placement\":[1],\"value\":[1025],\"disabled\":[4],\"placeholder\":[1],\"hint\":[1],\"identifier\":[1],\"label\":[1],\"name\":[1],\"labelHidden\":[4,\"label-hidden\"],\"required\":[4],\"clearable\":[4],\"tags\":[4],\"tagHint\":[1,\"tag-hint\"],\"noItems\":[1,\"no-items\"],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"connector\":[32],\"state\":[32],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64],\"connect\":[64]},[[0,\"blur\",\"onBlur\"],[0,\"keydown\",\"onKeyDown\"],[0,\"keyup\",\"onKeyUp\"]],{\"connector\":[\"onConnectorChanged\"],\"value\":[\"onValueChanged\"],\"errors\":[\"onErrorsChanged\"],\"state\":[\"onStateChanged\"]}],[257,\"cat-menu\",{\"placement\":[1],\"arrowNavigation\":[1,\"arrow-navigation\"],\"triggerVariant\":[1,\"trigger-variant\"],\"triggerSize\":[1,\"trigger-size\"],\"triggerIcon\":[1,\"trigger-icon\"],\"triggerIconOnly\":[8,\"trigger-icon-only\"],\"triggerLabel\":[1,\"trigger-label\"],\"triggerColor\":[1,\"trigger-color\"],\"triggerA11yLabel\":[1,\"trigger-a-1-1y-label\"],\"triggerClass\":[1,\"trigger-class\"],\"triggerTestId\":[1,\"trigger-test-id\"],\"triggerNativeAttributes\":[16],\"disabled\":[4],\"justify\":[4],\"noResize\":[4,\"no-resize\"],\"overflow\":[4],\"delayedTriggerInit\":[4,\"delayed-trigger-init\"],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"focusout\",\"onFocusOut\"],[4,\"keydown\",\"onDocumentKeydown\"]]],[273,\"cat-date-inline\",{\"noClear\":[4,\"no-clear\"],\"identifier\":[1],\"hint\":[4],\"noToday\":[4,\"no-today\"],\"weeks\":[4],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"min\":[1],\"max\":[1],\"range\":[4],\"required\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"requiredMarker\":[1,\"required-marker\"],\"value\":[1025],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"viewDate\":[32],\"select\":[64],\"clear\":[64],\"resetView\":[64],\"doFocus\":[64]},[[0,\"keydown\",\"onKeyDown\"]]],[257,\"cat-menu-item\",{\"identifier\":[1],\"icon\":[1],\"color\":[1],\"active\":[4],\"variant\":[1],\"loading\":[4],\"iconOnly\":[8,\"icon-only\"],\"iconRight\":[4,\"icon-right\"],\"url\":[1],\"urlTarget\":[1,\"url-target\"],\"disabled\":[4],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"doFocus\":[64],\"doBlur\":[64]}],[273,\"cat-avatar\",{\"size\":[1],\"round\":[4],\"label\":[1],\"initials\":[1],\"src\":[1],\"icon\":[1],\"url\":[1],\"urlTarget\":[1,\"url-target\"],\"backgroundImage\":[32]},null,{\"src\":[\"onSrcChanged\"]}],[321,\"cat-checkbox\",{\"checked\":[1028],\"indeterminate\":[1028],\"disabled\":[4],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"name\":[1],\"required\":[4],\"value\":[8],\"noValue\":[8,\"no-value\"],\"resolvedValue\":[1032,\"resolved-value\"],\"hint\":[1],\"labelLeft\":[4,\"label-left\"],\"alignment\":[1],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"requiredMarker\":[1,\"required-marker\"],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"doFocus\":[64],\"doBlur\":[64]}],[257,\"cat-scrollable\",{\"noShadowX\":[4,\"no-shadow-x\"],\"noShadowY\":[4,\"no-shadow-y\"],\"noOverflowX\":[4,\"no-overflow-x\"],\"noOverflowY\":[4,\"no-overflow-y\"],\"noOverscroll\":[4,\"no-overscroll\"],\"noScrolledInit\":[4,\"no-scrolled-init\"],\"scrolledBuffer\":[2,\"scrolled-buffer\"]}],[257,\"cat-skeleton\",{\"effect\":[1],\"variant\":[1],\"size\":[1],\"lines\":[2]}],[337,\"cat-input\",{\"requiredMarker\":[1,\"required-marker\"],\"horizontal\":[4],\"fallbackHorizontal\":[4,\"fallback-horizontal\"],\"accept\":[1],\"multiple\":[4],\"autoComplete\":[1,\"auto-complete\"],\"clearable\":[4],\"togglePassword\":[4,\"toggle-password\"],\"disabled\":[4],\"loading\":[4],\"hint\":[1],\"icon\":[1],\"iconRight\":[4,\"icon-right\"],\"identifier\":[1],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"max\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[8],\"minLength\":[2,\"min-length\"],\"name\":[1],\"placeholder\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"readonly\":[4],\"required\":[4],\"round\":[4],\"type\":[1],\"value\":[1025],\"errors\":[4],\"errorUpdate\":[8,\"error-update\"],\"nativeAttributes\":[16],\"testId\":[1,\"test-id\"],\"timeMaskOptions\":[16],\"dateMaskOptions\":[16],\"hasSlottedLabel\":[32],\"hasSlottedHint\":[32],\"hasSlottedCounter\":[32],\"isPasswordShown\":[32],\"errorMap\":[32],\"doFocus\":[64],\"doBlur\":[64],\"clear\":[64]},null,{\"errors\":[\"onErrorsChanged\"]}],[257,\"cat-dropdown\",{\"placement\":[1],\"justify\":[4],\"noAutoClose\":[4,\"no-auto-close\"],\"arrowNavigation\":[1,\"arrow-navigation\"],\"noResize\":[4,\"no-resize\"],\"overflow\":[4],\"noInitialFocus\":[4,\"no-initial-focus\"],\"isOpen\":[2052,\"is-open\"],\"noReturnFocus\":[4,\"no-return-focus\"],\"delayedTriggerInit\":[4,\"delayed-trigger-init\"],\"focusTrap\":[4,\"focus-trap\"],\"toggle\":[64],\"open\":[64],\"close\":[64]},[[0,\"catClick\",\"clickHandler\"],[0,\"keydown\",\"keydownHandler\"],[8,\"click\",\"globalClickHandler\"]]],[273,\"cat-button\",{\"variant\":[1],\"color\":[1],\"active\":[4],\"size\":[1],\"name\":[1],\"value\":[1],\"disabled\":[4],\"loading\":[4],\"submit\":[4],\"noEllipsis\":[4,\"no-ellipsis\"],\"round\":[4],\"url\":[1],\"urlTarget\":[1,\"url-target\"],\"inline\":[4],\"icon\":[1],\"iconOnly\":[8,\"icon-only\"],\"iconRight\":[4,\"icon-right\"],\"buttonId\":[1,\"button-id\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yCurrent\":[1,\"a11y-current\"],\"nativeAttributes\":[16],\"nativeContentAttributes\":[16],\"testId\":[1,\"test-id\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"_iconOnly\":[32],\"hasSlottedContent\":[32],\"doFocus\":[64],\"doBlur\":[64],\"doClick\":[64]},[[0,\"click\",\"haltDisabledEvents\"]],{\"iconOnly\":[\"onIconOnlyChanged\"]}],[257,\"cat-spinner\",{\"size\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"value\":[2]}],[257,\"cat-icon\",{\"icon\":[1],\"iconSrc\":[1,\"icon-src\"],\"size\":[1],\"a11yLabel\":[1,\"a11y-label\"]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -76,6 +76,10 @@ export declare class CatButton {
|
|
|
76
76
|
* Specifies where to open the linked document.
|
|
77
77
|
*/
|
|
78
78
|
urlTarget?: '_blank' | '_self';
|
|
79
|
+
/**
|
|
80
|
+
* Link behaves as an inline element.
|
|
81
|
+
*/
|
|
82
|
+
inline: boolean;
|
|
79
83
|
/**
|
|
80
84
|
* The name of an icon to be displayed in the button.
|
|
81
85
|
*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/dom';
|
|
2
2
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
3
|
+
export type DropdownPlacement = Placement;
|
|
3
4
|
/**
|
|
4
5
|
* A dropdown component to display a list of actions in a dropdown menu or to
|
|
5
6
|
* show additional content on demand.
|
|
@@ -15,12 +16,13 @@ export declare class CatDropdown {
|
|
|
15
16
|
private trap?;
|
|
16
17
|
private _isOpen;
|
|
17
18
|
private cleanupFloatingUi?;
|
|
19
|
+
private readonly tabbableOptions;
|
|
18
20
|
/**
|
|
19
21
|
* Tracking the origin of opening the dropdown and specify if initial focus should be set.
|
|
20
22
|
* Currently we set it only when the origin is keyboard.
|
|
21
23
|
* We might not need to track this in future when focus-visible support is improved across browsers
|
|
22
24
|
*/
|
|
23
|
-
private
|
|
25
|
+
private isFocusVisible;
|
|
24
26
|
/**
|
|
25
27
|
* The placement of the dropdown.
|
|
26
28
|
*/
|
|
@@ -37,6 +39,7 @@ export declare class CatDropdown {
|
|
|
37
39
|
noAutoClose: boolean;
|
|
38
40
|
/**
|
|
39
41
|
* Do not navigate focus inside the dropdown via vertical arrow keys.
|
|
42
|
+
* @deprecated use cat-menu
|
|
40
43
|
*/
|
|
41
44
|
arrowNavigation: 'horizontal' | 'vertical' | 'none';
|
|
42
45
|
/**
|
|
@@ -64,6 +67,7 @@ export declare class CatDropdown {
|
|
|
64
67
|
get isOpen(): boolean;
|
|
65
68
|
/**
|
|
66
69
|
* Trigger element will not receive focus when dropdown is closed.
|
|
70
|
+
* @deprecated the property can be removed, focus is arranged internally
|
|
67
71
|
*/
|
|
68
72
|
noReturnFocus: boolean;
|
|
69
73
|
/**
|
|
@@ -71,6 +75,12 @@ export declare class CatDropdown {
|
|
|
71
75
|
* Can be useful when trigger is rendered dynamically.
|
|
72
76
|
*/
|
|
73
77
|
delayedTriggerInit: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Whether the focus should be trapped inside dropdown popup.
|
|
80
|
+
* Use it only when the dropdown popup content has role dialog.
|
|
81
|
+
* @internal
|
|
82
|
+
*/
|
|
83
|
+
focusTrap: boolean;
|
|
74
84
|
/**
|
|
75
85
|
* Emitted when the dropdown is opened.
|
|
76
86
|
*/
|
|
@@ -80,6 +90,8 @@ export declare class CatDropdown {
|
|
|
80
90
|
*/
|
|
81
91
|
catClose: EventEmitter<FocusEvent>;
|
|
82
92
|
clickHandler(event: CustomEvent<MouseEvent>): void;
|
|
93
|
+
keydownHandler(event: KeyboardEvent): void;
|
|
94
|
+
globalClickHandler(event: MouseEvent): void;
|
|
83
95
|
/**
|
|
84
96
|
* Toggles the dropdown.
|
|
85
97
|
*/
|
|
@@ -92,7 +104,7 @@ export declare class CatDropdown {
|
|
|
92
104
|
/**
|
|
93
105
|
* Closes the dropdown.
|
|
94
106
|
*/
|
|
95
|
-
close(): Promise<void>;
|
|
107
|
+
close(shouldReturnFocus?: boolean): Promise<void>;
|
|
96
108
|
componentDidLoad(): void;
|
|
97
109
|
disconnectedCallback(): void;
|
|
98
110
|
render(): any;
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/dom';
|
|
2
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
3
|
+
import { Breakpoint } from '../../utils/breakpoints';
|
|
4
|
+
/**
|
|
5
|
+
* A menu component that provides a dropdown with a built-in configurable trigger button
|
|
6
|
+
* and proper ARIA semantics and keyboard navigation for menu items.
|
|
7
|
+
*
|
|
8
|
+
* The trigger is always a cat-button with sensible defaults but fully configurable
|
|
9
|
+
* through trigger-specific props.
|
|
10
|
+
*/
|
|
11
|
+
export declare class CatMenu {
|
|
12
|
+
private dropdown?;
|
|
13
|
+
private catMenuItems;
|
|
14
|
+
private mutationObserver?;
|
|
15
|
+
hostElement: HTMLElement;
|
|
16
|
+
/**
|
|
17
|
+
* The placement of the dropdown.
|
|
18
|
+
*/
|
|
19
|
+
placement: Placement;
|
|
20
|
+
/**
|
|
21
|
+
* The arrow key navigation direction for menu items.
|
|
22
|
+
*/
|
|
23
|
+
arrowNavigation: 'horizontal' | 'vertical';
|
|
24
|
+
/**
|
|
25
|
+
* The trigger button variant.
|
|
26
|
+
*/
|
|
27
|
+
triggerVariant: 'filled' | 'outlined' | 'text';
|
|
28
|
+
/**
|
|
29
|
+
* The trigger button size.
|
|
30
|
+
*/
|
|
31
|
+
triggerSize: 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
32
|
+
/**
|
|
33
|
+
* The trigger button icon.
|
|
34
|
+
*/
|
|
35
|
+
triggerIcon?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Show only the icon in the trigger button.
|
|
38
|
+
*/
|
|
39
|
+
triggerIconOnly?: boolean | Breakpoint;
|
|
40
|
+
/**
|
|
41
|
+
* The trigger button label.
|
|
42
|
+
*/
|
|
43
|
+
triggerLabel?: string;
|
|
44
|
+
/**
|
|
45
|
+
* The color palette of the trigger button.
|
|
46
|
+
*/
|
|
47
|
+
triggerColor: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
|
|
48
|
+
/**
|
|
49
|
+
* The trigger button accessibility label. If not set, falls back to triggerLabel.
|
|
50
|
+
*/
|
|
51
|
+
triggerA11yLabel?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Additional CSS class for the trigger button.
|
|
54
|
+
*/
|
|
55
|
+
triggerClass?: string;
|
|
56
|
+
/**
|
|
57
|
+
* Test ID for the trigger button.
|
|
58
|
+
*/
|
|
59
|
+
triggerTestId?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Native attributes for the trigger button.
|
|
62
|
+
*/
|
|
63
|
+
triggerNativeAttributes?: {
|
|
64
|
+
[key: string]: string;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Disable the menu.
|
|
68
|
+
*/
|
|
69
|
+
disabled: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Make the dropdown match the width of the reference regardless of its
|
|
72
|
+
* contents. Note that this only applies to the minimum width of the
|
|
73
|
+
* dropdown. The maximum width is still limited by the viewport.
|
|
74
|
+
*/
|
|
75
|
+
justify: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Do not change the size of the dropdown to ensure it isn’t too big to fit
|
|
78
|
+
* in the viewport (or more specifically, its clipping context).
|
|
79
|
+
*/
|
|
80
|
+
noResize: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Allow overflow when dropdown is open.
|
|
83
|
+
*/
|
|
84
|
+
overflow: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Whether the dropdown trigger should be initialized only before first opening.
|
|
87
|
+
* Can be useful when trigger is rendered dynamically.
|
|
88
|
+
*/
|
|
89
|
+
delayedTriggerInit: boolean;
|
|
90
|
+
/**
|
|
91
|
+
* Emitted when the dropdown is opened.
|
|
92
|
+
*/
|
|
93
|
+
catOpen: EventEmitter<FocusEvent>;
|
|
94
|
+
/**
|
|
95
|
+
* Emitted when the dropdown is closed.
|
|
96
|
+
*/
|
|
97
|
+
catClose: EventEmitter<FocusEvent>;
|
|
98
|
+
/**
|
|
99
|
+
* Emitted when the trigger button is clicked.
|
|
100
|
+
*/
|
|
101
|
+
catTriggerClick: EventEmitter<MouseEvent>;
|
|
102
|
+
onFocusOut(): void;
|
|
103
|
+
private getDeepActiveElement;
|
|
104
|
+
onDocumentKeydown(event: KeyboardEvent): void;
|
|
105
|
+
componentDidLoad(): void;
|
|
106
|
+
disconnectedCallback(): void;
|
|
107
|
+
/**
|
|
108
|
+
* Opens the menu.
|
|
109
|
+
*/
|
|
110
|
+
open(): Promise<void>;
|
|
111
|
+
/**
|
|
112
|
+
* Closes the menu.
|
|
113
|
+
*/
|
|
114
|
+
close(): Promise<void>;
|
|
115
|
+
/**
|
|
116
|
+
* Toggles the menu.
|
|
117
|
+
*/
|
|
118
|
+
toggle(): Promise<void>;
|
|
119
|
+
private onTriggerClick;
|
|
120
|
+
private onMenuOpen;
|
|
121
|
+
private isMenuItemInFocus;
|
|
122
|
+
private syncMenuItems;
|
|
123
|
+
render(): any;
|
|
124
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { Breakpoint } from '../../utils/breakpoints';
|
|
3
|
+
/**
|
|
4
|
+
* A menu item component that renders as a button with proper ARIA semantics.
|
|
5
|
+
*/
|
|
6
|
+
export declare class CatMenuItem {
|
|
7
|
+
private readonly _id;
|
|
8
|
+
private get id();
|
|
9
|
+
private button?;
|
|
10
|
+
/**
|
|
11
|
+
* A unique identifier for the menu item.
|
|
12
|
+
*/
|
|
13
|
+
identifier?: string;
|
|
14
|
+
/**
|
|
15
|
+
* The name of an icon to be displayed in the menu item.
|
|
16
|
+
*/
|
|
17
|
+
icon?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The color of the menu item.
|
|
20
|
+
*/
|
|
21
|
+
color?: 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'info';
|
|
22
|
+
/**
|
|
23
|
+
* Whether the menu item is active.
|
|
24
|
+
*/
|
|
25
|
+
active: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The variant of the menu item button.
|
|
28
|
+
*/
|
|
29
|
+
variant: 'filled' | 'outlined' | 'text';
|
|
30
|
+
/**
|
|
31
|
+
* The loading state of the menu item.
|
|
32
|
+
*/
|
|
33
|
+
loading?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Hide the actual button content and only display the icon.
|
|
36
|
+
*/
|
|
37
|
+
iconOnly: boolean | Breakpoint;
|
|
38
|
+
/**
|
|
39
|
+
* Display the icon on the right.
|
|
40
|
+
*/
|
|
41
|
+
iconRight: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* A destination to link to, rendered in the href attribute of a link.
|
|
44
|
+
*/
|
|
45
|
+
url?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Specifies where to open the linked document.
|
|
48
|
+
*/
|
|
49
|
+
urlTarget?: '_blank' | '_self';
|
|
50
|
+
/**
|
|
51
|
+
* Specifies that the menu item should be disabled.
|
|
52
|
+
*/
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Attributes that will be added to the native HTML button element
|
|
56
|
+
*/
|
|
57
|
+
nativeAttributes?: {
|
|
58
|
+
[key: string]: string;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* A unique identifier for the underlying native element that is used for
|
|
62
|
+
* testing purposes. The attribute is added as `data-test` attribute and acts
|
|
63
|
+
* as a shorthand for `nativeAttributes={ 'data-test': 'test-Id' }`.
|
|
64
|
+
*/
|
|
65
|
+
testId?: string;
|
|
66
|
+
/**
|
|
67
|
+
* Emitted when the trigger button is clicked.
|
|
68
|
+
*/
|
|
69
|
+
catClick: EventEmitter<MouseEvent>;
|
|
70
|
+
/**
|
|
71
|
+
* Programmatically move focus to the menu item.
|
|
72
|
+
*/
|
|
73
|
+
doFocus(options?: FocusOptions): Promise<void>;
|
|
74
|
+
/**
|
|
75
|
+
* Programmatically remove focus from the menu item.
|
|
76
|
+
*/
|
|
77
|
+
doBlur(): Promise<void>;
|
|
78
|
+
render(): any;
|
|
79
|
+
private onCatClick;
|
|
80
|
+
}
|
|
@@ -64,6 +64,7 @@ export interface CatSelectTaggingValue {
|
|
|
64
64
|
id: string;
|
|
65
65
|
tag: string;
|
|
66
66
|
}
|
|
67
|
+
export type CatSelectValue = string | string[] | CatSelectTaggingValue | CatSelectMultipleTaggingValue;
|
|
67
68
|
/**
|
|
68
69
|
* Select lets user choose one option from an options' menu.
|
|
69
70
|
* Consider using select when you have 6 or more options. Select component supports any content type.
|
|
@@ -129,7 +130,7 @@ export declare class CatSelect {
|
|
|
129
130
|
* In case the user can add new items to the select (tags activated), the value in the single select is an object (CatSelectTaggingValue) with the id of the item or the name of the created item,
|
|
130
131
|
* in the case of multiple select, it is an object (CatSelectMultipleTaggingValue) with the array of the ids of the items selected and the array of the names of the items created
|
|
131
132
|
*/
|
|
132
|
-
value?:
|
|
133
|
+
value?: CatSelectValue;
|
|
133
134
|
/**
|
|
134
135
|
* Whether the select is disabled.
|
|
135
136
|
*/
|
|
@@ -220,7 +221,7 @@ export declare class CatSelect {
|
|
|
220
221
|
/**
|
|
221
222
|
* Emitted when the value is changed.
|
|
222
223
|
*/
|
|
223
|
-
catChange: EventEmitter<
|
|
224
|
+
catChange: EventEmitter<CatSelectValue>;
|
|
224
225
|
/**
|
|
225
226
|
* Emitted when the select loses the focus.
|
|
226
227
|
*/
|