@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":"input.js","names":["html","property","query","LitElement","classMap","settings","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","carbonElement","customElement","prefix","BXInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","reflect","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","REGULAR","CENTER","BOTTOM","TEXT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","labelText","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","default"],"sources":["components/input/input.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, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n FLOATING_MENU_ALIGNMENT,\n FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element bx-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nexport default class BXInput extends ValidityMixin(FormMixin(LitElement)) {\n /**\n * The underlying input element\n */\n @query('input')\n protected _input!: HTMLInputElement;\n\n /**\n * Set initial value of input\n */\n @property({ reflect: true })\n value = '';\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\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 { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * May be any of the standard HTML autocomplete options\n */\n @property()\n autocomplete = '';\n\n /**\n * Sets the input to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n /**\n * Controls the disabled state of the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Name for the input in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the input against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the input has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the input\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * \"Hide password\" tooltip text on password visibility toggle\n */\n @property()\n hidePasswordLabel = 'Hide password';\n\n /**\n * \"Show password\" tooltip text on password visibility toggle\n */\n @property()\n showPasswordLabel = 'Show password';\n\n /**\n * Boolean property to render password visibility toggle\n */\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property()\n tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property()\n tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n */\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /**\n * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n @property({ attribute: 'validity-message' })\n validityMessage = '';\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 /**\n * Handles password visibility toggle button click\n */\n private handleTogglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const { _handleInput: handleInput } = this;\n\n const invalidIcon = WarningFilled16({\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n [`${prefix}--text-input--invalid`]: this.invalid,\n [`${prefix}--text-input--${this.size}`]: this.size,\n [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: this.disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: this.disabled,\n });\n\n const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n : View16({ class: `${prefix}--icon-visibility-on` });\n\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: this.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleTogglePasswordVisibility}\">\n ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n </button>\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${this.labelText} </slot>\n </label>\n <div\n class=\"${prefix}--text-input__field-wrapper\"\n ?data-invalid=\"${this.invalid}\">\n ${this.invalid ? invalidIcon : null}\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${this.invalid}\"\n ?disabled=\"${this.disabled}\"\n aria-describedby=\"helper-text\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${this.readonly}\"\n ?required=\"${this.required}\"\n type=\"${ifNonEmpty(this.type)}\"\n .value=\"${this.value}\"\n @input=\"${handleInput}\" />\n ${this.showPasswordVisibilityToggle &&\n (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n </div>\n <div class=\"${helperTextClasses}\" id=\"helper-text\">\n <slot name=\"helper-text\"> ${this.helperText} </slot>\n </div>\n <div class=\"${prefix}--form-requirement\">\n <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n </div>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input.js","names":["html","property","query","LitElement","classMap","settings","View16","ViewOff16","WarningFilled16","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","ifNonEmpty","FormMixin","ValidityMixin","INPUT_COLOR_SCHEME","INPUT_SIZE","INPUT_TYPE","styles","carbonElement","customElement","prefix","BXInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","reflect","_handleInput","target","_handleFormdata","event","formData","disabled","name","append","type","Boolean","attribute","REGULAR","CENTER","BOTTOM","TEXT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","handleTogglePasswordVisibility","PASSWORD","render","handleInput","invalidIcon","class","inputClasses","colorScheme","invalid","size","labelClasses","helperTextClasses","passwordIsVisible","passwordVisibilityIcon","passwordVisibilityToggleClasses","tooltipDirection","tooltipAlignment","passwordButtonLabel","_t","_","hidePasswordLabel","showPasswordLabel","passwordVisibilityButton","_t2","_t3","labelText","autocomplete","autofocus","pattern","placeholder","readonly","required","showPasswordVisibilityToggle","helperText","validityMessage","static","default"],"sources":["components/input/input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\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, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport View16 from '@carbon/icons/lib/view/16';\nimport ViewOff16 from '@carbon/icons/lib/view--off/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport {\n FLOATING_MENU_ALIGNMENT,\n FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE } from './defs';\nimport styles from './input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { INPUT_COLOR_SCHEME, INPUT_SIZE, INPUT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Input element. Supports all the usual attributes for textual input types\n *\n * @element bx-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-input`)\nexport default class BXInput extends ValidityMixin(FormMixin(LitElement)) {\n /**\n * The underlying input element\n */\n @query('input')\n protected _input!: HTMLInputElement;\n\n /**\n * Set initial value of input\n */\n @property({ reflect: true })\n value = '';\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\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 { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * May be any of the standard HTML autocomplete options\n */\n @property()\n autocomplete = '';\n\n /**\n * Sets the input to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * The color scheme.\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = INPUT_COLOR_SCHEME.REGULAR;\n\n /**\n * Controls the disabled state of the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Name for the input in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the input against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the input has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the input\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * \"Hide password\" tooltip text on password visibility toggle\n */\n @property()\n hidePasswordLabel = 'Hide password';\n\n /**\n * \"Show password\" tooltip text on password visibility toggle\n */\n @property()\n showPasswordLabel = 'Show password';\n\n /**\n * Boolean property to render password visibility toggle\n */\n @property({\n type: Boolean,\n attribute: 'show-password-visibility-toggle',\n reflect: true,\n })\n showPasswordVisibilityToggle = false;\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.REGULAR;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property()\n tooltipAlignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property()\n tooltipDirection = FLOATING_MENU_DIRECTION.BOTTOM;\n\n /**\n * The type of the input. Can be one of the types listed in the INPUT_TYPE enum\n */\n @property({ reflect: true })\n type = INPUT_TYPE.TEXT;\n\n /**\n * The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n @property({ attribute: 'validity-message' })\n validityMessage = '';\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 /**\n * Handles password visibility toggle button click\n */\n private handleTogglePasswordVisibility() {\n this.type =\n this.type === INPUT_TYPE.PASSWORD ? INPUT_TYPE.TEXT : INPUT_TYPE.PASSWORD;\n }\n\n render() {\n const { _handleInput: handleInput } = this;\n\n const invalidIcon = WarningFilled16({\n class: `${prefix}--text-input__invalid-icon`,\n });\n\n const inputClasses = classMap({\n [`${prefix}--text-input`]: true,\n [`${prefix}--text-input--${this.colorScheme}`]: this.colorScheme,\n [`${prefix}--text-input--invalid`]: this.invalid,\n [`${prefix}--text-input--${this.size}`]: this.size,\n [`${prefix}--password-input`]: this.type === INPUT_TYPE.PASSWORD,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: this.disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: this.disabled,\n });\n\n const passwordIsVisible = this.type !== INPUT_TYPE.PASSWORD;\n const passwordVisibilityIcon = passwordIsVisible\n ? ViewOff16({ class: `${prefix}--icon-visibility-off` })\n : View16({ class: `${prefix}--icon-visibility-on` });\n\n const passwordVisibilityToggleClasses = classMap({\n [`${prefix}--text-input--password__visibility__toggle`]: true,\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--icon-only`]: true,\n [`${prefix}--tooltip__trigger`]: true,\n [`${prefix}--tooltip--a11y`]: true,\n [`${prefix}--btn--disabled`]: this.disabled,\n [`${prefix}--tooltip--${this.tooltipDirection}`]: this.tooltipDirection,\n [`${prefix}--tooltip--align-${this.tooltipAlignment}`]:\n this.tooltipAlignment,\n });\n\n const passwordButtonLabel = html`\n <span class=\"${prefix}--assistive-text\">\n ${passwordIsVisible ? this.hidePasswordLabel : this.showPasswordLabel}\n </span>\n `;\n\n const passwordVisibilityButton = () => html`\n <button\n type=\"button\"\n class=\"${passwordVisibilityToggleClasses}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleTogglePasswordVisibility}\">\n ${!this.disabled && passwordButtonLabel} ${passwordVisibilityIcon}\n </button>\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${this.labelText} </slot>\n </label>\n <div\n class=\"${prefix}--text-input__field-wrapper\"\n ?data-invalid=\"${this.invalid}\">\n ${this.invalid ? invalidIcon : null}\n <input\n autocomplete=\"${this.autocomplete}\"\n ?autofocus=\"${this.autofocus}\"\n class=\"${inputClasses}\"\n ?data-invalid=\"${this.invalid}\"\n ?disabled=\"${this.disabled}\"\n aria-describedby=\"helper-text\"\n id=\"input\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(this.pattern)}\"\n placeholder=\"${ifNonEmpty(this.placeholder)}\"\n ?readonly=\"${this.readonly}\"\n ?required=\"${this.required}\"\n type=\"${ifNonEmpty(this.type)}\"\n .value=\"${this.value}\"\n @input=\"${handleInput}\" />\n ${this.showPasswordVisibilityToggle &&\n (this.type === INPUT_TYPE.PASSWORD || this.type === INPUT_TYPE.TEXT)\n ? passwordVisibilityButton()\n : null}\n </div>\n <div class=\"${helperTextClasses}\" id=\"helper-text\">\n <slot name=\"helper-text\"> ${this.helperText} </slot>\n </div>\n <div class=\"${prefix}--form-requirement\">\n <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n </div>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
|
|
@@ -120,7 +120,12 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
|
|
|
120
120
|
_hasIcon: hasIcon,
|
|
121
121
|
_handleSlotChange: handleSlotChange
|
|
122
122
|
} = this;
|
|
123
|
-
return html(_t || (_t = _2`
|
|
123
|
+
return html(_t || (_t = _2`
|
|
124
|
+
<slot @slotchange="${0}"></slot>
|
|
125
|
+
<div ?hidden="${0}" class="${0}--link__icon">
|
|
126
|
+
<slot name="icon" @slotchange="${0}"></slot>
|
|
127
|
+
</div>
|
|
128
|
+
`), handleSlotChange, !hasIcon, prefix, handleSlotChange);
|
|
124
129
|
}
|
|
125
130
|
|
|
126
131
|
/**
|
|
@@ -133,7 +138,9 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
|
|
|
133
138
|
const {
|
|
134
139
|
_classes: classes
|
|
135
140
|
} = this;
|
|
136
|
-
return html(_t2 || (_t2 = _2`
|
|
141
|
+
return html(_t2 || (_t2 = _2`
|
|
142
|
+
<p id="link" part="link" class="${0}">${0}</p>
|
|
143
|
+
`), classes, this._renderInner());
|
|
137
144
|
}
|
|
138
145
|
|
|
139
146
|
/**
|
|
@@ -155,7 +162,23 @@ let BXLink = _decorate([customElement(`${prefix}-link`)], function (_initialize,
|
|
|
155
162
|
_classes: classes,
|
|
156
163
|
_handleClick: handleClick
|
|
157
164
|
} = this;
|
|
158
|
-
return html(_t3 || (_t3 = _2`
|
|
165
|
+
return html(_t3 || (_t3 = _2`
|
|
166
|
+
<a
|
|
167
|
+
id="link"
|
|
168
|
+
role="${0}"
|
|
169
|
+
class="${0}"
|
|
170
|
+
part="link"
|
|
171
|
+
download="${0}"
|
|
172
|
+
href="${0}"
|
|
173
|
+
hreflang="${0}"
|
|
174
|
+
ping="${0}"
|
|
175
|
+
rel="${0}"
|
|
176
|
+
target="${0}"
|
|
177
|
+
type="${0}"
|
|
178
|
+
@click="${0}">
|
|
179
|
+
${0}
|
|
180
|
+
</a>
|
|
181
|
+
`), ifNonNull(linkRole), classes, ifNonNull(download), ifNonNull(href), ifNonNull(hreflang), ifNonNull(ping), ifNonNull(rel), ifNonNull(target), ifNonNull(type), handleClick, this._renderInner());
|
|
159
182
|
}
|
|
160
183
|
|
|
161
184
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","names":["classMap","html","property","LitElement","query","carbonElement","customElement","settings","ifNonNull","FocusMixin","styles","prefix","LINK_SIZE","REGULAR","SMALL","LARGE","BXLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","_handleClick","_","_renderInner","_hasIcon","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","static"],"sources":["components/link/link.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, LitElement, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-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 styles from './link.scss';\n\nconst { prefix } = settings;\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n REGULAR: '',\n SMALL: 'sm',\n LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element bx-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _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' : ''] = hasContent;\n this.requestUpdate();\n }\n\n @query('#link')\n protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n /**\n * The CSS class list for the link node.\n */\n protected get _classes() {\n const { disabled, size } = this;\n return classMap({\n [`${prefix}--link`]: true,\n [`${prefix}--link--disabled`]: disabled,\n [`${prefix}--link--${size}`]: size,\n });\n }\n\n /**\n * Handles `click` event on the `<a>`.\n */\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleClick(_: MouseEvent) {}\n\n /**\n * @returns The inner content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderInner() {\n const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /**\n * @returns The link content.\n */\n protected _renderLink() {\n const {\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n id=\"link\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n part=\"link\"\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=\"${handleClick}\">\n ${this._renderInner()}\n </a>\n `;\n }\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.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole!: string;\n\n /**\n * URLs to ping.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Link size.\n */\n @property({ reflect: true })\n size: LINK_SIZE_TYPE = LINK_SIZE.REGULAR;\n\n /**\n * The link target.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * MIME type of the `target`.\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 { disabled } = this;\n return disabled ? this._renderDisabledLink() : this._renderLink();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"link.js","names":["classMap","html","property","LitElement","query","carbonElement","customElement","settings","ifNonNull","FocusMixin","styles","prefix","LINK_SIZE","REGULAR","SMALL","LARGE","BXLink","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","_classes","disabled","size","_handleClick","_","_renderInner","_hasIcon","hasIcon","handleSlotChange","_t","_2","_renderDisabledLink","classes","_t2","_renderLink","download","href","hreflang","linkRole","ping","rel","type","handleClick","_t3","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","static"],"sources":["components/link/link.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, LitElement, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-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 styles from './link.scss';\n\nconst { prefix } = settings;\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n REGULAR: '',\n SMALL: 'sm',\n LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element bx-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass BXLink extends FocusMixin(LitElement) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _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' : ''] = hasContent;\n this.requestUpdate();\n }\n\n @query('#link')\n protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n /**\n * The CSS class list for the link node.\n */\n protected get _classes() {\n const { disabled, size } = this;\n return classMap({\n [`${prefix}--link`]: true,\n [`${prefix}--link--disabled`]: disabled,\n [`${prefix}--link--${size}`]: size,\n });\n }\n\n /**\n * Handles `click` event on the `<a>`.\n */\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleClick(_: MouseEvent) {}\n\n /**\n * @returns The inner content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderInner() {\n const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <div ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /**\n * @returns The link content.\n */\n protected _renderLink() {\n const {\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n return html`\n <a\n id=\"link\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n part=\"link\"\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=\"${handleClick}\">\n ${this._renderInner()}\n </a>\n `;\n }\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.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * Link `href`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole!: string;\n\n /**\n * URLs to ping.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Link size.\n */\n @property({ reflect: true })\n size: LINK_SIZE_TYPE = LINK_SIZE.REGULAR;\n\n /**\n * The link target.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * MIME type of the `target`.\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 { disabled } = this;\n return disabled ? this._renderDisabledLink() : this._renderLink();\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXLink;\n"],"mappings":"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"}
|
|
@@ -94,7 +94,14 @@ let BXListItem = _decorate([customElement(`${prefix}-list-item`)], function (_in
|
|
|
94
94
|
_hasNestedChild: hasNestedChild,
|
|
95
95
|
_handleSlotChangeNested: handleSlotChangeNested
|
|
96
96
|
} = this;
|
|
97
|
-
return html(_t || (_t = _`
|
|
97
|
+
return html(_t || (_t = _`
|
|
98
|
+
<slot></slot>
|
|
99
|
+
<div
|
|
100
|
+
?hidden="${0}"
|
|
101
|
+
class="${0}-ce--list__item__nested-child">
|
|
102
|
+
<slot name="nested" @slotchange="${0}"></slot>
|
|
103
|
+
</div>
|
|
104
|
+
`), !hasNestedChild, prefix, handleSlotChangeNested);
|
|
98
105
|
}
|
|
99
106
|
|
|
100
107
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-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, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * List item.\n *\n * @element bx-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\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,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMK,UAAU,GAAAC,SAAA,EADfH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DpC;EAAC;IAAAI,CAAA,EA7DKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIY,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICxB,QAAQ,CAAC;QAAEyB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CAAE,IAAI,CAACnB,WAAW,CAAuBoB,kBAAkB,CACzE,CACF,CAAC;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCE5B,UAAU,CAAA6B,SAAA,8BAAAC,IAAA;MAoCd;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"list-item.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXListItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChangeNested","target","_hasNestedChild","assignedNodes","length","requestUpdate","decorators","type","Boolean","reflect","connectedCallback","toggleAttribute","closest","selectorNestedList","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","hasNestedChild","handleSlotChangeNested","_t","_","static"],"sources":["components/list/list-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, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * List item.\n *\n * @element bx-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass BXListItem extends LitElement {\n /**\n * `true` if there is slotted nested child list.\n */\n private _hasNestedChild = false;\n\n /**\n * Handles `slotchange` event for the `<slot>` for the nested child list.\n *\n * @param event The event.\n */\n private _handleSlotChangeNested({ target }: Event) {\n this._hasNestedChild =\n (target as HTMLSlotElement).assignedNodes().length > 0;\n this.requestUpdate();\n }\n\n /**\n * `true` if this list item is a child of a nested list.\n * `<bx-ordered-list>` or `<bx-unordered-list>` automatically sets this property.\n */\n @property({ type: Boolean, reflect: true })\n nested = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n this.toggleAttribute(\n 'nested',\n Boolean(\n this.closest((this.constructor as typeof BXListItem).selectorNestedList)\n )\n );\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n super.connectedCallback();\n }\n\n render() {\n const {\n _hasNestedChild: hasNestedChild,\n _handleSlotChangeNested: handleSlotChangeNested,\n } = this;\n return html`\n <slot></slot>\n <div\n ?hidden=\"${!hasNestedChild}\"\n class=\"${prefix}-ce--list__item__nested-child\">\n <slot name=\"nested\" @slotchange=\"${handleSlotChangeNested}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return nested list.\n */\n static get selectorNestedList() {\n return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n }\n\n static styles = styles;\n}\n\nexport default BXListItem;\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,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMK,UAAU,GAAAC,SAAA,EADfH,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAArC,MACMH,UAAU,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA6DpC;EAAC;IAAAI,CAAA,EA7DKN,UAAU;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIY,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,wBAAgC;QAAEC;MAAc,CAAC,EAAE;QACjD,IAAI,CAACC,eAAe,GACjBD,MAAM,CAAqBE,aAAa,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;QACxD,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAAR,IAAA;MAAAS,UAAA,GAICxB,QAAQ,CAAC;QAAEyB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEd,SAAAW,kBAAA,EAAoB;QAClB;QACA,IAAI,CAACC,eAAe,CAClB,QAAQ,EACRH,OAAO,CACL,IAAI,CAACI,OAAO,CAAE,IAAI,CAACnB,WAAW,CAAuBoB,kBAAkB,CACzE,CACF,CAAC;QACD,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAnCE5B,UAAU,CAAA6B,SAAA,8BAAAC,IAAA;MAoCd;IAAC;MAAAtB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UACJlB,eAAe,EAAEmB,cAAc;UAC/BrB,uBAAuB,EAAEsB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOzC,IAAI,CAAA0C,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,mBAAiB,CAAkB;AACnC,iBAAe,CAAS;AACxB,2CAAyC,CAAyB;AAClE;AACA,KAAI,GAJe,CAACH,cAAc,EACjBjC,MAAM,EACoBkC,sBAAsB;MAG/D;;MAEA;AACF;AACA;IAFE;MAAAzB,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAGA,SAAAc,mBAAA,EAAgC;QAC9B,OAAQ,GAAEzB,MAAO,gCAA+BA,MAAO,gCAA+B;MACxF;IAAC;MAAAS,IAAA;MAAA4B,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA5DCF,UAAU;AA+DnC,eAAeM,UAAU"}
|
|
@@ -40,7 +40,11 @@ let BXOrderedList = _decorate([customElement(`${prefix}-ordered-list`)], functio
|
|
|
40
40
|
[`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',
|
|
41
41
|
[`${prefix}--list--expressive`]: this.isExpressive
|
|
42
42
|
});
|
|
43
|
-
return html(_t || (_t = _`
|
|
43
|
+
return html(_t || (_t = _`
|
|
44
|
+
<ol class="${0}">
|
|
45
|
+
<slot></slot>
|
|
46
|
+
</ol>
|
|
47
|
+
`), classes);
|
|
44
48
|
}
|
|
45
49
|
}]
|
|
46
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ordered-list.js","names":["classMap","html","settings","BXUnorderedList","carbonElement","customElement","prefix","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","key","value","render","classes","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n render() {\n const classes = classMap({\n [`${prefix}--list--ordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa5C;EAAC;IAAAI,CAAA,EAbKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGnB,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAACc,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEd,MAAO,oBAAmB,GAAG,IAAI,CAACe;QACxC,CAAC,CAAC;QACF,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"ordered-list.js","names":["classMap","html","settings","BXUnorderedList","carbonElement","customElement","prefix","BXOrderedList","_decorate","_initialize","_BXUnorderedList","constructor","args","F","d","kind","key","value","render","classes","getAttribute","isExpressive","_t","_"],"sources":["components/list/ordered-list.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 } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-ordered-list`)\nclass BXOrderedList extends BXUnorderedList {\n render() {\n const classes = classMap({\n [`${prefix}--list--ordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ol class=\"${classes}\">\n <slot></slot>\n </ol>\n `;\n }\n}\n\nexport default BXOrderedList;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,gBAAA;EAAxC,MACMH,aAAa,SAAAG,gBAAA,CAAyB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa5C;EAAC;IAAAI,CAAA,EAbKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGnB,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAACc,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAEd,MAAO,oBAAmB,GAAG,IAAI,CAACe;QACxC,CAAC,CAAC;QACF,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;IAAC;EAAA;AAAA,GAZyBhB,eAAe;AAe3C,eAAeI,aAAa"}
|
|
@@ -69,7 +69,11 @@ let BXUnorderedList = _decorate([customElement(`${prefix}-unordered-list`)], fun
|
|
|
69
69
|
[`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',
|
|
70
70
|
[`${prefix}--list--expressive`]: this.isExpressive
|
|
71
71
|
});
|
|
72
|
-
return html(_t || (_t = _`
|
|
72
|
+
return html(_t || (_t = _`
|
|
73
|
+
<ul class="${0}">
|
|
74
|
+
<slot></slot>
|
|
75
|
+
</ul>
|
|
76
|
+
`), classes);
|
|
73
77
|
}
|
|
74
78
|
|
|
75
79
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unordered-list.js","names":["classMap","html","LitElement","property","settings","styles","carbonElement","customElement","prefix","BXUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.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, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n if (\n this.closest(\n (this.constructor as typeof BXUnorderedList).selectorListItem\n )\n ) {\n this.setAttribute('slot', 'nested');\n } else {\n this.removeAttribute('slot');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--list--unordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ul class=\"${classes}\">\n <slot></slot>\n </ul>\n `;\n }\n\n /**\n * A selector that will return list item.\n */\n static get selectorListItem() {\n return `${prefix}-list-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0CzC;EAAC;IAAAI,CAAA,EA1CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA4Ba,gBAC/C,CAAC,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,eAAe,CAAAsB,SAAA,8BAAAC,IAAA;MAmBnB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEQ,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC2B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE3B,MAAO,oBAAmB,GAAG,IAAI,CAAC4B;QACxC,CAAC,CAAC;QACF,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"unordered-list.js","names":["classMap","html","LitElement","property","settings","styles","carbonElement","customElement","prefix","BXUnorderedList","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","connectedCallback","closest","selectorListItem","setAttribute","removeAttribute","_get","_getPrototypeOf","prototype","call","render","classes","getAttribute","isExpressive","_t","_","static"],"sources":["components/list/unordered-list.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, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass BXUnorderedList extends LitElement {\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n connectedCallback() {\n // Uses attribute for lookup from child\n if (\n this.closest(\n (this.constructor as typeof BXUnorderedList).selectorListItem\n )\n ) {\n this.setAttribute('slot', 'nested');\n } else {\n this.removeAttribute('slot');\n }\n super.connectedCallback();\n }\n\n render() {\n const classes = classMap({\n [`${prefix}--list--unordered`]: true,\n [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n [`${prefix}--list--expressive`]: this.isExpressive,\n });\n return html`\n <ul class=\"${classes}\">\n <slot></slot>\n </ul>\n `;\n }\n\n /**\n * A selector that will return list item.\n */\n static get selectorListItem() {\n return `${prefix}-list-item`;\n }\n\n static styles = styles;\n}\n\nexport default BXUnorderedList;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iBAAa;AAChC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0CzC;EAAC;IAAAI,CAAA,EA1CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC5B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAJpB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB;QACA,IACE,IAAI,CAACC,OAAO,CACT,IAAI,CAACZ,WAAW,CAA4Ba,gBAC/C,CAAC,EACD;UACA,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC,CAAC,MAAM;UACL,IAAI,CAACC,eAAe,CAAC,MAAM,CAAC;QAC9B;QACAC,IAAA,CAAAC,eAAA,CAlBErB,eAAe,CAAAsB,SAAA,8BAAAC,IAAA;MAmBnB;IAAC;MAAAf,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAMC,OAAO,GAAGlC,QAAQ,CAAC;UACvB,CAAE,GAAEQ,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,gBAAe,GAAG,IAAI,CAAC2B,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;UACnE,CAAE,GAAE3B,MAAO,oBAAmB,GAAG,IAAI,CAAC4B;QACxC,CAAC,CAAC;QACF,OAAOnC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mBAAiB,CAAU;AAC3B;AACA;AACA,KAAI,GAHeJ,OAAO;MAIxB;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,KAAA,EAGA,SAAAG,iBAAA,EAA8B;QAC5B,OAAQ,GAAElB,MAAO,YAAW;MAC9B;IAAC;MAAAS,IAAA;MAAAsB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzCMH,UAAU;AA4CxC,eAAeO,eAAe"}
|
|
@@ -28,6 +28,21 @@ export default (({
|
|
|
28
28
|
type
|
|
29
29
|
}) => {
|
|
30
30
|
const radius = type === LOADING_TYPE.SMALL ? '42' : '44';
|
|
31
|
-
return html(_t || (_t = _`
|
|
31
|
+
return html(_t || (_t = _`
|
|
32
|
+
<svg class="${0}--loading__svg" viewBox="0 0 100 100">
|
|
33
|
+
${0}
|
|
34
|
+
<circle
|
|
35
|
+
?hidden="${0}"
|
|
36
|
+
class="${0}--loading__background"
|
|
37
|
+
cx="50%"
|
|
38
|
+
cy="50%"
|
|
39
|
+
r="${0}" />
|
|
40
|
+
<circle
|
|
41
|
+
class="${0}--loading__stroke"
|
|
42
|
+
cx="50%"
|
|
43
|
+
cy="50%"
|
|
44
|
+
r="${0}" />
|
|
45
|
+
</svg>
|
|
46
|
+
`), prefix, !assistiveText ? undefined : html(_t2 || (_t2 = _` <title>${0}</title> `), assistiveText), type !== LOADING_TYPE.SMALL, prefix, radius, prefix, radius);
|
|
32
47
|
});
|
|
33
48
|
//# sourceMappingURL=loading-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading-icon.js","names":["html","settings","LOADING_TYPE","prefix","assistiveText","type","radius","SMALL","_t","_","undefined","_t2"],"sources":["components/loading/loading-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport LOADING_TYPE from './types';\n\nconst { prefix } = settings;\n\n/**\n * @param Object options The options.\n * @param [options.assistiveText] The assistive text for the spinner icon.\n * @param [options.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n assistiveText,\n type,\n}: {\n assistiveText?: string;\n type?: string;\n}) => {\n const radius = type === LOADING_TYPE.SMALL ? '42' : '44';\n return html`\n <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n ${!assistiveText ? undefined : html` <title>${assistiveText}</title> `}\n <circle\n ?hidden=\"${type !== LOADING_TYPE.SMALL}\"\n class=\"${prefix}--loading__background\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n <circle\n class=\"${prefix}--loading__stroke\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n </svg>\n `;\n};\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,UAAU;AAC/B,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,YAAY,MAAM,SAAS;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,gBAAe,CAAC;EACdG,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,IAAI,KAAKH,YAAY,CAACK,KAAK,GAAG,IAAI,GAAG,IAAI;EACxD,OAAOP,IAAI,CAAAQ,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"loading-icon.js","names":["html","settings","LOADING_TYPE","prefix","assistiveText","type","radius","SMALL","_t","_","undefined","_t2"],"sources":["components/loading/loading-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport LOADING_TYPE from './types';\n\nconst { prefix } = settings;\n\n/**\n * @param Object options The options.\n * @param [options.assistiveText] The assistive text for the spinner icon.\n * @param [options.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n assistiveText,\n type,\n}: {\n assistiveText?: string;\n type?: string;\n}) => {\n const radius = type === LOADING_TYPE.SMALL ? '42' : '44';\n return html`\n <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n ${!assistiveText ? undefined : html` <title>${assistiveText}</title> `}\n <circle\n ?hidden=\"${type !== LOADING_TYPE.SMALL}\"\n class=\"${prefix}--loading__background\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n <circle\n class=\"${prefix}--loading__stroke\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"${radius}\" />\n </svg>\n `;\n};\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,UAAU;AAC/B,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,YAAY,MAAM,SAAS;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,gBAAe,CAAC;EACdG,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,IAAI,KAAKH,YAAY,CAACK,KAAK,GAAG,IAAI,GAAG,IAAI;EACxD,OAAOP,IAAI,CAAAQ,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACd,kBAAgB,CAAS;AACzB,QAAM,CAAuE;AAC7E;AACA,mBAAiB,CAA8B;AAC/C,iBAAe,CAAS;AACxB;AACA;AACA,aAAW,CAAS;AACpB;AACA,iBAAe,CAAS;AACxB;AACA;AACA,aAAW,CAAS;AACpB;AACA,GAAE,GAdgBN,MAAM,EAChB,CAACC,aAAa,GAAGM,SAAS,GAAGV,IAAI,CAAAW,GAAA,KAAAA,GAAA,GAAAF,CAAC,WAAQ,CAAgB,WAAS,GAAvBL,aAAa,CAAW,EAEzDC,IAAI,KAAKH,YAAY,CAACK,KAAK,EAC7BJ,MAAM,EAGVG,MAAM,EAEFH,MAAM,EAGVG,MAAM;AAGnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading.js","names":["settings","classMap","html","property","LitElement","LOADING_TYPE","getLoadingIcon","styles","carbonElement","customElement","prefix","BXLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","innerClasses","icon","OVERLAY","_t","_","static"],"sources":["components/loading/loading.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 { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Spinner indicating loading state.\n *\n * @element bx-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * Spinner type.\n */\n @property()\n type = LOADING_TYPE.REGULAR;\n\n /**\n * `true` if spinner should stop.\n */\n @property({ type: Boolean, reflect: true })\n inactive = false;\n\n render() {\n const { inactive, assistiveText, type } = this;\n const innerClasses = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--stop`]: inactive,\n });\n const icon = getLoadingIcon({ assistiveText, type });\n return type !== LOADING_TYPE.OVERLAY\n ? icon\n : html` <div class=\"${innerClasses}\">${icon}</div> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\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,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;AACnC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAnC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgCnC;EAAC;IAAAI,CAAA,EAhCKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIZjB,QAAQ,CAAC;QAAEkB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBjB,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJlB,YAAY,CAACmB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1BjB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL;QAAK,CAAC,GAAG,IAAI;QAC9C,MAAMM,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAES,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGmB;QAChC,CAAC,CAAC;QACF,MAAMG,IAAI,GAAG1B,cAAc,CAAC;UAAEwB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOA,IAAI,KAAKpB,YAAY,CAAC4B,OAAO,GAChCD,IAAI,GACJ9B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"loading.js","names":["settings","classMap","html","property","LitElement","LOADING_TYPE","getLoadingIcon","styles","carbonElement","customElement","prefix","BXLoading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","REGULAR","type","Boolean","reflect","render","inactive","assistiveText","innerClasses","icon","OVERLAY","_t","_","static"],"sources":["components/loading/loading.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 { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Spinner indicating loading state.\n *\n * @element bx-loading\n */\n@customElement(`${prefix}-loading`)\nclass BXLoading extends LitElement {\n /**\n * The assistive text for the spinner icon.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Loading';\n\n /**\n * Spinner type.\n */\n @property()\n type = LOADING_TYPE.REGULAR;\n\n /**\n * `true` if spinner should stop.\n */\n @property({ type: Boolean, reflect: true })\n inactive = false;\n\n render() {\n const { inactive, assistiveText, type } = this;\n const innerClasses = classMap({\n [`${prefix}--loading`]: true,\n [`${prefix}--loading--stop`]: inactive,\n });\n const icon = getLoadingIcon({ assistiveText, type });\n return type !== LOADING_TYPE.OVERLAY\n ? icon\n : html` <div class=\"${innerClasses}\">${icon}</div> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default BXLoading;\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,SAASC,YAAY,QAAQ,QAAQ;AACrC,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,oBAAgB;AACnC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,SAAS,GAAAC,SAAA,EADdH,aAAa,CAAE,GAAEC,MAAO,UAAS,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAnC,MACMH,SAAS,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgCnC;EAAC;IAAAI,CAAA,EAhCKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIZjB,QAAQ,CAAC;QAAEkB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKxBjB,QAAQ,CAAC,CAAC;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJlB,YAAY,CAACmB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK1BjB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBhB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAEC,aAAa;UAAEL;QAAK,CAAC,GAAG,IAAI;QAC9C,MAAMM,YAAY,GAAG9B,QAAQ,CAAC;UAC5B,CAAE,GAAES,MAAO,WAAU,GAAG,IAAI;UAC5B,CAAE,GAAEA,MAAO,iBAAgB,GAAGmB;QAChC,CAAC,CAAC;QACF,MAAMG,IAAI,GAAG1B,cAAc,CAAC;UAAEwB,aAAa;UAAEL;QAAK,CAAC,CAAC;QACpD,OAAOA,IAAI,KAAKpB,YAAY,CAAC4B,OAAO,GAChCD,IAAI,GACJ9B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAe,KAAE,CAAO,SAAO,GAA7BJ,YAAY,EAAKC,IAAI,CAAS;MACxD;IAAC;MAAAb,IAAA;MAAAiB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA/BAH,UAAU;AAkClC,SAASC,YAAY;AAErB,eAAeM,SAAS"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-body.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-body.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal body.\n *\n * @element bx-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass BXModalBody extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalBody;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMrC;EAAC;IAAAI,CAAA,EANKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-body.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalBody","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-body.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal body.\n *\n * @element bx-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass BXModalBody extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalBody;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,WAAW,GAAAC,SAAA,EADhBH,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMrC;EAAC;IAAAI,CAAA,EANKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALEF,UAAU;AAQpC,eAAeM,WAAW"}
|
|
@@ -68,7 +68,15 @@ let BXModalCloseButton = _decorate([customElement(`${prefix}-modal-close-button`
|
|
|
68
68
|
const {
|
|
69
69
|
assistiveText
|
|
70
70
|
} = this;
|
|
71
|
-
return html(_t || (_t = _`
|
|
71
|
+
return html(_t || (_t = _`
|
|
72
|
+
<button
|
|
73
|
+
part="button"
|
|
74
|
+
aria-label="${0}"
|
|
75
|
+
class="${0}--modal-close"
|
|
76
|
+
title="${0}">
|
|
77
|
+
${0}
|
|
78
|
+
</button>
|
|
79
|
+
`), ifNonNull(assistiveText), prefix, ifNonNull(assistiveText), Close20({
|
|
72
80
|
part: 'close-icon',
|
|
73
81
|
class: `${prefix}--modal-close__icon`
|
|
74
82
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-close-button.js","names":["html","property","LitElement","Close20","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXModalCloseButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","assistiveText","_t","_","part","class","static"],"sources":["components/modal/modal-close-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 { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal close button.\n *\n * @element bx-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass BXModalCloseButton extends FocusMixin(LitElement) {\n /**\n * The assistive text for the button.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Close';\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 { assistiveText } = this;\n return html`\n <button\n part=\"button\"\n aria-label=\"${ifNonNull(assistiveText)}\"\n class=\"${prefix}--modal-close\"\n title=\"${ifNonNull(assistiveText)}\">\n ${Close20({\n part: 'close-icon',\n class: `${prefix}--modal-close__icon`,\n })}\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalCloseButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCxD;EAAC;IAAAI,CAAA,EAjCKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBnB,QAAQ,CAAC;QAAEoB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,OAAO;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC;QAAc,CAAC,GAAG,IAAI;QAC9B,OAAOlC,IAAI,CAAAmC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-close-button.js","names":["html","property","LitElement","Close20","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXModalCloseButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","assistiveText","_t","_","part","class","static"],"sources":["components/modal/modal-close-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 { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal close button.\n *\n * @element bx-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass BXModalCloseButton extends FocusMixin(LitElement) {\n /**\n * The assistive text for the button.\n */\n @property({ attribute: 'assistive-text' })\n assistiveText = 'Close';\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 { assistiveText } = this;\n return html`\n <button\n part=\"button\"\n aria-label=\"${ifNonNull(assistiveText)}\"\n class=\"${prefix}--modal-close\"\n title=\"${ifNonNull(assistiveText)}\">\n ${Close20({\n part: 'close-icon',\n class: `${prefix}--modal-close__icon`,\n })}\n </button>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalCloseButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiCxD;EAAC;IAAAI,CAAA,EAjCKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBnB,QAAQ,CAAC;QAAEoB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,OAAO;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC;QAAc,CAAC,GAAG,IAAI;QAC9B,OAAOlC,IAAI,CAAAmC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,sBAAoB,CAA2B;AAC/C,iBAAe,CAAS;AACxB,iBAAe,CAA2B;AAC1C,UAAQ,CAGG;AACX;AACA,KAAI,GARkB/B,SAAS,CAAC6B,aAAa,CAAC,EAC7BxB,MAAM,EACNL,SAAS,CAAC6B,aAAa,CAAC,EAC/B/B,OAAO,CAAC;UACRkC,IAAI,EAAE,YAAY;UAClBC,KAAK,EAAG,GAAE5B,MAAO;QACnB,CAAC,CAAC;MAGR;IAAC;MAAAS,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhCSD,UAAU,CAACJ,UAAU,CAAC;AAmCvD,eAAeS,kBAAkB"}
|
|
@@ -69,7 +69,11 @@ let BXModalFooter = _decorate([customElement(`${prefix}-modal-footer`)], functio
|
|
|
69
69
|
[`${prefix}--modal-footer`]: true,
|
|
70
70
|
[`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons
|
|
71
71
|
});
|
|
72
|
-
return html(_t || (_t = _`
|
|
72
|
+
return html(_t || (_t = _`
|
|
73
|
+
<div class="${0}">
|
|
74
|
+
<slot @slotchange="${0}"></slot>
|
|
75
|
+
</div>
|
|
76
|
+
`), classes, handleSlotChange);
|
|
73
77
|
}
|
|
74
78
|
|
|
75
79
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-footer.js","names":["classMap","html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChange","event","selectorButtons","_hasMoreThanTwoButtons","target","assignedNodes","filter","node","nodeType","Node","ELEMENT_NODE","matches","length","requestUpdate","render","hasMoreThanTwoButtons","handleSlotChange","classes","_t","_","static"],"sources":["components/modal/modal-footer.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal footer.\n *\n * @element bx-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n /**\n * `true` if this modal footer has more than two buttons.\n */\n private _hasMoreThanTwoButtons = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange(event: Event) {\n const { selectorButtons } = this.constructor as typeof BXModalFooter;\n this._hasMoreThanTwoButtons =\n (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorButtons)\n ).length > 2;\n this.requestUpdate();\n }\n\n render() {\n const {\n _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--modal-footer`]: true,\n [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n });\n return html`\n <div class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that selects the child buttons.\n */\n static get selectorButtons() {\n return `${prefix}-btn,${prefix}-modal-footer-button`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CvC;EAAC;IAAAI,CAAA,EA9CKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIgB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHtC;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA0BC,KAAY,EAAE;QACtC,MAAM;UAAEC;QAAgB,CAAC,GAAG,IAAI,CAACT,WAAmC;QACpE,IAAI,CAACU,sBAAsB,GACxBF,KAAK,CAACG,MAAM,CACVC,aAAa,CAAC,CAAC,CACfC,MAAM,CACJC,IAAI,IACHA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,IAClCH,IAAI,CAAaI,OAAO,CAACT,eAAe,CAC7C,CAAC,CAACU,MAAM,GAAG,CAAC;QAChB,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAhB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,MAAM;UACJX,sBAAsB,EAAEY,qBAAqB;UAC7Cf,iBAAiB,EAAEgB;QACrB,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGpC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,8BAA6B,GAAG2B;QAC7C,CAAC,CAAC;QACF,OAAOjC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-footer.js","names":["classMap","html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleSlotChange","event","selectorButtons","_hasMoreThanTwoButtons","target","assignedNodes","filter","node","nodeType","Node","ELEMENT_NODE","matches","length","requestUpdate","render","hasMoreThanTwoButtons","handleSlotChange","classes","_t","_","static"],"sources":["components/modal/modal-footer.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, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal footer.\n *\n * @element bx-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass BXModalFooter extends LitElement {\n /**\n * `true` if this modal footer has more than two buttons.\n */\n private _hasMoreThanTwoButtons = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange(event: Event) {\n const { selectorButtons } = this.constructor as typeof BXModalFooter;\n this._hasMoreThanTwoButtons =\n (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorButtons)\n ).length > 2;\n this.requestUpdate();\n }\n\n render() {\n const {\n _hasMoreThanTwoButtons: hasMoreThanTwoButtons,\n _handleSlotChange: handleSlotChange,\n } = this;\n const classes = classMap({\n [`${prefix}--modal-footer`]: true,\n [`${prefix}--modal-footer--three-button`]: hasMoreThanTwoButtons,\n });\n return html`\n <div class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /**\n * A selector that selects the child buttons.\n */\n static get selectorButtons() {\n return `${prefix}-btn,${prefix}-modal-footer-button`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CvC;EAAC;IAAAI,CAAA,EA9CKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIgB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHtC;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAC,kBAA0BC,KAAY,EAAE;QACtC,MAAM;UAAEC;QAAgB,CAAC,GAAG,IAAI,CAACT,WAAmC;QACpE,IAAI,CAACU,sBAAsB,GACxBF,KAAK,CAACG,MAAM,CACVC,aAAa,CAAC,CAAC,CACfC,MAAM,CACJC,IAAI,IACHA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,IAClCH,IAAI,CAAaI,OAAO,CAACT,eAAe,CAC7C,CAAC,CAACU,MAAM,GAAG,CAAC;QAChB,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAhB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAe,OAAA,EAAS;QACP,MAAM;UACJX,sBAAsB,EAAEY,qBAAqB;UAC7Cf,iBAAiB,EAAEgB;QACrB,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGpC,QAAQ,CAAC;UACvB,CAAE,GAAEO,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,8BAA6B,GAAG2B;QAC7C,CAAC,CAAC;QACF,OAAOjC,IAAI,CAAAoC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAU;AAC5B,6BAA2B,CAAmB;AAC9C;AACA,KAAI,GAHgBF,OAAO,EACED,gBAAgB;MAG3C;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAG,gBAAA,EAA6B;QAC3B,OAAQ,GAAEd,MAAO,QAAOA,MAAO,sBAAqB;MACtD;IAAC;MAAAS,IAAA;MAAAuB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CIF,UAAU;AAgDtC,eAAeM,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-header.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-header.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal header.\n *\n * @element bx-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass BXModalHeader extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeader;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMvC;EAAC;IAAAI,CAAA,EANKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-header.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-header.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal header.\n *\n * @element bx-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass BXModalHeader extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeader;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAxC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMvC;EAAC;IAAAI,CAAA,EANKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALIF,UAAU;AAQtC,eAAeM,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-heading.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-heading.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal heading.\n *\n * @element bx-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass BXModalHeading extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeading;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMxC;EAAC;IAAAI,CAAA,EANKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-heading.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalHeading","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-heading.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal heading.\n *\n * @element bx-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass BXModalHeading extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalHeading;\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,kBAAc;AACjC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMxC;EAAC;IAAAI,CAAA,EANKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALKF,UAAU;AAQvC,eAAeM,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-label.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalLabel","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-label.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal label.\n *\n * @element bx-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass BXModalLabel extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalLabel;\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,kBAAc;AACjC,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,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMtC;EAAC;IAAAI,CAAA,EANKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"modal-label.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXModalLabel","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/modal/modal-label.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Modal label.\n *\n * @element bx-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass BXModalLabel extends LitElement {\n render() {\n return html` <slot></slot> `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXModalLabel;\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,kBAAc;AACjC,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,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMtC;EAAC;IAAAI,CAAA,EANKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALGF,UAAU;AAQrC,eAAeM,YAAY"}
|
|
@@ -278,7 +278,26 @@ let BXModal = _decorate([customElement(`${prefix}-modal`)], function (_initializ
|
|
|
278
278
|
[`${prefix}--modal-container`]: true,
|
|
279
279
|
[`${prefix}--modal-container--${size}`]: size
|
|
280
280
|
}, containerClass));
|
|
281
|
-
return html(_t || (_t = _`
|
|
281
|
+
return html(_t || (_t = _`
|
|
282
|
+
<a
|
|
283
|
+
id="start-sentinel"
|
|
284
|
+
class="${0}--visually-hidden"
|
|
285
|
+
href="javascript:void 0"
|
|
286
|
+
role="navigation"></a>
|
|
287
|
+
<div
|
|
288
|
+
part="dialog"
|
|
289
|
+
class=${0}
|
|
290
|
+
role="dialog"
|
|
291
|
+
tabindex="-1"
|
|
292
|
+
@click=${0}>
|
|
293
|
+
<slot></slot>
|
|
294
|
+
</div>
|
|
295
|
+
<a
|
|
296
|
+
id="end-sentinel"
|
|
297
|
+
class="${0}--visually-hidden"
|
|
298
|
+
href="javascript:void 0"
|
|
299
|
+
role="navigation"></a>
|
|
300
|
+
`), prefix, containerClasses, this._handleClickContainer, prefix);
|
|
282
301
|
}
|
|
283
302
|
}, {
|
|
284
303
|
kind: "method",
|