@carbon/web-components 1.36.1 → 1.37.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/accordion.min.js +1 -1
- package/dist/accordion.rtl.min.js +1 -1
- package/dist/breadcrumb.min.js +1 -1
- package/dist/breadcrumb.rtl.min.js +1 -1
- package/dist/{button-4e0b32c8.js → button-035465bb.js} +1 -1
- package/dist/{button-99f6b809.js → button-1a16f30e.js} +1 -1
- package/dist/button.min.js +1 -1
- package/dist/button.rtl.min.js +1 -1
- package/dist/{checkbox-d61e0f46.js → checkbox-61c8aa71.js} +1 -1
- package/dist/{checkbox-39ba54c6.js → checkbox-93412a35.js} +1 -1
- package/dist/checkbox.min.js +1 -1
- package/dist/checkbox.rtl.min.js +1 -1
- package/dist/code-snippet.min.js +2 -2
- package/dist/code-snippet.rtl.min.js +2 -2
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-box.rtl.min.js +1 -1
- package/dist/{content-switcher-item-f853369b.js → content-switcher-item-6df85f1c.js} +1 -1
- package/dist/{content-switcher-item-55452b53.js → content-switcher-item-88761ecf.js} +1 -1
- package/dist/content-switcher.min.js +1 -1
- package/dist/content-switcher.rtl.min.js +1 -1
- package/dist/{copy-button-9fb90a01.js → copy-button-07fadd2e.js} +1 -1
- package/dist/{copy-button-7a7bbaf8.js → copy-button-d62f4b6e.js} +1 -1
- package/dist/copy-button.min.js +1 -1
- package/dist/copy-button.rtl.min.js +1 -1
- package/dist/data-table.min.js +2 -2
- package/dist/data-table.rtl.min.js +2 -2
- package/dist/date-picker.min.js +3 -3
- package/dist/date-picker.rtl.min.js +3 -3
- package/dist/{dropdown-item-2d248e51.js → dropdown-item-0d7d9847.js} +1 -1
- package/dist/{dropdown-item-9c062c1c.js → dropdown-item-5ea25a90.js} +1 -1
- package/dist/dropdown.min.js +1 -1
- package/dist/dropdown.rtl.min.js +1 -1
- package/dist/file-uploader.min.js +2 -2
- package/dist/file-uploader.rtl.min.js +2 -2
- package/dist/{floating-menu-72acc1bc.js → floating-menu-14b01da2.js} +1 -1
- package/dist/floating-menu.min.js +1 -1
- package/dist/floating-menu.rtl.min.js +1 -1
- package/dist/form.min.js +1 -1
- package/dist/form.rtl.min.js +1 -1
- package/dist/inline-loading.min.js +2 -2
- package/dist/inline-loading.rtl.min.js +2 -2
- package/dist/{input-d66d0e9c.js → input-13d32d6b.js} +2 -2
- package/dist/{input-47f04966.js → input-e5ad8493.js} +2 -2
- package/dist/input.min.js +1 -1
- package/dist/input.rtl.min.js +1 -1
- package/dist/{link-f9de12ea.js → link-00bbdb76.js} +1 -1
- package/dist/{link-afe664a3.js → link-1e3fcabc.js} +1 -1
- package/dist/link.min.js +1 -1
- package/dist/link.rtl.min.js +1 -1
- package/dist/list.min.js +1 -1
- package/dist/list.rtl.min.js +1 -1
- package/dist/{loading-926a29f5.js → loading-2a5481c6.js} +1 -1
- package/dist/{loading-a1c01e84.js → loading-5f4a55c9.js} +1 -1
- package/dist/{loading-icon-9d1c486a.js → loading-icon-4be51b70.js} +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/loading.rtl.min.js +1 -1
- package/dist/modal.min.js +2 -2
- package/dist/modal.rtl.min.js +2 -2
- package/dist/multi-select.min.js +1 -1
- package/dist/multi-select.rtl.min.js +1 -1
- package/dist/notification.min.js +1 -1
- package/dist/notification.rtl.min.js +1 -1
- package/dist/number-input.min.js +2 -2
- package/dist/number-input.rtl.min.js +2 -2
- package/dist/overflow-menu.min.js +2 -2
- package/dist/overflow-menu.rtl.min.js +2 -2
- package/dist/pagination.min.js +1 -1
- package/dist/pagination.rtl.min.js +1 -1
- package/dist/progress-indicator.min.js +2 -12
- package/dist/progress-indicator.rtl.min.js +2 -12
- package/dist/radio-button.min.js +1 -1
- package/dist/radio-button.rtl.min.js +1 -1
- package/dist/{search-e6781408.js → search-7746f7ab.js} +1 -1
- package/dist/{search-f36f74c2.js → search-dc317efe.js} +1 -1
- package/dist/search.min.js +1 -1
- package/dist/search.rtl.min.js +1 -1
- package/dist/select.min.js +1 -1
- package/dist/select.rtl.min.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-placeholder.rtl.min.js +1 -1
- package/dist/skeleton-text.min.js +1 -1
- package/dist/skeleton-text.rtl.min.js +1 -1
- package/dist/skip-to-content.min.js +1 -1
- package/dist/skip-to-content.rtl.min.js +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slider.rtl.min.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/structured-list.rtl.min.js +1 -1
- package/dist/tabs.min.js +2 -2
- package/dist/tabs.rtl.min.js +2 -2
- package/dist/tag.min.js +1 -1
- package/dist/tag.rtl.min.js +1 -1
- package/dist/textarea.min.js +1 -1
- package/dist/textarea.rtl.min.js +1 -1
- package/dist/tile.min.js +1 -1
- package/dist/tile.rtl.min.js +1 -1
- package/dist/toggle.min.js +2 -2
- package/dist/toggle.rtl.min.js +2 -2
- package/dist/tooltip.min.js +2 -2
- package/dist/tooltip.rtl.min.js +2 -2
- package/dist/ui-shell.min.js +2 -2
- package/dist/ui-shell.rtl.min.js +2 -2
- package/es/components/accordion/accordion-item.js +19 -1
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +5 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +6 -1
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-skeleton.js +21 -1
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.js +34 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/checkbox/checkbox.js +18 -1
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js +5 -1
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.js +26 -5
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box.js +23 -2
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.js +11 -1
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.js +7 -1
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/copy-button/copy-button.js +15 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/table-batch-actions.js +15 -1
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-skeleton.js.map +1 -1
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expand-row.js +10 -1
- package/es/components/data-table/table-expand-row.js.map +1 -1
- package/es/components/data-table/table-expanded-row.js +7 -1
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.js +12 -1
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-row.js +22 -1
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +8 -1
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +4 -1
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.js +30 -2
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.js +12 -1
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.js +6 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +8 -1
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.js +72 -4
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/drop-container.js +16 -1
- package/es/components/file-uploader/drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +29 -3
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader.js +12 -1
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +1 -1
- package/es/components/floating-menu/floating-menu.js +5 -2
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js +14 -3
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/input/input.d.ts +1 -1
- package/es/components/input/input.js +48 -4
- package/es/components/input/input.js.map +1 -1
- package/es/components/link/link.js +26 -3
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.js +8 -1
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.js +5 -1
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.js +5 -1
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading-icon.js +16 -1
- package/es/components/loading/loading-icon.js.map +1 -1
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.js +9 -1
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer.js +5 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.js +20 -1
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js +19 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.js +35 -3
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/inline-notification.js +27 -3
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/toast-notification.js +21 -2
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.js +4 -1
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +1 -1
- package/es/components/number-input/number-input.js +80 -6
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +16 -1
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +5 -1
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/page-sizes-select.js +14 -1
- package/es/components/pagination/page-sizes-select.js.map +1 -1
- package/es/components/pagination/pages-select.js +25 -2
- package/es/components/pagination/pages-select.js.map +1 -1
- package/es/components/pagination/pagination.js +30 -1
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js +10 -1
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.js +19 -2
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js +4 -1
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.js +14 -1
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search-skeleton.js +4 -1
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.js +25 -1
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select.js +58 -4
- package/es/components/select/select.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.js +5 -1
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.js +12 -1
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.js +12 -1
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.js +45 -1
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js +4 -1
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.js +14 -1
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.js +3 -1
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.js +11 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js +8 -1
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.js +26 -1
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/filter-tag.js +6 -1
- package/es/components/tag/filter-tag.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/textarea/textarea-skeleton.js +4 -1
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.js +32 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/expandable-tile.js +17 -1
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.js +17 -1
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.js +33 -2
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/tooltip/tooltip-body.js +4 -1
- package/es/components/tooltip/tooltip-body.js.map +1 -1
- package/es/components/tooltip/tooltip-definition.js +8 -1
- package/es/components/tooltip/tooltip-definition.js.map +1 -1
- package/es/components/tooltip/tooltip-footer.js.map +1 -1
- package/es/components/tooltip/tooltip-icon.js +11 -1
- package/es/components/tooltip/tooltip-icon.js.map +1 -1
- package/es/components/tooltip/tooltip.js +4 -1
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.js +10 -1
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu.js +19 -1
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.js +10 -2
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.js +11 -1
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.js +9 -1
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.js +16 -1
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.js +7 -1
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.js +30 -1
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/globals/internal/storybook-cdn.d.ts +1 -1
- package/es/globals/internal/storybook-cdn.js +2 -2
- package/es/globals/internal/storybook-cdn.js.map +1 -1
- package/package.json +4 -3
- package/scss/components/tag/tag.scss +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","names":["settings","classMap","html","property","LitElement","ChevronRight16","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","prefix","observeResize","observer","elem","observe","release","unobserve","BXAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","titleText","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\nconst { prefix } = settings;\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element bx-accordion-item\n * @fires bx-accordion-item-beingtoggled\n * The custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires bx-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass BXAccordionItem extends FocusMixin(LitElement) {\n /**\n * The current breakpoint.\n */\n private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * Handles user-initiated toggle request of this accordion item.\n *\n * @param open The new open state.\n */\n private _handleUserInitiatedToggle(open = !this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n open,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventToggle,\n init\n )\n );\n }\n }\n\n /**\n * Handler for the `click` event on the expando button.\n */\n private _handleClickExpando() {\n this._handleUserInitiatedToggle();\n }\n\n /**\n * Handler for the `keydown` event on the expando button.\n */\n private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n if (this.open && (key === 'Esc' || key === 'Escape')) {\n this._handleUserInitiatedToggle(false);\n }\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n (records: ResizeObserverEntry[]) => {\n const { width } = records[records.length - 1].contentRect;\n const { _sizesBreakpoints: sizesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\n this._currentBreakpoint = Object.keys(sizesBreakpoints)\n .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n .find(\n (size) => width >= sizesBreakpoints[size]\n ) as ACCORDION_ITEM_BREAKPOINT;\n this.requestUpdate();\n }\n );\n\n /**\n * `true` if the accordion item should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the accordion item should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * The title text.\n */\n @property({ attribute: 'title-text' })\n titleText = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n render() {\n const {\n disabled,\n titleText,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\n const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n const contentClasses = classMap({\n [classBreakpoint]: classBreakpoint,\n [`${prefix}--accordion__content`]: true,\n });\n return html`\n <button\n ?disabled=\"${disabled}\"\n type=\"button\"\n part=\"expando\"\n class=\"${prefix}--accordion__heading\"\n aria-controls=\"content\"\n aria-expanded=\"${open}\"\n @click=\"${handleClickExpando}\"\n @keydown=\"${handleKeydownExpando}\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <div part=\"title\" class=\"${prefix}--accordion__title\">\n <slot name=\"title\">${titleText}</slot>\n </div>\n </button>\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\n </div>\n `;\n }\n\n /**\n * The CSS classes for breakpoints.\n *\n * @private\n */\n static get _classesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n };\n }\n\n /**\n * The breakpoints.\n *\n * @private\n */\n static get _sizesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n };\n }\n\n /**\n * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n */\n static get eventBeforeToggle() {\n return `${prefix}-accordion-item-beingtoggled`;\n }\n\n /**\n * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-accordion-item-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default BXAccordionItem;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"accordion-item.js","names":["settings","classMap","html","property","LitElement","ChevronRight16","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","prefix","observeResize","observer","elem","observe","release","unobserve","BXAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","titleText","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\nconst { prefix } = settings;\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element bx-accordion-item\n * @fires bx-accordion-item-beingtoggled\n * The custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires bx-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass BXAccordionItem extends FocusMixin(LitElement) {\n /**\n * The current breakpoint.\n */\n private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * Handles user-initiated toggle request of this accordion item.\n *\n * @param open The new open state.\n */\n private _handleUserInitiatedToggle(open = !this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n open,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventBeforeToggle,\n init\n )\n )\n ) {\n this.open = open;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXAccordionItem).eventToggle,\n init\n )\n );\n }\n }\n\n /**\n * Handler for the `click` event on the expando button.\n */\n private _handleClickExpando() {\n this._handleUserInitiatedToggle();\n }\n\n /**\n * Handler for the `keydown` event on the expando button.\n */\n private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n if (this.open && (key === 'Esc' || key === 'Escape')) {\n this._handleUserInitiatedToggle(false);\n }\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n (records: ResizeObserverEntry[]) => {\n const { width } = records[records.length - 1].contentRect;\n const { _sizesBreakpoints: sizesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\n this._currentBreakpoint = Object.keys(sizesBreakpoints)\n .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n .find(\n (size) => width >= sizesBreakpoints[size]\n ) as ACCORDION_ITEM_BREAKPOINT;\n this.requestUpdate();\n }\n );\n\n /**\n * `true` if the accordion item should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the accordion item should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * The title text.\n */\n @property({ attribute: 'title-text' })\n titleText = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n render() {\n const {\n disabled,\n titleText,\n open,\n _currentBreakpoint: currentBreakpoint,\n _handleClickExpando: handleClickExpando,\n _handleKeydownExpando: handleKeydownExpando,\n } = this;\n const { _classesBreakpoints: classesBreakpoints } = this\n .constructor as typeof BXAccordionItem;\n const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n const contentClasses = classMap({\n [classBreakpoint]: classBreakpoint,\n [`${prefix}--accordion__content`]: true,\n });\n return html`\n <button\n ?disabled=\"${disabled}\"\n type=\"button\"\n part=\"expando\"\n class=\"${prefix}--accordion__heading\"\n aria-controls=\"content\"\n aria-expanded=\"${open}\"\n @click=\"${handleClickExpando}\"\n @keydown=\"${handleKeydownExpando}\">\n ${ChevronRight16({\n part: 'expando-icon',\n class: `${prefix}--accordion__arrow`,\n })}\n <div part=\"title\" class=\"${prefix}--accordion__title\">\n <slot name=\"title\">${titleText}</slot>\n </div>\n </button>\n <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n <slot></slot>\n </div>\n `;\n }\n\n /**\n * The CSS classes for breakpoints.\n *\n * @private\n */\n static get _classesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n };\n }\n\n /**\n * The breakpoints.\n *\n * @private\n */\n static get _sizesBreakpoints() {\n return {\n [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n };\n }\n\n /**\n * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n */\n static get eventBeforeToggle() {\n return `${prefix}-accordion-item-beingtoggled`;\n }\n\n /**\n * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-accordion-item-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default BXAccordionItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,cAAc,MAAM,+BAAqC;AAChE,OAAOC,UAAU,MAAM,4BAA4B;AAEnD,SAASC,yBAAyB,QAAQ,QAAQ;AAClD,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,yBAAyB;AAElC,MAAM;EAAEI;AAAO,CAAC,GAAGX,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,aAAa,GAAGA,CAACC,QAAwB,EAAEC,IAAa,KAAK;EACjE,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACAD,QAAQ,CAACE,OAAO,CAACD,IAAI,CAAC;EACtB,OAAO;IACLE,OAAOA,CAAA,EAAG;MACRH,QAAQ,CAACI,SAAS,CAACH,IAAI,CAAC;MACxB,OAAO,IAAI;IACb;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,IAcMI,eAAe,GAAAC,SAAA,EADpBT,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAS,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiMrD;EAAC;IAAAI,CAAA,EAjMKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OASsB,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAR7C;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,2BAAmCC,IAAI,GAAG,CAAC,IAAI,CAACA,IAAI,EAAE;QACpD,MAAMC,IAAI,GAAG;UACXC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNL;UACF;QACF,CAAC;QACD,IACE,IAAI,CAACM,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACf,WAAW,CAA4BgB,iBAAiB,EAC9DP,IACF,CACF,CAAC,EACD;UACA,IAAI,CAACD,IAAI,GAAGA,IAAI;UAChB,IAAI,CAACM,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACf,WAAW,CAA4BiB,WAAW,EACxDR,IACF,CACF,CAAC;QACH;MACF;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAY,oBAAA,EAA8B;QAC5B,IAAI,CAACX,0BAA0B,CAAC,CAAC;MACnC;;MAEA;AACF;AACA;IAFE;MAAAH,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAGgC,CAAC;UAAED;QAAmB,CAAC,KAAK;UAC1D,IAAI,IAAI,CAACG,IAAI,KAAKH,GAAG,KAAK,KAAK,IAAIA,GAAG,KAAK,QAAQ,CAAC,EAAE;YACpD,IAAI,CAACE,0BAA0B,CAAC,KAAK,CAAC;UACxC;QACF,CAAC;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAOyB,IAAIa,cAAc,CACzCC,OAA8B,IAAK;UAClC,MAAM;YAAEC;UAAM,CAAC,GAAGD,OAAO,CAACA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAC,CAACC,WAAW;UACzD,MAAM;YAAEC,iBAAiB,EAAEC;UAAiB,CAAC,GAAG,IAAI,CACjDzB,WAAqC;UACxC,IAAI,CAAC0B,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACH,gBAAgB,CAAC,CACpDI,IAAI,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAKN,gBAAgB,CAACM,GAAG,CAAC,GAAGN,gBAAgB,CAACK,GAAG,CAAC,CAAC,CACjEE,IAAI,CACFC,IAAI,IAAKZ,KAAK,IAAII,gBAAgB,CAACQ,IAAI,CAC1C,CAA8B;UAChC,IAAI,CAACC,aAAa,CAAC,CAAC;QACtB,CACF,CAAC;MAAA;IAAA;MAAA9B,IAAA;MAAA+B,UAAA,GAKAtD,QAAQ,CAAC;QAAEuD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAjC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAA+B,UAAA,GAKftD,QAAQ,CAAC;QAAEuD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAjC,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAA+B,UAAA,GAKXtD,QAAQ,CAAC;QAAE0D,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAnCd;AACF;AACA;MACE;MACA;MAeA;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAkC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CApGEhD,eAAe,CAAAiD,SAAA,8BAAAC,IAAA;QAqGjB,IAAI,IAAI,CAACC,eAAe,EAAE;UACxB,IAAI,CAACA,eAAe,GAAG,IAAI,CAACA,eAAe,CAACrD,OAAO,CAAC,CAAC;QACvD;QACA,IAAI,CAACqD,eAAe,GAAGzD,aAAa,CAAC,IAAI,CAAC0D,eAAe,EAAE,IAAI,CAAC;MAClE;IAAC;MAAA5C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA2C,qBAAA,EAAuB;QACrB,IAAI,IAAI,CAACF,eAAe,EAAE;UACxB,IAAI,CAACA,eAAe,GAAG,IAAI,CAACA,eAAe,CAACrD,OAAO,CAAC,CAAC;QACvD;MACF;IAAC;MAAAU,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA4C,OAAA,EAAS;QACP,MAAM;UACJC,QAAQ;UACRC,SAAS;UACT5C,IAAI;UACJkB,kBAAkB,EAAE2B,iBAAiB;UACrCnC,mBAAmB,EAAEoC,kBAAkB;UACvCC,qBAAqB,EAAEC;QACzB,CAAC,GAAG,IAAI;QACR,MAAM;UAAEC,mBAAmB,EAAEC;QAAmB,CAAC,GAAG,IAAI,CACrD1D,WAAqC;QACxC,MAAM;UAAE,CAACqD,iBAAiB,GAAIM;QAAgB,CAAC,GAAGD,kBAAkB;QACpE,MAAME,cAAc,GAAGjF,QAAQ,CAAC;UAC9B,CAACgF,eAAe,GAAGA,eAAe;UAClC,CAAE,GAAEtE,MAAO,sBAAqB,GAAG;QACrC,CAAC,CAAC;QACF,OAAOT,IAAI,CAAAiF,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,qBAAmB,CAAW;AAC9B;AACA;AACA,iBAAe,CAAS;AACxB;AACA,yBAAuB,CAAO;AAC9B,kBAAgB,CAAqB;AACrC,oBAAkB,CAAuB;AACzC,UAAQ,CAGG;AACX,mCAAiC,CAAS;AAC1C,+BAA6B,CAAY;AACzC;AACA;AACA,gDAA8C,CAAiB;AAC/D;AACA;AACA,KAAI,GAnBiBX,QAAQ,EAGZ9D,MAAM,EAEEmB,IAAI,EACX8C,kBAAkB,EAChBE,oBAAoB,EAC9BzE,cAAc,CAAC;UACfgF,IAAI,EAAE,cAAc;UACpBC,KAAK,EAAG,GAAE3E,MAAO;QACnB,CAAC,CAAC,EACyBA,MAAM,EACV+D,SAAS,EAGQQ,cAAc;MAI5D;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAxD,IAAA;MAAA6D,MAAA;MAAA5D,GAAA;MAAAC,KAAA,EAKA,SAAAmD,oBAAA,EAAiC;QAC/B,OAAO;UACL,CAACxE,yBAAyB,CAACiF,KAAK,GAAI,GAAE7E,MAAO,4BAA2BJ,yBAAyB,CAACiF,KAAM,EAAC;UACzG,CAACjF,yBAAyB,CAACkF,MAAM,GAAI,GAAE9E,MAAO,4BAA2BJ,yBAAyB,CAACkF,MAAO;QAC5G,CAAC;MACH;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAA/D,IAAA;MAAA6D,MAAA;MAAA5D,GAAA;MAAAC,KAAA,EAKA,SAAAkB,kBAAA,EAA+B;QAC7B,OAAO;UACL,CAACvC,yBAAyB,CAACiF,KAAK,GAAG,GAAG;UACtC,CAACjF,yBAAyB,CAACkF,MAAM,GAAG;QACtC,CAAC;MACH;;MAEA;AACF;AACA;AACA;IAHE;MAAA/D,IAAA;MAAA6D,MAAA;MAAA5D,GAAA;MAAAC,KAAA,EAIA,SAAAU,kBAAA,EAA+B;QAC7B,OAAQ,GAAE3B,MAAO,8BAA6B;MAChD;;MAEA;AACF;AACA;IAFE;MAAAe,IAAA;MAAA6D,MAAA;MAAA5D,GAAA;MAAAC,KAAA,EAGA,SAAAW,YAAA,EAAyB;QACvB,OAAQ,GAAE5B,MAAO,yBAAwB;MAC3C;IAAC;MAAAe,IAAA;MAAA6D,MAAA;MAAA5D,GAAA;MAAAC,MAAA;QAAA,OAEepB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhMMF,UAAU,CAACF,UAAU,CAAC;AAmMpD,eAAec,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["html","property","LitElement","settings","forEach","ACCORDION_SIZE","styles","carbonElement","customElement","prefix","BXAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","render","_t","_","static"],"sources":["components/accordion/accordion.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Accordion container.\n *\n * @element bx-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass BXAccordion extends LitElement {\n /**\n * Accordion size.\n */\n @property({ reflect: true })\n size = ACCORDION_SIZE.REGULAR;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('size', this.size);\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static get selectorAccordionItems() {\n return `${prefix}-accordion-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXAccordion;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,cAAc,QAAQ,QAAQ;AACvC,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,cAAc;AAEvB,MAAM;EAAEI;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqCrC;EAAC;IAAAI,CAAA,EArCKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdlB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,cAAc,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ7B;AACF;AACA;;MAIE,SAAAE,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXElB,WAAW,CAAAmB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAZ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAS,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACpB,WAAW,CAAwBqB,sBAC3C,CAAC,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CACF,CAAC;QACH;MACF;IAAC;MAAAnB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["html","property","LitElement","settings","forEach","ACCORDION_SIZE","styles","carbonElement","customElement","prefix","BXAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","render","_t","_","static"],"sources":["components/accordion/accordion.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Accordion container.\n *\n * @element bx-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass BXAccordion extends LitElement {\n /**\n * Accordion size.\n */\n @property({ reflect: true })\n size = ACCORDION_SIZE.REGULAR;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('size')) {\n // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXAccordion).selectorAccordionItems\n ),\n (elem) => {\n elem.setAttribute('size', this.size);\n }\n );\n }\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static get selectorAccordionItems() {\n return `${prefix}-accordion-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXAccordion;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,cAAc,QAAQ,QAAQ;AACvC,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,cAAc;AAEvB,MAAM;EAAEI;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqCrC;EAAC;IAAAI,CAAA,EArCKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdlB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,cAAc,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ7B;AACF;AACA;;MAIE,SAAAE,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAXElB,WAAW,CAAAmB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAZ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAS,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACpB,WAAW,CAAwBqB,sBAC3C,CAAC,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CACF,CAAC;QACH;MACF;IAAC;MAAAnB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAtB,IAAA;MAAAuB,MAAA;MAAApB,GAAA;MAAAC,KAAA,EAED,SAAAa,uBAAA,EAAoC;QAClC,OAAQ,GAAE1B,MAAO,iBAAgB;MACnC;IAAC;MAAAS,IAAA;MAAAuB,MAAA;MAAApB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GApCEJ,UAAU;AAuCpC,eAAeQ,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-item.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb item.\n *\n * @element bx-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass BXBreadcrumbItem extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default BXBreadcrumbItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa1C;EAAC;IAAAI,CAAA,EAbKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,gBAAgB,CAAAgB,SAAA,8BAAAC,IAAA;MAMpB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb-item.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb item.\n *\n * @element bx-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass BXBreadcrumbItem extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default BXBreadcrumbItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa1C;EAAC;IAAAI,CAAA,EAbKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,gBAAgB,CAAAgB,SAAA,8BAAAC,IAAA;MAMpB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAZOF,UAAU;AAezC,eAAeM,gBAAgB"}
|
|
@@ -38,7 +38,11 @@ let BXBreadcrumbOverflowMenu = _decorate([customElement(`${prefix}-breadcrumb-ov
|
|
|
38
38
|
kind: "method",
|
|
39
39
|
key: "render",
|
|
40
40
|
value: function render() {
|
|
41
|
-
return html(_t || (_t = _`
|
|
41
|
+
return html(_t || (_t = _`
|
|
42
|
+
<slot name="icon">
|
|
43
|
+
${0}
|
|
44
|
+
</slot>
|
|
45
|
+
`), OverflowMenuHorizontal16({
|
|
42
46
|
class: `${prefix}--overflow-menu__icon`
|
|
43
47
|
}));
|
|
44
48
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["html","settings","OverflowMenuHorizontal16","BXOverflowMenu","styles","carbonElement","customElement","prefix","BXBreadcrumbOverflowMenu","_decorate","_initialize","_BXOverflowMenu","constructor","args","F","d","kind","key","value","render","_t","_","class","static"],"sources":["components/breadcrumb/breadcrumb-overflow-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport BXOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element bx-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass BXBreadcrumbOverflowMenu extends BXOverflowMenu {\n render() {\n return html`\n <slot name=\"icon\">\n ${OverflowMenuHorizontal16({\n class: `${prefix}--overflow-menu__icon`,\n })}\n </slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXBreadcrumbOverflowMenu;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,wBAAwB,MAAM,0CAAgD;AACrF,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,wBAAwB,GAAAC,SAAA,EAD7BH,aAAa,CAAE,GAAEC,MAAO,2BAA0B,CAAC,aAAAG,WAAA,EAAAC,eAAA;EAApD,MACMH,wBAAwB,SAAAG,eAAA,CAAwB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYtD;EAAC;IAAAI,CAAA,EAZKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,OAAA,EAAS;QACP,OAAOnB,IAAI,CAAAoB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb-overflow-menu.js","names":["html","settings","OverflowMenuHorizontal16","BXOverflowMenu","styles","carbonElement","customElement","prefix","BXBreadcrumbOverflowMenu","_decorate","_initialize","_BXOverflowMenu","constructor","args","F","d","kind","key","value","render","_t","_","class","static"],"sources":["components/breadcrumb/breadcrumb-overflow-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport OverflowMenuHorizontal16 from '@carbon/icons/lib/overflow-menu--horizontal/16';\nimport BXOverflowMenu from '../overflow-menu/overflow-menu';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu in breadcrumb.\n *\n * @element bx-breadcrumb-overflow-menu\n */\n@customElement(`${prefix}-breadcrumb-overflow-menu`)\nclass BXBreadcrumbOverflowMenu extends BXOverflowMenu {\n render() {\n return html`\n <slot name=\"icon\">\n ${OverflowMenuHorizontal16({\n class: `${prefix}--overflow-menu__icon`,\n })}\n </slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXBreadcrumbOverflowMenu;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,wBAAwB,MAAM,0CAAgD;AACrF,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,wBAAwB,GAAAC,SAAA,EAD7BH,aAAa,CAAE,GAAEC,MAAO,2BAA0B,CAAC,aAAAG,WAAA,EAAAC,eAAA;EAApD,MACMH,wBAAwB,SAAAG,eAAA,CAAwB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYtD;EAAC;IAAAI,CAAA,EAZKN,wBAAwB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC5B,SAAAC,OAAA,EAAS;QACP,OAAOnB,IAAI,CAAAoB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,UAAQ,CAEG;AACX;AACA,KAAI,GAJMnB,wBAAwB,CAAC;UACzBoB,KAAK,EAAG,GAAEf,MAAO;QACnB,CAAC,CAAC;MAGR;IAAC;MAAAS,IAAA;MAAAO,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAXeD,cAAc;AAcrD,eAAeK,wBAAwB"}
|
|
@@ -47,7 +47,12 @@ let BXBreadcrumb = _decorate([customElement(`${prefix}-breadcrumb`)], function (
|
|
|
47
47
|
kind: "method",
|
|
48
48
|
key: "render",
|
|
49
49
|
value: function render() {
|
|
50
|
-
return html(_t || (_t = _`
|
|
50
|
+
return html(_t || (_t = _`
|
|
51
|
+
<ol
|
|
52
|
+
class="${0}--breadcrumb ${0}--breadcrumb--no-trailing-slash">
|
|
53
|
+
<slot></slot>
|
|
54
|
+
</ol>
|
|
55
|
+
`), prefix, prefix);
|
|
51
56
|
}
|
|
52
57
|
}, {
|
|
53
58
|
kind: "field",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumb","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb.\n *\n * @element bx-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass BXBreadcrumb extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`\n <ol\n class=\"${prefix}--breadcrumb ${prefix}--breadcrumb--no-trailing-slash\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXBreadcrumb;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkBtC;EAAC;IAAAI,CAAA,EAlBKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CALEf,YAAY,CAAAgB,SAAA,8BAAAC,IAAA;MAMhB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXBreadcrumb","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Breadcrumb.\n *\n * @element bx-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass BXBreadcrumb extends LitElement {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n return html`\n <ol\n class=\"${prefix}--breadcrumb ${prefix}--breadcrumb--no-trailing-slash\">\n <slot></slot>\n </ol>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXBreadcrumb;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkBtC;EAAC;IAAAI,CAAA,EAlBKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CALEf,YAAY,CAAAgB,SAAA,8BAAAC,IAAA;MAMhB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,gBAAa,CAAS;AAC9C;AACA;AACA,KAAI,GAHarB,MAAM,EAAgBA,MAAM;MAI3C;IAAC;MAAAS,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAjBGF,UAAU;AAoBrC,eAAeM,YAAY"}
|
|
@@ -70,7 +70,27 @@ let BXButtonSkeleton = _decorate([customElement(`${prefix}-btn-skeleton`)], func
|
|
|
70
70
|
[`${prefix}--skeleton`]: true,
|
|
71
71
|
[`${prefix}--btn--${size}`]: size
|
|
72
72
|
});
|
|
73
|
-
return href ? html(_t || (_t = _`
|
|
73
|
+
return href ? html(_t || (_t = _`
|
|
74
|
+
<a
|
|
75
|
+
id="button"
|
|
76
|
+
role="button"
|
|
77
|
+
class="${0}"
|
|
78
|
+
download="${0}"
|
|
79
|
+
href="${0}"
|
|
80
|
+
hreflang="${0}"
|
|
81
|
+
ping="${0}"
|
|
82
|
+
rel="${0}"
|
|
83
|
+
target="${0}"
|
|
84
|
+
type="${0}"
|
|
85
|
+
@click="${0}"></a>
|
|
86
|
+
`), classes, ifNonNull(download), ifNonNull(href), ifNonNull(hreflang), ifNonNull(ping), ifNonNull(rel), ifNonNull(target), ifNonNull(type), this._handleClickLinkSkeleton) : html(_t2 || (_t2 = _`
|
|
87
|
+
<button
|
|
88
|
+
id="button"
|
|
89
|
+
class="${0}"
|
|
90
|
+
?autofocus="${0}"
|
|
91
|
+
?disabled="${0}"
|
|
92
|
+
type="${0}"></button>
|
|
93
|
+
`), classes, autofocus, disabled, ifNonNull(type));
|
|
74
94
|
}
|
|
75
95
|
}, {
|
|
76
96
|
kind: "field",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-skeleton.js","names":["settings","classMap","html","ifNonNull","BXButton","styles","carbonElement","customElement","prefix","BXButtonSkeleton","_decorate","_initialize","_BXButton","constructor","args","F","d","kind","key","value","_handleClickLinkSkeleton","event","disabled","preventDefault","stopPropagation","render","autofocus","download","href","hreflang","ping","rel","size","target","type","classes","_t","_","_t2","static"],"sources":["components/button/button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXButton from './button';\nimport styles from './button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-btn-skeleton`)\nclass BXButtonSkeleton extends BXButton {\n /**\n * Handles `click` event on the `<a>.\n *\n * @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"></button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButtonSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,QAAQ,MAAM,UAAU;AAC/B,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMS,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,SAAA;EAAxC,MACMH,gBAAgB,SAAAG,SAAA,CAAkB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDxC;EAAC;IAAAI,CAAA,EAzDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACpB;AACF;AACA;AACA;AACA;MACE,SAAAC,yBAAiCC,KAAiB,EAAE;QAClD,IAAI,IAAI,CAACC,QAAQ,EAAE;UACjBD,KAAK,CAACE,cAAc,CAAC,CAAC,CAAC,CAAC;UACxBF,KAAK,CAACG,eAAe,CAAC,CAAC,CAAC,CAAC;QAC3B;MACF;IAAC;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;QACP,MAAM;UACJC,SAAS;UACTJ,QAAQ;UACRK,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,OAAM,GAAG,IAAI;UACxB,CAAE,GAAEA,MAAO,YAAW,GAAG,IAAI;UAC7B,CAAE,GAAEA,MAAO,UAASwB,IAAK,EAAC,GAAGA;QAC/B,CAAC,CAAC;QACF,OAAOJ,IAAI,GACP1B,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"button-skeleton.js","names":["settings","classMap","html","ifNonNull","BXButton","styles","carbonElement","customElement","prefix","BXButtonSkeleton","_decorate","_initialize","_BXButton","constructor","args","F","d","kind","key","value","_handleClickLinkSkeleton","event","disabled","preventDefault","stopPropagation","render","autofocus","download","href","hreflang","ping","rel","size","target","type","classes","_t","_","_t2","static"],"sources":["components/button/button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXButton from './button';\nimport styles from './button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-btn-skeleton`)\nclass BXButtonSkeleton extends BXButton {\n /**\n * Handles `click` event on the `<a>.\n *\n * @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"></button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButtonSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,QAAQ,MAAM,UAAU;AAC/B,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMS,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,SAAA;EAAxC,MACMH,gBAAgB,SAAAG,SAAA,CAAkB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDxC;EAAC;IAAAI,CAAA,EAzDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACpB;AACF;AACA;AACA;AACA;MACE,SAAAC,yBAAiCC,KAAiB,EAAE;QAClD,IAAI,IAAI,CAACC,QAAQ,EAAE;UACjBD,KAAK,CAACE,cAAc,CAAC,CAAC,CAAC,CAAC;UACxBF,KAAK,CAACG,eAAe,CAAC,CAAC,CAAC,CAAC;QAC3B;MACF;IAAC;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;QACP,MAAM;UACJC,SAAS;UACTJ,QAAQ;UACRK,QAAQ;UACRC,IAAI;UACJC,QAAQ;UACRC,IAAI;UACJC,GAAG;UACHC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,OAAM,GAAG,IAAI;UACxB,CAAE,GAAEA,MAAO,YAAW,GAAG,IAAI;UAC7B,CAAE,GAAEA,MAAO,UAASwB,IAAK,EAAC,GAAGA;QAC/B,CAAC,CAAC;QACF,OAAOJ,IAAI,GACP1B,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACb;AACA;AACA;AACA,qBAAmB,CAAU;AAC7B,wBAAsB,CAAsB;AAC5C,oBAAkB,CAAkB;AACpC,wBAAsB,CAAsB;AAC5C,oBAAkB,CAAkB;AACpC,mBAAiB,CAAiB;AAClC,sBAAoB,CAAoB;AACxC,oBAAkB,CAAkB;AACpC,sBAAoB,CAAgC;AACpD,SAAQ,GATaF,OAAO,EACJhC,SAAS,CAACwB,QAAQ,CAAC,EACvBxB,SAAS,CAACyB,IAAI,CAAC,EACXzB,SAAS,CAAC0B,QAAQ,CAAC,EACvB1B,SAAS,CAAC2B,IAAI,CAAC,EAChB3B,SAAS,CAAC4B,GAAG,CAAC,EACX5B,SAAS,CAAC8B,MAAM,CAAC,EACnB9B,SAAS,CAAC+B,IAAI,CAAC,EACb,IAAI,CAACd,wBAAwB,IAE3ClB,IAAI,CAAAoC,GAAA,KAAAA,GAAA,GAAAD,CAAC;AACb;AACA;AACA,qBAAmB,CAAU;AAC7B,0BAAwB,CAAY;AACpC,yBAAuB,CAAW;AAClC,oBAAkB,CAAkB;AACpC,SAAQ,GAJaF,OAAO,EACFT,SAAS,EACVJ,QAAQ,EACbnB,SAAS,CAAC+B,IAAI,CAAC,CAC1B;MACP;IAAC;MAAAjB,IAAA;MAAAsB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDOD,QAAQ;AA2DvC,eAAeK,gBAAgB"}
|
|
@@ -297,9 +297,41 @@ let BXButton = _decorate([customElement(`${prefix}-btn`)], function (_initialize
|
|
|
297
297
|
[`${prefix}--btn--expressive`]: isExpressive
|
|
298
298
|
});
|
|
299
299
|
if (href) {
|
|
300
|
-
return disabled ? html(_t || (_t = _`
|
|
300
|
+
return disabled ? html(_t || (_t = _`
|
|
301
|
+
<p id="button" part="button" class="${0}">
|
|
302
|
+
<slot @slotchange="${0}"></slot>
|
|
303
|
+
<slot name="icon" @slotchange="${0}"></slot>
|
|
304
|
+
</p>
|
|
305
|
+
`), classes, handleSlotChange, handleSlotChange) : html(_t2 || (_t2 = _`
|
|
306
|
+
<a
|
|
307
|
+
id="button"
|
|
308
|
+
part="button"
|
|
309
|
+
role="${0}"
|
|
310
|
+
class="${0}"
|
|
311
|
+
download="${0}"
|
|
312
|
+
href="${0}"
|
|
313
|
+
hreflang="${0}"
|
|
314
|
+
ping="${0}"
|
|
315
|
+
rel="${0}"
|
|
316
|
+
target="${0}"
|
|
317
|
+
type="${0}">
|
|
318
|
+
<slot @slotchange="${0}"></slot>
|
|
319
|
+
<slot name="icon" @slotchange="${0}"></slot>
|
|
320
|
+
</a>
|
|
321
|
+
`), ifNonNull(linkRole), classes, ifNonNull(download), ifNonNull(href), ifNonNull(hreflang), ifNonNull(ping), ifNonNull(rel), ifNonNull(target), ifNonNull(type), handleSlotChange, handleSlotChange);
|
|
301
322
|
}
|
|
302
|
-
return html(_t3 || (_t3 = _`
|
|
323
|
+
return html(_t3 || (_t3 = _`
|
|
324
|
+
<button
|
|
325
|
+
id="button"
|
|
326
|
+
part="button"
|
|
327
|
+
class="${0}"
|
|
328
|
+
?autofocus="${0}"
|
|
329
|
+
?disabled="${0}"
|
|
330
|
+
type="${0}">
|
|
331
|
+
<slot @slotchange="${0}"></slot>
|
|
332
|
+
<slot name="icon" @slotchange="${0}"></slot>
|
|
333
|
+
</button>
|
|
334
|
+
`), classes, autofocus, disabled, ifNonNull(type), handleSlotChange, handleSlotChange);
|
|
303
335
|
}
|
|
304
336
|
}, {
|
|
305
337
|
kind: "field",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":["settings","classMap","html","property","LitElement","ifNonNull","FocusMixin","BUTTON_KIND","BUTTON_SIZE","BUTTON_ICON_LAYOUT","styles","HostListener","HostListenerMixin","carbonElement","customElement","prefix","BXButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","type","Boolean","reflect","attribute","REGULAR","PRIMARY","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","autofocus","download","href","hreflang","isExpressive","linkRole","ping","rel","size","_hasIcon","hasIcon","_hasMainContent","hasMainContent","handleSlotChange","classes","_t","_","_t2","_t3","static"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT } from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT };\n\nconst { prefix } = settings;\n\n/**\n * Button.\n *\n * @element bx-btn\n * @csspart button The button.\n */\n@customElement(`${prefix}-btn`)\nclass BXButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * `true` if there is a non-icon content.\n */\n private _hasMainContent = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * Button icon layout.\n */\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n isExpressive,\n linkRole,\n kind,\n ping,\n rel,\n size,\n target,\n type,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,\n [`${prefix}--btn--xl`]: size === 'xl',\n [`${prefix}--btn--field`]: size === 'field' && !isExpressive,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n });\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButton;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button.js","names":["settings","classMap","html","property","LitElement","ifNonNull","FocusMixin","BUTTON_KIND","BUTTON_SIZE","BUTTON_ICON_LAYOUT","styles","HostListener","HostListenerMixin","carbonElement","customElement","prefix","BXButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","type","Boolean","reflect","attribute","REGULAR","PRIMARY","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","autofocus","download","href","hreflang","isExpressive","linkRole","ping","rel","size","_hasIcon","hasIcon","_hasMainContent","hasMainContent","handleSlotChange","classes","_t","_","_t2","_t3","static"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT } from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { BUTTON_KIND, BUTTON_SIZE, BUTTON_ICON_LAYOUT };\n\nconst { prefix } = settings;\n\n/**\n * Button.\n *\n * @element bx-btn\n * @csspart button The button.\n */\n@customElement(`${prefix}-btn`)\nclass BXButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * `true` if there is a non-icon content.\n */\n private _hasMainContent = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * Button icon layout.\n */\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n isExpressive,\n linkRole,\n kind,\n ping,\n rel,\n size,\n target,\n type,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,\n [`${prefix}--btn--xl`]: size === 'xl',\n [`${prefix}--btn--field`]: size === 'field' && !isExpressive,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n });\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXButton;\n"],"mappings":"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"}
|
|
@@ -197,7 +197,24 @@ let BXCheckbox = _decorate([customElement(`${prefix}-checkbox`)], function (_ini
|
|
|
197
197
|
[`${prefix}--checkbox-label`]: true,
|
|
198
198
|
[`${prefix}--visually-hidden`]: hideLabel
|
|
199
199
|
});
|
|
200
|
-
return html(_t || (_t = _`
|
|
200
|
+
return html(_t || (_t = _`
|
|
201
|
+
<input
|
|
202
|
+
id="checkbox"
|
|
203
|
+
type="checkbox"
|
|
204
|
+
part="input"
|
|
205
|
+
class="${0}"
|
|
206
|
+
.checked="${0}"
|
|
207
|
+
?disabled="${0}"
|
|
208
|
+
.indeterminate="${0}"
|
|
209
|
+
name="${0}"
|
|
210
|
+
value="${0}"
|
|
211
|
+
@change="${0}" />
|
|
212
|
+
<label for="checkbox" part="label" class="${0}">
|
|
213
|
+
<span class="${0}--checkbox-label-text"
|
|
214
|
+
><slot>${0}</slot></span
|
|
215
|
+
>
|
|
216
|
+
</label>
|
|
217
|
+
`), `${prefix}--checkbox`, checked, disabled, indeterminate, ifNonNull(name), ifNonNull(value), handleChange, labelClasses, prefix, labelText);
|
|
201
218
|
}
|
|
202
219
|
|
|
203
220
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","names":["classMap","html","property","query","LitElement","settings","ifNonNull","FocusMixin","FormMixin","styles","carbonElement","customElement","prefix","BXCheckbox","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleChange","checked","indeterminate","_checkboxNode","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","hideLabel","labelText","handleChange","labelClasses","_t","_","static"],"sources":["components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Check box.\n *\n * @element bx-checkbox\n * @fires bx-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass BXCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on the `<input>` in the shadow DOM.\n */\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof BXCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n indeterminate,\n },\n })\n );\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /**\n * `true` if the check box should be checked.\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the label should be hidden.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * `true` if the check box should show its UI of the indeterminate state.\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * The value.\n */\n @property()\n value!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n checked,\n disabled,\n hideLabel,\n indeterminate,\n labelText,\n name,\n value,\n _handleChange: handleChange,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"checkbox\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n .checked=\"${checked}\"\n ?disabled=\"${disabled}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifNonNull(name)}\"\n value=\"${ifNonNull(value)}\"\n @change=\"${handleChange}\" />\n <label for=\"checkbox\" part=\"label\" class=\"${labelClasses}\">\n <span class=\"${prefix}--checkbox-label-text\"\n ><slot>${labelText}</slot></span\n >\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXCheckbox;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"checkbox.js","names":["classMap","html","property","query","LitElement","settings","ifNonNull","FocusMixin","FormMixin","styles","carbonElement","customElement","prefix","BXCheckbox","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleChange","checked","indeterminate","_checkboxNode","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","hideLabel","labelText","handleChange","labelClasses","_t","_","static"],"sources":["components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Check box.\n *\n * @element bx-checkbox\n * @fires bx-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass BXCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on the `<input>` in the shadow DOM.\n */\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof BXCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n indeterminate,\n },\n })\n );\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /**\n * `true` if the check box should be checked.\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * `true` if the check box should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if the label should be hidden.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * `true` if the check box should show its UI of the indeterminate state.\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * The value.\n */\n @property()\n value!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n checked,\n disabled,\n hideLabel,\n indeterminate,\n labelText,\n name,\n value,\n _handleChange: handleChange,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"checkbox\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n .checked=\"${checked}\"\n ?disabled=\"${disabled}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifNonNull(name)}\"\n value=\"${ifNonNull(value)}\"\n @change=\"${handleChange}\" />\n <label for=\"checkbox\" part=\"label\" class=\"${labelClasses}\">\n <span class=\"${prefix}--checkbox-label-text\"\n ><slot>${labelText}</slot></span\n >\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXCheckbox;\n"],"mappings":"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"}
|
|
@@ -51,7 +51,11 @@ let BXCodeSnippetSkeleton = _decorate([customElement(`${prefix}-code-snippet-ske
|
|
|
51
51
|
*/
|
|
52
52
|
|
|
53
53
|
function render() {
|
|
54
|
-
return html(_t || (_t = _`
|
|
54
|
+
return html(_t || (_t = _`
|
|
55
|
+
<div class="${0}--snippet-container">
|
|
56
|
+
${0}
|
|
57
|
+
</div>
|
|
58
|
+
`), prefix, this.type !== CODE_SNIPPET_TYPE.MULTI ? html(_t2 || (_t2 = _` <span></span> `)) : html(_t3 || (_t3 = _` <span></span><span></span><span></span> `)));
|
|
55
59
|
}
|
|
56
60
|
}, {
|
|
57
61
|
kind: "field",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-snippet-skeleton.js","names":["html","property","LitElement","settings","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","prefix","BXCodeSnippetSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","SINGLE","render","_t","_","type","MULTI","_t2","_t3","static"],"sources":["components/code-snippet/code-snippet-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass BXCodeSnippetSkeleton extends LitElement {\n /**\n * The type of code snippet. Corresponds to the attribute with the same name.\n */\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n render() {\n return html`\n <div class=\"${prefix}--snippet-container\">\n ${this.type !== CODE_SNIPPET_TYPE.MULTI\n ? html` <span></span> `\n : html` <span></span><span></span><span></span> `}\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXCodeSnippetSkeleton;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,iBAAiB,QAAQ,gBAAgB;AAClD,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkB/C;EAAC;IAAAI,CAAA,EAlBKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIxBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,iBAAiB,CAACkB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ/B;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"code-snippet-skeleton.js","names":["html","property","LitElement","settings","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","prefix","BXCodeSnippetSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","SINGLE","render","_t","_","type","MULTI","_t2","_t3","static"],"sources":["components/code-snippet/code-snippet-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass BXCodeSnippetSkeleton extends LitElement {\n /**\n * The type of code snippet. Corresponds to the attribute with the same name.\n */\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n render() {\n return html`\n <div class=\"${prefix}--snippet-container\">\n ${this.type !== CODE_SNIPPET_TYPE.MULTI\n ? html` <span></span> `\n : html` <span></span><span></span><span></span> `}\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXCodeSnippetSkeleton;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,iBAAiB,QAAQ,gBAAgB;AAClD,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkB/C;EAAC;IAAAI,CAAA,EAlBKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIxBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,iBAAiB,CAACkB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJ/B;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B,UAAQ,CAEoD;AAC5D;AACA,KAAI,GALgBjB,MAAM,EAChB,IAAI,CAACkB,IAAI,KAAKtB,iBAAiB,CAACuB,KAAK,GACnC3B,IAAI,CAAA4B,GAAA,KAAAA,GAAA,GAAAH,CAAC,iBAAe,KACpBzB,IAAI,CAAA6B,GAAA,KAAAA,GAAA,GAAAJ,CAAC,2CAAyC,EAAC;MAGzD;IAAC;MAAAR,IAAA;MAAAa,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAjBYH,UAAU;AAoB9C,eAAeO,qBAAqB"}
|
|
@@ -42,7 +42,17 @@ const {
|
|
|
42
42
|
const renderExpando = ({
|
|
43
43
|
children,
|
|
44
44
|
handleClick
|
|
45
|
-
}) => html(_t || (_t = _`
|
|
45
|
+
}) => html(_t || (_t = _`
|
|
46
|
+
<button
|
|
47
|
+
type="button"
|
|
48
|
+
class="${0}--snippet-btn--expand"
|
|
49
|
+
@click="${0}">
|
|
50
|
+
<span id="button-text" class="${0}--snippet-btn--text">
|
|
51
|
+
${0}
|
|
52
|
+
</span>
|
|
53
|
+
${0}
|
|
54
|
+
</button>
|
|
55
|
+
`), prefix, handleClick, prefix, children, ChevronDown16({
|
|
46
56
|
'aria-labeledby': 'button-text',
|
|
47
57
|
class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,
|
|
48
58
|
role: 'img'
|
|
@@ -66,7 +76,9 @@ const renderCode = ({
|
|
|
66
76
|
});
|
|
67
77
|
// Ensures no extra whitespace text node
|
|
68
78
|
// prettier-ignore
|
|
69
|
-
return html(_t2 || (_t2 = _`
|
|
79
|
+
return html(_t2 || (_t2 = _`
|
|
80
|
+
<div role="textbox" tabindex="0" class="${0}" aria-label="${0}"><code><pre>${0}</pre></code></div>
|
|
81
|
+
`), classes, assistiveText, children);
|
|
70
82
|
};
|
|
71
83
|
|
|
72
84
|
/**
|
|
@@ -325,7 +337,10 @@ let BXCodeSnippet = _decorate([customElement(`${prefix}-code-snippet`)], functio
|
|
|
325
337
|
if (type === CODE_SNIPPET_TYPE.SINGLE) {
|
|
326
338
|
// Ensures no extra whitespace text node
|
|
327
339
|
// prettier-ignore
|
|
328
|
-
return html(_t3 || (_t3 = _`
|
|
340
|
+
return html(_t3 || (_t3 = _`
|
|
341
|
+
${0}
|
|
342
|
+
${0}
|
|
343
|
+
`), renderCode({
|
|
329
344
|
assistiveText: codeAssistiveText,
|
|
330
345
|
expanded,
|
|
331
346
|
children: html(_t4 || (_t4 = _`<slot @slotchange="${0}"></slot>`), handleSlotChange)
|
|
@@ -340,7 +355,11 @@ let BXCodeSnippet = _decorate([customElement(`${prefix}-code-snippet`)], functio
|
|
|
340
355
|
if (type === CODE_SNIPPET_TYPE.MULTI) {
|
|
341
356
|
// Ensures no extra whitespace text node
|
|
342
357
|
// prettier-ignore
|
|
343
|
-
return html(_t5 || (_t5 = _`
|
|
358
|
+
return html(_t5 || (_t5 = _`
|
|
359
|
+
${0}
|
|
360
|
+
${0}
|
|
361
|
+
${0}
|
|
362
|
+
`), renderCode({
|
|
344
363
|
assistiveText: codeAssistiveText,
|
|
345
364
|
expanded,
|
|
346
365
|
children: html(_t6 || (_t6 = _`<slot @slotchange="${0}"></slot>`), handleSlotChange)
|
|
@@ -358,7 +377,9 @@ let BXCodeSnippet = _decorate([customElement(`${prefix}-code-snippet`)], functio
|
|
|
358
377
|
|
|
359
378
|
// Ensures no extra whitespace text node
|
|
360
379
|
// prettier-ignore
|
|
361
|
-
return html(_t9 || (_t9 = _`
|
|
380
|
+
return html(_t9 || (_t9 = _`
|
|
381
|
+
${0}
|
|
382
|
+
`), renderCopyButton({
|
|
362
383
|
assistiveText: copyButtonAssistiveText,
|
|
363
384
|
feedbackText: copyButtonFeedbackText,
|
|
364
385
|
showFeedback: showCopyButtonFeedback,
|