npm - @carbon/web-components - Versions diffs - 1.26.0-rc.2 → 1.26.0 - Mend

@carbon/web-components 1.26.0-rc.2 → 1.26.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.

Files changed (623) hide show

package/es/components/combo-box/combo-box.js CHANGED Viewed

@@ -7,18 +7,19 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, query, customElement } from 'lit-element';
+import { html, property, query } from 'lit-element';
 import Close16 from "../../icons/close/16";
 import { findIndex, forEach } from '../../globals/internal/collection-helpers';
 import BXDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';
 import styles from "././combo-box.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { DROPDOWN_COLOR_SCHEME, DROPDOWN_SIZE, DROPDOWN_TYPE } from '../dropdown/dropdown';
 const {
   prefix

package/es/components/combo-box/combo-box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo-box.js","names":["settings","html","property","query","customElement","Close16","findIndex","forEach","BXDropdown","DROPDOWN_KEYBOARD_ACTION","styles","DROPDOWN_COLOR_SCHEME","DROPDOWN_SIZE","DROPDOWN_TYPE","prefix","BXComboBox","_decorate","_initialize","_BXDropdown","constructor","args","F","d","kind","key","value","decorators","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","i","_this$_itemMenu","menuRect","_itemMenu","getBoundingClientRect","itemRect","isViewable","top","bottom","clientHeight","scrollTop","scrollBot","Math","abs","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get","_getPrototypeOf","prototype","call","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_selectionDidChange","itemToSelect","selectorItemSelected","selected","_assistiveStatusText","selectedItemAssistiveText","_handleUserInitiatedToggle","_renderTriggerContent","disabled","inputLabel","triggerContent","filterInputValue","handleInput","_t","_","_renderFollowingTriggerContent","clearSelectionLabel","length","undefined","_t2","attribute","shouldUpdate","changedProperties","_selectedItemContent","selectedItemContent","has","updated","_listBoxNode","listBoxNode","classList","add","static","Set","selectorItemHighlighted","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect"],"sources":["components/combo-box/combo-box.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 settings from 'carbon-components/es/globals/js/settings';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query, customElement } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport BXDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport BXComboBoxItem from './combo-box-item';\nimport styles from './combo-box.scss';\n\nexport {\n DROPDOWN_COLOR_SCHEME,\n DROPDOWN_SIZE,\n DROPDOWN_TYPE,\n} from '../dropdown/dropdown';\n\nconst { prefix } = settings;\n\n/\n Combo box.\n \n @element bx-combo-box\n * @fires bx-combo-box-beingselected\n * The custom event fired before a combo box item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n * The custom event fired before the open state of this combo box is toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n /\n@customElement(`${prefix}-combo-box`)\nclass BXComboBox extends BXDropdown {\n /\n The text content that should be set to the `<input>` for filtering.\n /\n protected _filterInputValue = '';\n\n protected _shouldTriggerBeFocusable = false;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n The menu containing all selectable items.\n /\n @query('#menu-body')\n private _itemMenu!: HTMLElement;\n\n /\n The selection button.\n /\n @query('#selection-button')\n private _selectionButtonNode!: HTMLElement;\n\n /\n @param item A combo box item.\n * @returns `true` if the given combo box item matches the query text user types.\n /\n protected _testItemWithQueryText(item) {\n return (this.itemMatches \|\| this._defaultItemMatches)(\n item,\n this._filterInputNode.value\n );\n }\n\n / eslint-disable class-methods-use-this /\n /\n The default item matching callback.\n \n @param item The combo box item.\n * @param queryText The query text user types.\n * @returns `true` if the given combo box item matches the given query text.\n /\n protected _defaultItemMatches(\n item: BXComboBoxItem,\n queryText: string\n ): boolean {\n return (\n item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n );\n }\n / eslint-enable class-methods-use-this /\n\n /\n Handles `input` event on the `<input>` for filtering.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) {\n const menuRect = this._itemMenu?.getBoundingClientRect();\n const itemRect = item.getBoundingClientRect();\n\n if (menuRect && itemRect) {\n const isViewable =\n menuRect!.top <= itemRect?.top &&\n itemRect?.bottom <= menuRect?.top + this._itemMenu!.clientHeight;\n if (!isViewable) {\n const scrollTop = itemRect?.top - menuRect?.top;\n const scrollBot = itemRect?.bottom - menuRect?.bottom;\n\n if (Math.abs(scrollTop) < Math.abs(scrollBot)) {\n this._itemMenu!.scrollTop += scrollTop;\n } else {\n this._itemMenu!.scrollTop += scrollBot;\n }\n }\n }\n }\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n protected _handleClickInner(event: MouseEvent) {\n if (this._selectionButtonNode?.contains(event.target as Node)) {\n this._handleUserInitiatedClearInput();\n } else {\n super._handleClickInner(event);\n }\n }\n\n protected _handleKeypressInner(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof BXDropdown).getAction(key);\n const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n if (\n this._selectionButtonNode?.contains(event.target as Node) &&\n // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n (action === TRIGGERING \|\| key === ' ')\n ) {\n this._handleUserInitiatedClearInput();\n } else {\n super._handleKeypressInner(event);\n }\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n }\n );\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this._handleUserInitiatedSelectItem();\n }\n\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n super._handleUserInitiatedSelectItem(item);\n }\n\n protected _selectionDidChange(itemToSelect?: BXComboBoxItem) {\n this.value = !itemToSelect ? '' : itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXDropdown).selectorItemSelected\n ),\n (item) => {\n (item as BXComboBoxItem).selected = false;\n }\n );\n if (itemToSelect) {\n itemToSelect.selected = true;\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n this._handleUserInitiatedToggle(false);\n }\n\n protected _renderTriggerContent(): TemplateResult {\n const {\n disabled,\n inputLabel,\n triggerContent,\n _filterInputValue: filterInputValue,\n _handleInput: handleInput,\n } = this;\n return html`\n <input\n id=\"trigger-label\"\n class=\"${prefix}--text-input\"\n ?disabled=${disabled}\n placeholder=\"${triggerContent}\"\n .value=${filterInputValue}\n role=\"combobox\"\n aria-label=\"${inputLabel}\"\n aria-controls=\"menu-body\"\n aria-autocomplete=\"list\"\n @input=${handleInput} />\n `;\n }\n\n protected _renderFollowingTriggerContent(): TemplateResult \| void {\n const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n return filterInputValue.length === 0\n ? undefined\n : html`\n <div\n id=\"selection-button\"\n role=\"button\"\n class=\"${prefix}--list-box__selection\"\n tabindex=\"0\"\n title=\"${clearSelectionLabel}\">\n ${Close16({ 'aria-label': clearSelectionLabel })}\n </div>\n `;\n }\n\n /\n The `aria-label` attribute for the icon to clear selection.\n /\n @property({ attribute: 'clear-selection-label' })\n clearSelectionLabel = '';\n\n /\n The `aria-label` attribute for the `<input>` for filtering.\n /\n @property({ attribute: 'input-label' })\n inputLabel = '';\n\n /\n The custom item matching callback.\n /\n @property({ attribute: false })\n itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n const { _selectedItemContent: selectedItemContent } = this;\n if (selectedItemContent && changedProperties.has('value')) {\n this._filterInputValue = selectedItemContent?.textContent \|\| '';\n }\n return true;\n }\n\n updated() {\n const { _listBoxNode: listBoxNode } = this;\n if (listBoxNode) {\n listBoxNode.classList.add(`${prefix}--combo-box`);\n }\n }\n\n // For combo box, open/selection with space key is disabled given the input box should take it over\n static TRIGGER_KEYS = new Set(['Enter']);\n\n /\n A selector that will return highlighted items.\n /\n static get selectorItemHighlighted() {\n return `${prefix}-combo-box-item[highlighted]`;\n }\n\n /\n A selector that will return combo box items.\n /\n static get selectorItem() {\n return `${prefix}-combo-box-item`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-combo-box-item[selected]`;\n }\n\n /\n The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n /\n static get eventBeforeToggle() {\n return `${prefix}-combo-box-beingtoggled`;\n }\n\n /\n The name of the custom event fired after this combo box item is toggled upon a user gesture.\n /\n static get eventToggle() {\n return `${prefix}-combo-box-toggled`;\n }\n\n /\n The name of the custom event fired before a combo box item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-combo-box-beingselected`;\n }\n\n /\n The name of the custom event fired after a a combo box item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-combo-box-selected`;\n }\n\n static styles = styles;\n}\n\nexport default BXComboBox;\n"],"mappings":"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"}
1	+ {"version":3,"file":"combo-box.js","names":["settings","html","property","query","Close16","findIndex","forEach","BXDropdown","DROPDOWN_KEYBOARD_ACTION","styles","carbonElement","customElement","DROPDOWN_COLOR_SCHEME","DROPDOWN_SIZE","DROPDOWN_TYPE","prefix","BXComboBox","_decorate","_initialize","_BXDropdown","constructor","args","F","d","kind","key","value","decorators","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","i","_this$_itemMenu","menuRect","_itemMenu","getBoundingClientRect","itemRect","isViewable","top","bottom","clientHeight","scrollTop","scrollBot","Math","abs","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get","_getPrototypeOf","prototype","call","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_selectionDidChange","itemToSelect","selectorItemSelected","selected","_assistiveStatusText","selectedItemAssistiveText","_handleUserInitiatedToggle","_renderTriggerContent","disabled","inputLabel","triggerContent","filterInputValue","handleInput","_t","_","_renderFollowingTriggerContent","clearSelectionLabel","length","undefined","_t2","attribute","shouldUpdate","changedProperties","_selectedItemContent","selectedItemContent","has","updated","_listBoxNode","listBoxNode","classList","add","static","Set","selectorItemHighlighted","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect"],"sources":["components/combo-box/combo-box.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 { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport BXDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport BXComboBoxItem from './combo-box-item';\nimport styles from './combo-box.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n DROPDOWN_COLOR_SCHEME,\n DROPDOWN_SIZE,\n DROPDOWN_TYPE,\n} from '../dropdown/dropdown';\n\nconst { prefix } = settings;\n\n/\n Combo box.\n \n @element bx-combo-box\n * @fires bx-combo-box-beingselected\n * The custom event fired before a combo box item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n * The custom event fired before the open state of this combo box is toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n /\n@customElement(`${prefix}-combo-box`)\nclass BXComboBox extends BXDropdown {\n /\n The text content that should be set to the `<input>` for filtering.\n /\n protected _filterInputValue = '';\n\n protected _shouldTriggerBeFocusable = false;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n The menu containing all selectable items.\n /\n @query('#menu-body')\n private _itemMenu!: HTMLElement;\n\n /\n The selection button.\n /\n @query('#selection-button')\n private _selectionButtonNode!: HTMLElement;\n\n /\n @param item A combo box item.\n * @returns `true` if the given combo box item matches the query text user types.\n /\n protected _testItemWithQueryText(item) {\n return (this.itemMatches \|\| this._defaultItemMatches)(\n item,\n this._filterInputNode.value\n );\n }\n\n / eslint-disable class-methods-use-this /\n /\n The default item matching callback.\n \n @param item The combo box item.\n * @param queryText The query text user types.\n * @returns `true` if the given combo box item matches the given query text.\n /\n protected _defaultItemMatches(\n item: BXComboBoxItem,\n queryText: string\n ): boolean {\n return (\n item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n );\n }\n / eslint-enable class-methods-use-this /\n\n /\n Handles `input` event on the `<input>` for filtering.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) {\n const menuRect = this._itemMenu?.getBoundingClientRect();\n const itemRect = item.getBoundingClientRect();\n\n if (menuRect && itemRect) {\n const isViewable =\n menuRect!.top <= itemRect?.top &&\n itemRect?.bottom <= menuRect?.top + this._itemMenu!.clientHeight;\n if (!isViewable) {\n const scrollTop = itemRect?.top - menuRect?.top;\n const scrollBot = itemRect?.bottom - menuRect?.bottom;\n\n if (Math.abs(scrollTop) < Math.abs(scrollBot)) {\n this._itemMenu!.scrollTop += scrollTop;\n } else {\n this._itemMenu!.scrollTop += scrollBot;\n }\n }\n }\n }\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n protected _handleClickInner(event: MouseEvent) {\n if (this._selectionButtonNode?.contains(event.target as Node)) {\n this._handleUserInitiatedClearInput();\n } else {\n super._handleClickInner(event);\n }\n }\n\n protected _handleKeypressInner(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof BXDropdown).getAction(key);\n const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n if (\n this._selectionButtonNode?.contains(event.target as Node) &&\n // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n (action === TRIGGERING \|\| key === ' ')\n ) {\n this._handleUserInitiatedClearInput();\n } else {\n super._handleKeypressInner(event);\n }\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n }\n );\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this._handleUserInitiatedSelectItem();\n }\n\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n super._handleUserInitiatedSelectItem(item);\n }\n\n protected _selectionDidChange(itemToSelect?: BXComboBoxItem) {\n this.value = !itemToSelect ? '' : itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXDropdown).selectorItemSelected\n ),\n (item) => {\n (item as BXComboBoxItem).selected = false;\n }\n );\n if (itemToSelect) {\n itemToSelect.selected = true;\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n this._handleUserInitiatedToggle(false);\n }\n\n protected _renderTriggerContent(): TemplateResult {\n const {\n disabled,\n inputLabel,\n triggerContent,\n _filterInputValue: filterInputValue,\n _handleInput: handleInput,\n } = this;\n return html`\n <input\n id=\"trigger-label\"\n class=\"${prefix}--text-input\"\n ?disabled=${disabled}\n placeholder=\"${triggerContent}\"\n .value=${filterInputValue}\n role=\"combobox\"\n aria-label=\"${inputLabel}\"\n aria-controls=\"menu-body\"\n aria-autocomplete=\"list\"\n @input=${handleInput} />\n `;\n }\n\n protected _renderFollowingTriggerContent(): TemplateResult \| void {\n const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n return filterInputValue.length === 0\n ? undefined\n : html`\n <div\n id=\"selection-button\"\n role=\"button\"\n class=\"${prefix}--list-box__selection\"\n tabindex=\"0\"\n title=\"${clearSelectionLabel}\">\n ${Close16({ 'aria-label': clearSelectionLabel })}\n </div>\n `;\n }\n\n /\n The `aria-label` attribute for the icon to clear selection.\n /\n @property({ attribute: 'clear-selection-label' })\n clearSelectionLabel = '';\n\n /\n The `aria-label` attribute for the `<input>` for filtering.\n /\n @property({ attribute: 'input-label' })\n inputLabel = '';\n\n /\n The custom item matching callback.\n /\n @property({ attribute: false })\n itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n const { _selectedItemContent: selectedItemContent } = this;\n if (selectedItemContent && changedProperties.has('value')) {\n this._filterInputValue = selectedItemContent?.textContent \|\| '';\n }\n return true;\n }\n\n updated() {\n const { _listBoxNode: listBoxNode } = this;\n if (listBoxNode) {\n listBoxNode.classList.add(`${prefix}--combo-box`);\n }\n }\n\n // For combo box, open/selection with space key is disabled given the input box should take it over\n static TRIGGER_KEYS = new Set(['Enter']);\n\n /\n A selector that will return highlighted items.\n /\n static get selectorItemHighlighted() {\n return `${prefix}-combo-box-item[highlighted]`;\n }\n\n /\n A selector that will return combo box items.\n /\n static get selectorItem() {\n return `${prefix}-combo-box-item`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-combo-box-item[selected]`;\n }\n\n /\n The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n /\n static get eventBeforeToggle() {\n return `${prefix}-combo-box-beingtoggled`;\n }\n\n /\n The name of the custom event fired after this combo box item is toggled upon a user gesture.\n /\n static get eventToggle() {\n return `${prefix}-combo-box-toggled`;\n }\n\n /\n The name of the custom event fired before a combo box item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-combo-box-beingselected`;\n }\n\n /\n The name of the custom event fired after a a combo box item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-combo-box-selected`;\n }\n\n static styles = styles;\n}\n\nexport default BXComboBox;\n"],"mappings":"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"}

package/es/components/content-switcher/content-switcher-item.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/content-switcher/content-switcher-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/content-switcher/content-switcher-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,~~EAAiC~~,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAQxE~~;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,0BAAsB;IACxD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,SAAM;IAEX,gBAAgB;IAShB,YAAY,CAAC,iBAAiB,KAAA;IAe9B,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"content-switcher-item.d.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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss';\n\nconst { prefix } = settings;\n\n/\n Content switcher button.\n \n @element bx-content-switcher-item\n /\n@customElement(`${prefix}-content-switcher-item`)\nclass BXContentSwitcherItem extends FocusMixin(LitElement) {\n /\n `true` if this content switcher item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` to hide the divider at the left.\n \n @private\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = false;\n\n /\n `true` if the content switcher button should be selected.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The element ID of target panel.\n /\n @property()\n target!: string;\n\n /\n The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.\n */\n @property()\n value = '';\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 shouldUpdate(changedProperties) {\n if (changedProperties.has('selected') \|\| changedProperties.has('target')) {\n const { selected, target } = this;\n if (target) {\n const doc = this.getRootNode() as HTMLDocument;\n // `doc` can be an element if such element is orphaned\n const targetNode = doc.getElementById && doc.getElementById(target);\n if (targetNode) {\n targetNode.toggleAttribute('hidden', !selected);\n }\n }\n }\n return true;\n }\n\n render() {\n const { disabled, selected, target } = this;\n const className = classMap({\n [`${prefix}--content-switcher-btn`]: true,\n [`${prefix}--content-switcher--selected`]: selected,\n });\n return html`\n <button\n type=\"button\"\n role=\"tab\"\n class=\"${className}\"\n ?disabled=\"${disabled}\"\n aria-controls=\"${ifNonNull(target)}\"\n aria-selected=\"${Boolean(selected)}\">\n <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcherItem;\n"]}
1	+ {"version":3,"sources":["components/content-switcher/content-switcher-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASzD;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,0BAAsB;IACxD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,SAAM;IAEX,gBAAgB;IAShB,YAAY,CAAC,iBAAiB,KAAA;IAe9B,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"content-switcher-item.d.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 } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Content switcher button.\n \n @element bx-content-switcher-item\n /\n@customElement(`${prefix}-content-switcher-item`)\nclass BXContentSwitcherItem extends FocusMixin(LitElement) {\n /\n `true` if this content switcher item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` to hide the divider at the left.\n \n @private\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = false;\n\n /\n `true` if the content switcher button should be selected.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The element ID of target panel.\n /\n @property()\n target!: string;\n\n /\n The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.\n */\n @property()\n value = '';\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 shouldUpdate(changedProperties) {\n if (changedProperties.has('selected') \|\| changedProperties.has('target')) {\n const { selected, target } = this;\n if (target) {\n const doc = this.getRootNode() as HTMLDocument;\n // `doc` can be an element if such element is orphaned\n const targetNode = doc.getElementById && doc.getElementById(target);\n if (targetNode) {\n targetNode.toggleAttribute('hidden', !selected);\n }\n }\n }\n return true;\n }\n\n render() {\n const { disabled, selected, target } = this;\n const className = classMap({\n [`${prefix}--content-switcher-btn`]: true,\n [`${prefix}--content-switcher--selected`]: selected,\n });\n return html`\n <button\n type=\"button\"\n role=\"tab\"\n class=\"${className}\"\n ?disabled=\"${disabled}\"\n aria-controls=\"${ifNonNull(target)}\"\n aria-selected=\"${Boolean(selected)}\">\n <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcherItem;\n"]}

package/es/components/content-switcher/content-switcher-item.js CHANGED Viewed

@@ -4,18 +4,19 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import { classMap } from 'lit-html/directives/class-map';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import ifNonNull from '../../globals/directives/if-non-null';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././content-switcher.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/content-switcher/content-switcher-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-switcher-item.js","names":["classMap","html","property","~~customElement","~~LitElement","settings","ifNonNull","FocusMixin","styles","prefix","BXContentSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","shouldUpdate","changedProperties","has","selected","target","doc","getRootNode","targetNode","getElementById","toggleAttribute","render","disabled","className","_t","_","static"],"sources":["components/content-switcher/content-switcher-item.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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss';\n\nconst { prefix } = settings;\n\n/\n Content switcher button.\n \n @element bx-content-switcher-item\n /\n@customElement(`${prefix}-content-switcher-item`)\nclass BXContentSwitcherItem extends FocusMixin(LitElement) {\n /\n `true` if this content switcher item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` to hide the divider at the left.\n \n @private\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = false;\n\n /\n `true` if the content switcher button should be selected.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The element ID of target panel.\n /\n @property()\n target!: string;\n\n /\n The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.\n */\n @property()\n value = '';\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 shouldUpdate(changedProperties) {\n if (changedProperties.has('selected') \|\| changedProperties.has('target')) {\n const { selected, target } = this;\n if (target) {\n const doc = this.getRootNode() as HTMLDocument;\n // `doc` can be an element if such element is orphaned\n const targetNode = doc.getElementById && doc.getElementById(target);\n if (targetNode) {\n targetNode.toggleAttribute('hidden', !selected);\n }\n }\n }\n return true;\n }\n\n render() {\n const { disabled, selected, target } = this;\n const className = classMap({\n [`${prefix}--content-switcher-btn`]: true,\n [`${prefix}--content-switcher--selected`]: selected,\n });\n return html`\n <button\n type=\"button\"\n role=\"tab\"\n class=\"${className}\"\n ?disabled=\"${disabled}\"\n aria-controls=\"${ifNonNull(target)}\"\n aria-selected=\"${Boolean(selected)}\">\n <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcherItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,~~aAAa,EAAEC,~~UAAU,QAAQ,aAAa;~~AACvE~~,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,6BAAyB;~~AAE5C~~,MAAM;EAAEC;AAAO,CAAC,~~GAAGJ~~,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,~~IAMMK~~,qBAAqB,GAAAC,SAAA,~~EAD1BR~~,aAAa,CAAE,~~GAAEM~~,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+E3D;EAAC;IAAAI,CAAA,EA/EKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,~~GAIxBjB~~,QAAQ,CAAC;~~QAAEkB~~,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,~~GAOfjB~~,QAAQ,CAAC;~~QAAEkB~~,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEG,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAF,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,~~GAOlBjB~~,QAAQ,CAAC;~~QAAEkB~~,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,~~GAKfjB~~,QAAQ,EAAE;~~MAAAqB~~,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,~~GAMVjB~~,QAAQ,EAAE;~~MAAAqB~~,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhCV;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,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;MAAAT,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,aAAaC,iBAAiB,EAAE;QAC9B,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,IAAID,iBAAiB,CAACC,GAAG,CAAC,QAAQ,CAAC,EAAE;UACxE,MAAM;YAAEC,QAAQ;YAAEC;UAAO,CAAC,GAAG,IAAI;UACjC,IAAIA,MAAM,EAAE;YACV,MAAMC,GAAG,GAAG,IAAI,CAACC,WAAW,EAAkB;YAC9C;YACA,MAAMC,UAAU,GAAGF,GAAG,CAACG,cAAc,IAAIH,GAAG,CAACG,cAAc,CAACJ,MAAM,CAAC;YACnE,IAAIG,UAAU,EAAE;cACdA,UAAU,CAACE,eAAe,CAAC,QAAQ,EAAE,CAACN,QAAQ,CAAC;YACjD;UACF;QACF;QACA,OAAO,IAAI;MACb;IAAC;MAAApB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAqB,OAAA,EAAS;QACP,MAAM;UAAEC,QAAQ;UAAER,QAAQ;UAAEC;QAAO,CAAC,GAAG,IAAI;QAC3C,MAAMQ,SAAS,~~GAAG/C~~,QAAQ,CAAC;UACzB,CAAE,~~GAAES~~,MAAO,wBAAuB,GAAG,IAAI;UACzC,CAAE,GAAEA,MAAO,8BAA6B,GAAG6B;QAC7C,CAAC,CAAC;QACF,~~OAAOrC~~,IAAI,~~CAAA+C~~,EAAA,KAAAA,EAAA,GAAAC,CAAA,2LAIEF,SAAS,EACLD,QAAQ,~~EACJxC~~,SAAS,~~CAACiC~~,MAAM,CAAC,EACjBlB,OAAO,CAACiB,QAAQ,CAAC,EACnB7B,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAgC,MAAA;MAAA3B,GAAA;MAAAC,MAAA;QAAA,~~OAEehB~~,MAAM;MAAA;IAAA;EAAA;AAAA,GA9EYD,UAAU,CAACH,UAAU,CAAC;AAiF1D,~~eAAeM~~,qBAAqB"}
1	+ {"version":3,"file":"content-switcher-item.js","names":["classMap","html","property","LitElement","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXContentSwitcherItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","shouldUpdate","changedProperties","has","selected","target","doc","getRootNode","targetNode","getElementById","toggleAttribute","render","disabled","className","_t","_","static"],"sources":["components/content-switcher/content-switcher-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 { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Content switcher button.\n \n @element bx-content-switcher-item\n /\n@customElement(`${prefix}-content-switcher-item`)\nclass BXContentSwitcherItem extends FocusMixin(LitElement) {\n /\n `true` if this content switcher item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` to hide the divider at the left.\n \n @private\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n hideDivider = false;\n\n /\n `true` if the content switcher button should be selected.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The element ID of target panel.\n /\n @property()\n target!: string;\n\n /\n The `value` attribute that is set to the parent `<bx-content-switcher>` when this content switcher item is selected.\n */\n @property()\n value = '';\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 shouldUpdate(changedProperties) {\n if (changedProperties.has('selected') \|\| changedProperties.has('target')) {\n const { selected, target } = this;\n if (target) {\n const doc = this.getRootNode() as HTMLDocument;\n // `doc` can be an element if such element is orphaned\n const targetNode = doc.getElementById && doc.getElementById(target);\n if (targetNode) {\n targetNode.toggleAttribute('hidden', !selected);\n }\n }\n }\n return true;\n }\n\n render() {\n const { disabled, selected, target } = this;\n const className = classMap({\n [`${prefix}--content-switcher-btn`]: true,\n [`${prefix}--content-switcher--selected`]: selected,\n });\n return html`\n <button\n type=\"button\"\n role=\"tab\"\n class=\"${className}\"\n ?disabled=\"${disabled}\"\n aria-controls=\"${ifNonNull(target)}\"\n aria-selected=\"${Boolean(selected)}\">\n <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n </button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcherItem;\n"],"mappings":"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"}

package/es/components/content-switcher/content-switcher.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/content-switcher/content-switcher.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/content-switcher/content-switcher.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAAiC~~,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAGxE~~,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;~~AAG~~/C,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAmBvD;;;;;;;;GAQG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAepB;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;IAS/D;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAI7C;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE,aAAa;IAM/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,EAAE,QAAQ;IAsBvD;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAarC;;;;OAIG;IACH,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ;IAiBpD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,wBAAiC;IAErC,YAAY,CAAC,iBAAiB,KAAA;IAU9B;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"content-switcher.d.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, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport BXSwitch from './content-switcher-item';\nimport styles from './content-switcher.scss';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\nconst { prefix } = settings;\n\n/\n @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n /\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/\n Content switcher.\n \n @element bx-content-switcher\n * @fires bx-content-switcher-beingselected\n * The custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n /\n@customElement(`${prefix}-content-switcher`)\nclass BXContentSwitcher extends LitElement {\n /\n Handles `mouseover`/`mouseout` events on `<slot>`.\n \n @param event The event.\n /\n private _handleHover({ target, type }: MouseEvent) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n const items = this.querySelectorAll(selectorItem);\n const index =\n type !== 'mouseover'\n ? -1\n : indexOf(items, (target as Element).closest(selectorItem)!);\n const nextIndex = index < 0 ? index : index + 1;\n forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n // Specifies child `<bx-content-switcher-item>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (elem as BXSwitch).hideDivider = i === nextIndex;\n });\n }\n\n /\n @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n /\n protected _getNextItem(currentItem: BXSwitch, direction: number) {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemEnabled\n );\n const currentIndex = indexOf(items, currentItem);\n const nextIndex = capIndex(currentIndex + direction, items.length);\n return nextIndex === currentIndex ? null : items[nextIndex];\n }\n\n /\n Handles `click` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleClick({ target }: MouseEvent) {\n this._handleUserInitiatedSelectItem(target as BXSwitch);\n }\n\n /\n Handles `keydown` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleKeydown({ key }: KeyboardEvent) {\n if (key in NAVIGATION_DIRECTION) {\n this._navigate(NAVIGATION_DIRECTION[key]);\n }\n }\n\n /\n Handles user-initiated selection of a content switcher item.\n \n @param [item] The content switcher item user wants to select.\n /\n protected _handleUserInitiatedSelectItem(item: BXSwitch) {\n if (!item.disabled && item.value !== this.value) {\n const init = {\n bubbles: true,\n composed: true,\n detail: {\n item,\n },\n };\n const constructor = this.constructor as typeof BXContentSwitcher;\n const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n ...init,\n cancelable: true,\n });\n if (this.dispatchEvent(beforeSelectEvent)) {\n this._selectionDidChange(item);\n const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n this.dispatchEvent(afterSelectEvent);\n }\n }\n }\n\n /\n Navigates through content switcher items.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n /\n protected _navigate(direction: number) {\n const { selectorItemSelected } = this\n .constructor as typeof BXContentSwitcher;\n const nextItem = this._getNextItem(\n this.querySelector(selectorItemSelected) as BXSwitch,\n direction\n );\n if (nextItem) {\n this._handleUserInitiatedSelectItem(nextItem as BXSwitch);\n this.requestUpdate();\n }\n }\n\n /\n A callback that runs after change in content switcher selection upon user interaction is confirmed.\n \n @param itemToSelect A content switcher item.\n /\n protected _selectionDidChange(itemToSelect: BXSwitch) {\n this.value = itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemSelected\n ),\n (item) => {\n (item as BXSwitch).selected = false;\n }\n );\n itemToSelect.selected = true;\n // Waits for rendering with the new state that updates `tabindex`\n Promise.resolve().then(() => {\n itemToSelect.focus();\n });\n }\n\n /\n The value of the selected item.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Content switcher size.\n /\n @property({ reflect: true })\n size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('value')) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n (elem as BXSwitch).selected = (elem as BXSwitch).value === this.value;\n });\n }\n return true;\n }\n\n /\n A selector that will return content switcher items.\n /\n static get selectorItem() {\n return `${prefix}-content-switcher-item`;\n }\n\n /\n A selector that will return enabled content switcher items.\n /\n static get selectorItemEnabled() {\n return `${prefix}-content-switcher-item:not([disabled])`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-content-switcher-item[selected]`;\n }\n\n /\n The name of the custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-content-switcher-beingselected`;\n }\n\n /\n The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-content-switcher-selected`;\n }\n\n render() {\n const { _handleHover: handleHover, _handleKeydown: handleKeydown } = this;\n return html`\n <slot\n @click=\"${this._handleClick}\"\n @keydown=\"${handleKeydown}\"\n @mouseover=\"${handleHover}\"\n @mouseout=\"${handleHover}\"></slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcher;\n"]}
1	+ {"version":3,"sources":["components/content-switcher/content-switcher.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAI/C,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAmBvD;;;;;;;;GAQG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAepB;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;IAS/D;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAI7C;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE,aAAa;IAM/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,EAAE,QAAQ;IAsBvD;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAarC;;;;OAIG;IACH,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ;IAiBpD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,wBAAiC;IAErC,YAAY,CAAC,iBAAiB,KAAA;IAU9B;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"content-switcher.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport BXSwitch from './content-switcher-item';\nimport styles from './content-switcher.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\nconst { prefix } = settings;\n\n/\n @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n /\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/\n Content switcher.\n \n @element bx-content-switcher\n * @fires bx-content-switcher-beingselected\n * The custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n /\n@customElement(`${prefix}-content-switcher`)\nclass BXContentSwitcher extends LitElement {\n /\n Handles `mouseover`/`mouseout` events on `<slot>`.\n \n @param event The event.\n /\n private _handleHover({ target, type }: MouseEvent) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n const items = this.querySelectorAll(selectorItem);\n const index =\n type !== 'mouseover'\n ? -1\n : indexOf(items, (target as Element).closest(selectorItem)!);\n const nextIndex = index < 0 ? index : index + 1;\n forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n // Specifies child `<bx-content-switcher-item>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (elem as BXSwitch).hideDivider = i === nextIndex;\n });\n }\n\n /\n @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n /\n protected _getNextItem(currentItem: BXSwitch, direction: number) {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemEnabled\n );\n const currentIndex = indexOf(items, currentItem);\n const nextIndex = capIndex(currentIndex + direction, items.length);\n return nextIndex === currentIndex ? null : items[nextIndex];\n }\n\n /\n Handles `click` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleClick({ target }: MouseEvent) {\n this._handleUserInitiatedSelectItem(target as BXSwitch);\n }\n\n /\n Handles `keydown` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleKeydown({ key }: KeyboardEvent) {\n if (key in NAVIGATION_DIRECTION) {\n this._navigate(NAVIGATION_DIRECTION[key]);\n }\n }\n\n /\n Handles user-initiated selection of a content switcher item.\n \n @param [item] The content switcher item user wants to select.\n /\n protected _handleUserInitiatedSelectItem(item: BXSwitch) {\n if (!item.disabled && item.value !== this.value) {\n const init = {\n bubbles: true,\n composed: true,\n detail: {\n item,\n },\n };\n const constructor = this.constructor as typeof BXContentSwitcher;\n const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n ...init,\n cancelable: true,\n });\n if (this.dispatchEvent(beforeSelectEvent)) {\n this._selectionDidChange(item);\n const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n this.dispatchEvent(afterSelectEvent);\n }\n }\n }\n\n /\n Navigates through content switcher items.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n /\n protected _navigate(direction: number) {\n const { selectorItemSelected } = this\n .constructor as typeof BXContentSwitcher;\n const nextItem = this._getNextItem(\n this.querySelector(selectorItemSelected) as BXSwitch,\n direction\n );\n if (nextItem) {\n this._handleUserInitiatedSelectItem(nextItem as BXSwitch);\n this.requestUpdate();\n }\n }\n\n /\n A callback that runs after change in content switcher selection upon user interaction is confirmed.\n \n @param itemToSelect A content switcher item.\n /\n protected _selectionDidChange(itemToSelect: BXSwitch) {\n this.value = itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemSelected\n ),\n (item) => {\n (item as BXSwitch).selected = false;\n }\n );\n itemToSelect.selected = true;\n // Waits for rendering with the new state that updates `tabindex`\n Promise.resolve().then(() => {\n itemToSelect.focus();\n });\n }\n\n /\n The value of the selected item.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Content switcher size.\n /\n @property({ reflect: true })\n size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('value')) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n (elem as BXSwitch).selected = (elem as BXSwitch).value === this.value;\n });\n }\n return true;\n }\n\n /\n A selector that will return content switcher items.\n /\n static get selectorItem() {\n return `${prefix}-content-switcher-item`;\n }\n\n /\n A selector that will return enabled content switcher items.\n /\n static get selectorItemEnabled() {\n return `${prefix}-content-switcher-item:not([disabled])`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-content-switcher-item[selected]`;\n }\n\n /\n The name of the custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-content-switcher-beingselected`;\n }\n\n /\n The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-content-switcher-selected`;\n }\n\n render() {\n const { _handleHover: handleHover, _handleKeydown: handleKeydown } = this;\n return html`\n <slot\n @click=\"${this._handleClick}\"\n @keydown=\"${handleKeydown}\"\n @mouseover=\"${handleHover}\"\n @mouseout=\"${handleHover}\"></slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcher;\n"]}

package/es/components/content-switcher/content-switcher.js CHANGED Viewed

@@ -5,17 +5,18 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import { forEach, indexOf } from '../../globals/internal/collection-helpers';
 import { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';
 import styles from "././content-switcher.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };
 const {
   prefix

package/es/components/content-switcher/content-switcher.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-switcher.js","names":["html","property","customElement","LitElement","settings","forEach","indexOf","NAVIGATION_DIRECTION","CONTENT_SWITCHER_SIZE","styles","prefix","capIndex","index","length","BXContentSwitcher","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleHover","target","type","selectorItem","items","querySelectorAll","closest","nextIndex","elem","i","hideDivider","_getNextItem","currentItem","direction","selectorItemEnabled","currentIndex","_handleClick","_handleUserInitiatedSelectItem","_handleKeydown","_navigate","item","disabled","init","bubbles","composed","detail","beforeSelectEvent","CustomEvent","eventBeforeSelect","_objectSpread","cancelable","dispatchEvent","_selectionDidChange","afterSelectEvent","eventSelect","selectorItemSelected","nextItem","querySelector","requestUpdate","itemToSelect","selected","Promise","resolve","then","focus","decorators","reflect","REGULAR","shouldUpdate","changedProperties","has","static","render","handleHover","handleKeydown","_t","_"],"sources":["components/content-switcher/content-switcher.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, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport BXSwitch from './content-switcher-item';\nimport styles from './content-switcher.scss';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\nconst { prefix } = settings;\n\n/\n @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n /\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/\n Content switcher.\n \n @element bx-content-switcher\n * @fires bx-content-switcher-beingselected\n * The custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n /\n@customElement(`${prefix}-content-switcher`)\nclass BXContentSwitcher extends LitElement {\n /\n Handles `mouseover`/`mouseout` events on `<slot>`.\n \n @param event The event.\n /\n private _handleHover({ target, type }: MouseEvent) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n const items = this.querySelectorAll(selectorItem);\n const index =\n type !== 'mouseover'\n ? -1\n : indexOf(items, (target as Element).closest(selectorItem)!);\n const nextIndex = index < 0 ? index : index + 1;\n forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n // Specifies child `<bx-content-switcher-item>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (elem as BXSwitch).hideDivider = i === nextIndex;\n });\n }\n\n /\n @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n /\n protected _getNextItem(currentItem: BXSwitch, direction: number) {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemEnabled\n );\n const currentIndex = indexOf(items, currentItem);\n const nextIndex = capIndex(currentIndex + direction, items.length);\n return nextIndex === currentIndex ? null : items[nextIndex];\n }\n\n /\n Handles `click` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleClick({ target }: MouseEvent) {\n this._handleUserInitiatedSelectItem(target as BXSwitch);\n }\n\n /\n Handles `keydown` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleKeydown({ key }: KeyboardEvent) {\n if (key in NAVIGATION_DIRECTION) {\n this._navigate(NAVIGATION_DIRECTION[key]);\n }\n }\n\n /\n Handles user-initiated selection of a content switcher item.\n \n @param [item] The content switcher item user wants to select.\n /\n protected _handleUserInitiatedSelectItem(item: BXSwitch) {\n if (!item.disabled && item.value !== this.value) {\n const init = {\n bubbles: true,\n composed: true,\n detail: {\n item,\n },\n };\n const constructor = this.constructor as typeof BXContentSwitcher;\n const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n ...init,\n cancelable: true,\n });\n if (this.dispatchEvent(beforeSelectEvent)) {\n this._selectionDidChange(item);\n const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n this.dispatchEvent(afterSelectEvent);\n }\n }\n }\n\n /\n Navigates through content switcher items.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n /\n protected _navigate(direction: number) {\n const { selectorItemSelected } = this\n .constructor as typeof BXContentSwitcher;\n const nextItem = this._getNextItem(\n this.querySelector(selectorItemSelected) as BXSwitch,\n direction\n );\n if (nextItem) {\n this._handleUserInitiatedSelectItem(nextItem as BXSwitch);\n this.requestUpdate();\n }\n }\n\n /\n A callback that runs after change in content switcher selection upon user interaction is confirmed.\n \n @param itemToSelect A content switcher item.\n /\n protected _selectionDidChange(itemToSelect: BXSwitch) {\n this.value = itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemSelected\n ),\n (item) => {\n (item as BXSwitch).selected = false;\n }\n );\n itemToSelect.selected = true;\n // Waits for rendering with the new state that updates `tabindex`\n Promise.resolve().then(() => {\n itemToSelect.focus();\n });\n }\n\n /\n The value of the selected item.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Content switcher size.\n /\n @property({ reflect: true })\n size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('value')) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n (elem as BXSwitch).selected = (elem as BXSwitch).value === this.value;\n });\n }\n return true;\n }\n\n /\n A selector that will return content switcher items.\n /\n static get selectorItem() {\n return `${prefix}-content-switcher-item`;\n }\n\n /\n A selector that will return enabled content switcher items.\n /\n static get selectorItemEnabled() {\n return `${prefix}-content-switcher-item:not([disabled])`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-content-switcher-item[selected]`;\n }\n\n /\n The name of the custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-content-switcher-beingselected`;\n }\n\n /\n The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-content-switcher-selected`;\n }\n\n render() {\n const { _handleHover: handleHover, _handleKeydown: handleKeydown } = this;\n return html`\n <slot\n @click=\"${this._handleClick}\"\n @keydown=\"${handleKeydown}\"\n @mouseover=\"${handleHover}\"\n @mouseout=\"${handleHover}\"></slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcher;\n"],"mappings":"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"}
1	+ {"version":3,"file":"content-switcher.js","names":["html","property","LitElement","settings","forEach","indexOf","NAVIGATION_DIRECTION","CONTENT_SWITCHER_SIZE","styles","carbonElement","customElement","prefix","capIndex","index","length","BXContentSwitcher","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleHover","target","type","selectorItem","items","querySelectorAll","closest","nextIndex","elem","i","hideDivider","_getNextItem","currentItem","direction","selectorItemEnabled","currentIndex","_handleClick","_handleUserInitiatedSelectItem","_handleKeydown","_navigate","item","disabled","init","bubbles","composed","detail","beforeSelectEvent","CustomEvent","eventBeforeSelect","_objectSpread","cancelable","dispatchEvent","_selectionDidChange","afterSelectEvent","eventSelect","selectorItemSelected","nextItem","querySelector","requestUpdate","itemToSelect","selected","Promise","resolve","then","focus","decorators","reflect","REGULAR","shouldUpdate","changedProperties","has","static","render","handleHover","handleKeydown","_t","_"],"sources":["components/content-switcher/content-switcher.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport BXSwitch from './content-switcher-item';\nimport styles from './content-switcher.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\nconst { prefix } = settings;\n\n/\n @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n /\nconst capIndex = (index: number, length: number) => {\n if (index < 0) {\n return length - 1;\n }\n if (index >= length) {\n return 0;\n }\n return index;\n};\n\n/\n Content switcher.\n \n @element bx-content-switcher\n * @fires bx-content-switcher-beingselected\n * The custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n /\n@customElement(`${prefix}-content-switcher`)\nclass BXContentSwitcher extends LitElement {\n /\n Handles `mouseover`/`mouseout` events on `<slot>`.\n \n @param event The event.\n /\n private _handleHover({ target, type }: MouseEvent) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n const items = this.querySelectorAll(selectorItem);\n const index =\n type !== 'mouseover'\n ? -1\n : indexOf(items, (target as Element).closest(selectorItem)!);\n const nextIndex = index < 0 ? index : index + 1;\n forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n // Specifies child `<bx-content-switcher-item>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (elem as BXSwitch).hideDivider = i === nextIndex;\n });\n }\n\n /\n @param currentItem The currently selected item.\n * @param direction The navigation direction.\n * @returns The item to be selected.\n /\n protected _getNextItem(currentItem: BXSwitch, direction: number) {\n const items = this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemEnabled\n );\n const currentIndex = indexOf(items, currentItem);\n const nextIndex = capIndex(currentIndex + direction, items.length);\n return nextIndex === currentIndex ? null : items[nextIndex];\n }\n\n /\n Handles `click` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleClick({ target }: MouseEvent) {\n this._handleUserInitiatedSelectItem(target as BXSwitch);\n }\n\n /\n Handles `keydown` event on the top-level element in the shadow DOM.\n \n @param event The event.\n /\n protected _handleKeydown({ key }: KeyboardEvent) {\n if (key in NAVIGATION_DIRECTION) {\n this._navigate(NAVIGATION_DIRECTION[key]);\n }\n }\n\n /\n Handles user-initiated selection of a content switcher item.\n \n @param [item] The content switcher item user wants to select.\n /\n protected _handleUserInitiatedSelectItem(item: BXSwitch) {\n if (!item.disabled && item.value !== this.value) {\n const init = {\n bubbles: true,\n composed: true,\n detail: {\n item,\n },\n };\n const constructor = this.constructor as typeof BXContentSwitcher;\n const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n ...init,\n cancelable: true,\n });\n if (this.dispatchEvent(beforeSelectEvent)) {\n this._selectionDidChange(item);\n const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n this.dispatchEvent(afterSelectEvent);\n }\n }\n }\n\n /\n Navigates through content switcher items.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n /\n protected _navigate(direction: number) {\n const { selectorItemSelected } = this\n .constructor as typeof BXContentSwitcher;\n const nextItem = this._getNextItem(\n this.querySelector(selectorItemSelected) as BXSwitch,\n direction\n );\n if (nextItem) {\n this._handleUserInitiatedSelectItem(nextItem as BXSwitch);\n this.requestUpdate();\n }\n }\n\n /\n A callback that runs after change in content switcher selection upon user interaction is confirmed.\n \n @param itemToSelect A content switcher item.\n /\n protected _selectionDidChange(itemToSelect: BXSwitch) {\n this.value = itemToSelect.value;\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof BXContentSwitcher).selectorItemSelected\n ),\n (item) => {\n (item as BXSwitch).selected = false;\n }\n );\n itemToSelect.selected = true;\n // Waits for rendering with the new state that updates `tabindex`\n Promise.resolve().then(() => {\n itemToSelect.focus();\n });\n }\n\n /\n The value of the selected item.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Content switcher size.\n /\n @property({ reflect: true })\n size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('value')) {\n const { selectorItem } = this.constructor as typeof BXContentSwitcher;\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n (elem as BXSwitch).selected = (elem as BXSwitch).value === this.value;\n });\n }\n return true;\n }\n\n /\n A selector that will return content switcher items.\n /\n static get selectorItem() {\n return `${prefix}-content-switcher-item`;\n }\n\n /\n A selector that will return enabled content switcher items.\n /\n static get selectorItemEnabled() {\n return `${prefix}-content-switcher-item:not([disabled])`;\n }\n\n /\n A selector that will return selected items.\n /\n static get selectorItemSelected() {\n return `${prefix}-content-switcher-item[selected]`;\n }\n\n /\n The name of the custom event fired before a content switcher item is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-content-switcher-beingselected`;\n }\n\n /\n The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n */\n static get eventSelect() {\n return `${prefix}-content-switcher-selected`;\n }\n\n render() {\n const { _handleHover: handleHover, _handleKeydown: handleKeydown } = this;\n return html`\n <slot\n @click=\"${this._handleClick}\"\n @keydown=\"${handleKeydown}\"\n @mouseover=\"${handleHover}\"\n @mouseout=\"${handleHover}\"></slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default BXContentSwitcher;\n"],"mappings":"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"}

package/es/components/copy-button/copy-button.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/copy-button/copy-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/copy-button/copy-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,~~EAAiC~~,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAQxE~~;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,wBAClB;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAAK,IAAI,eAGvC,MAAM,SAUxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;mBAUT,MAAM;kBACP,MAAM;;;;uBAID,aAAa;oBAkBjC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAsB;IAC/C;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IAEH,mBAAmB,SAAuB;IAE1C;;OAEG;IAEH,YAAY,SAAa;IAEzB;;OAEG;IAEH,eAAe,SAAQ;IAEvB,gBAAgB;IAShB,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"copy-button.d.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 { classMap } from 'lit-html/directives/class-map';\nimport { TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport Copy16 from '@carbon/icons/lib/copy/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss';\n\nconst { prefix } = settings;\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param update The callback function that dictates how to update the DOM with new feedback tooltip state.\n * @returns A function that shows the feedback tooltip for the given duration.\n * @private\n /\nexport const _createHandleFeedbackTooltip = (\n update: (properties: { showFeedback?: boolean }) => void\n) => {\n let timeoutId: number \| void;\n return (timeout: number) => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n update({ showFeedback: true });\n timeoutId = setTimeout(() => {\n update({ showFeedback: false });\n }, timeout) as unknown as number;\n };\n};\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param properties The properties to render.\n * @returns The template result for copy button from the given properties.\n * @private\n /\nexport const _renderButton = ({\n assistiveText,\n feedbackText,\n showFeedback = false,\n className = `${prefix}--snippet-button`,\n children = html`\n <slot>${Copy16({ class: `${prefix}--snippet__icon` })}</slot>\n `,\n handleClickButton,\n}: {\n assistiveText: string;\n feedbackText: string;\n showFeedback?: boolean;\n className?: string;\n children?: TemplateResult;\n handleClickButton: EventListener;\n}) => {\n const feedbackClasses = classMap({\n [`${prefix}--btn--copy__feedback`]: true,\n [`${prefix}--btn--copy__feedback--displayed`]: showFeedback,\n });\n return html`\n <button\n type=\"button\"\n class=\"${className}\"\n title=\"${ifDefined(assistiveText)}\"\n @click=\"${handleClickButton}\">\n ${children}\n <div\n class=\"${feedbackClasses}\"\n data-feedback=\"${ifDefined(feedbackText)}\"></div>\n </button>\n `;\n};\n\n/\n Copy button.\n \n @element bx-copy-button\n /\n@customElement(`${prefix}-copy-button`)\nclass BXCopyButton extends FocusMixin(LitElement) {\n /\n Handles showing/hiding the feedback tooltip.\n /\n private _handleFeedbackTooltip = _createHandleFeedbackTooltip(\n ({ showFeedback = false }: { showFeedback?: boolean }) => {\n this._showFeedback = showFeedback;\n this.requestUpdate();\n }\n );\n\n /\n `true` to show the feedback tooltip.\n /\n private _showFeedback = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleClickButton() {\n this._handleFeedbackTooltip(this.feedbackTimeout);\n }\n\n /\n An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.\n /\n @property({ attribute: 'button-assistive-text' })\n buttonAssistiveText = 'Copy to clipboard';\n\n /\n The feedback text.\n /\n @property({ attribute: 'feedback-text' })\n feedbackText = 'Copied!';\n\n /\n The number in milliseconds to determine how long the tooltip should remain.\n */\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n buttonAssistiveText,\n feedbackText,\n _handleClickButton: handleClickButton,\n _showFeedback: showFeedback,\n } = this;\n return _renderButton({\n assistiveText: buttonAssistiveText,\n feedbackText,\n showFeedback,\n handleClickButton,\n });\n }\n\n static styles = styles;\n}\n\nexport default BXCopyButton;\n"]}
1	+ {"version":3,"sources":["components/copy-button/copy-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AASzD;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,wBAClB;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,KAAK,IAAI,eAGvC,MAAM,SAUxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;mBAUT,MAAM;kBACP,MAAM;;;;uBAID,aAAa;oBAkBjC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAsB;IAC/C;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAK5B;IAEF;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IAEH,mBAAmB,SAAuB;IAE1C;;OAEG;IAEH,YAAY,SAAa;IAEzB;;OAEG;IAEH,eAAe,SAAQ;IAEvB,gBAAgB;IAShB,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"copy-button.d.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 { TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport Copy16 from '@carbon/icons/lib/copy/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param update The callback function that dictates how to update the DOM with new feedback tooltip state.\n * @returns A function that shows the feedback tooltip for the given duration.\n * @private\n /\nexport const _createHandleFeedbackTooltip = (\n update: (properties: { showFeedback?: boolean }) => void\n) => {\n let timeoutId: number \| void;\n return (timeout: number) => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n update({ showFeedback: true });\n timeoutId = setTimeout(() => {\n update({ showFeedback: false });\n }, timeout) as unknown as number;\n };\n};\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param properties The properties to render.\n * @returns The template result for copy button from the given properties.\n * @private\n /\nexport const _renderButton = ({\n assistiveText,\n feedbackText,\n showFeedback = false,\n className = `${prefix}--snippet-button`,\n children = html`\n <slot>${Copy16({ class: `${prefix}--snippet__icon` })}</slot>\n `,\n handleClickButton,\n}: {\n assistiveText: string;\n feedbackText: string;\n showFeedback?: boolean;\n className?: string;\n children?: TemplateResult;\n handleClickButton: EventListener;\n}) => {\n const feedbackClasses = classMap({\n [`${prefix}--btn--copy__feedback`]: true,\n [`${prefix}--btn--copy__feedback--displayed`]: showFeedback,\n });\n return html`\n <button\n type=\"button\"\n class=\"${className}\"\n title=\"${ifDefined(assistiveText)}\"\n @click=\"${handleClickButton}\">\n ${children}\n <div\n class=\"${feedbackClasses}\"\n data-feedback=\"${ifDefined(feedbackText)}\"></div>\n </button>\n `;\n};\n\n/\n Copy button.\n \n @element bx-copy-button\n /\n@customElement(`${prefix}-copy-button`)\nclass BXCopyButton extends FocusMixin(LitElement) {\n /\n Handles showing/hiding the feedback tooltip.\n /\n private _handleFeedbackTooltip = _createHandleFeedbackTooltip(\n ({ showFeedback = false }: { showFeedback?: boolean }) => {\n this._showFeedback = showFeedback;\n this.requestUpdate();\n }\n );\n\n /\n `true` to show the feedback tooltip.\n /\n private _showFeedback = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleClickButton() {\n this._handleFeedbackTooltip(this.feedbackTimeout);\n }\n\n /\n An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.\n /\n @property({ attribute: 'button-assistive-text' })\n buttonAssistiveText = 'Copy to clipboard';\n\n /\n The feedback text.\n /\n @property({ attribute: 'feedback-text' })\n feedbackText = 'Copied!';\n\n /\n The number in milliseconds to determine how long the tooltip should remain.\n */\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n buttonAssistiveText,\n feedbackText,\n _handleClickButton: handleClickButton,\n _showFeedback: showFeedback,\n } = this;\n return _renderButton({\n assistiveText: buttonAssistiveText,\n feedbackText,\n showFeedback,\n handleClickButton,\n });\n }\n\n static styles = styles;\n}\n\nexport default BXCopyButton;\n"]}

package/es/components/copy-button/copy-button.js CHANGED Viewed

@@ -5,7 +5,7 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -13,11 +13,12 @@ let _ = t => t,
 import { classMap } from 'lit-html/directives/class-map';
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import Copy16 from "../../icons/copy/16";
 import settings from 'carbon-components/es/globals/js/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././copy-button.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/copy-button/copy-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"copy-button.js","names":["classMap","ifDefined","html","property","~~customElement","~~LitElement","Copy16","settings","FocusMixin","styles","prefix","_createHandleFeedbackTooltip","update","timeoutId","timeout","clearTimeout","undefined","showFeedback","setTimeout","_renderButton","assistiveText","feedbackText","className","children","_t","_","class","handleClickButton","feedbackClasses","_t2","BXCopyButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_showFeedback","requestUpdate","_handleClickButton","_handleFeedbackTooltip","feedbackTimeout","decorators","attribute","type","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","buttonAssistiveText","static"],"sources":["components/copy-button/copy-button.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 { classMap } from 'lit-html/directives/class-map';\nimport { TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport Copy16 from '@carbon/icons/lib/copy/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss';\n\nconst { prefix } = settings;\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param update The callback function that dictates how to update the DOM with new feedback tooltip state.\n * @returns A function that shows the feedback tooltip for the given duration.\n * @private\n /\nexport const _createHandleFeedbackTooltip = (\n update: (properties: { showFeedback?: boolean }) => void\n) => {\n let timeoutId: number \| void;\n return (timeout: number) => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n update({ showFeedback: true });\n timeoutId = setTimeout(() => {\n update({ showFeedback: false });\n }, timeout) as unknown as number;\n };\n};\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param properties The properties to render.\n * @returns The template result for copy button from the given properties.\n * @private\n /\nexport const _renderButton = ({\n assistiveText,\n feedbackText,\n showFeedback = false,\n className = `${prefix}--snippet-button`,\n children = html`\n <slot>${Copy16({ class: `${prefix}--snippet__icon` })}</slot>\n `,\n handleClickButton,\n}: {\n assistiveText: string;\n feedbackText: string;\n showFeedback?: boolean;\n className?: string;\n children?: TemplateResult;\n handleClickButton: EventListener;\n}) => {\n const feedbackClasses = classMap({\n [`${prefix}--btn--copy__feedback`]: true,\n [`${prefix}--btn--copy__feedback--displayed`]: showFeedback,\n });\n return html`\n <button\n type=\"button\"\n class=\"${className}\"\n title=\"${ifDefined(assistiveText)}\"\n @click=\"${handleClickButton}\">\n ${children}\n <div\n class=\"${feedbackClasses}\"\n data-feedback=\"${ifDefined(feedbackText)}\"></div>\n </button>\n `;\n};\n\n/\n Copy button.\n \n @element bx-copy-button\n /\n@customElement(`${prefix}-copy-button`)\nclass BXCopyButton extends FocusMixin(LitElement) {\n /\n Handles showing/hiding the feedback tooltip.\n /\n private _handleFeedbackTooltip = _createHandleFeedbackTooltip(\n ({ showFeedback = false }: { showFeedback?: boolean }) => {\n this._showFeedback = showFeedback;\n this.requestUpdate();\n }\n );\n\n /\n `true` to show the feedback tooltip.\n /\n private _showFeedback = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleClickButton() {\n this._handleFeedbackTooltip(this.feedbackTimeout);\n }\n\n /\n An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.\n /\n @property({ attribute: 'button-assistive-text' })\n buttonAssistiveText = 'Copy to clipboard';\n\n /\n The feedback text.\n /\n @property({ attribute: 'feedback-text' })\n feedbackText = 'Copied!';\n\n /\n The number in milliseconds to determine how long the tooltip should remain.\n */\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n buttonAssistiveText,\n feedbackText,\n _handleClickButton: handleClickButton,\n _showFeedback: showFeedback,\n } = this;\n return _renderButton({\n assistiveText: buttonAssistiveText,\n feedbackText,\n showFeedback,\n handleClickButton,\n });\n }\n\n static styles = styles;\n}\n\nexport default BXCopyButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AAExD,SAASC,SAAS,QAAQ,gCAAgC;AAC1D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,~~aAAa,EAAEC,~~UAAU,QAAQ,aAAa;~~AACvE~~,OAAOC,MAAM,MAAM,qBAA2B;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,wBAAoB;~~AAEvC~~,MAAM;EAAEC;AAAO,CAAC,~~GAAGH~~,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,~~MAAMI~~,4BAA4B,GACvCC,MAAwD,IACrD;EACH,IAAIC,SAAwB;EAC5B,OAAQC,OAAe,IAAK;IAC1B,IAAID,SAAS,EAAE;MACbE,YAAY,CAACF,SAAS,CAAC;MACvBA,SAAS,GAAGG,SAAS;IACvB;IACAJ,MAAM,CAAC;MAAEK,YAAY,EAAE;IAAK,CAAC,CAAC;IAC9BJ,SAAS,GAAGK,UAAU,CAAC,MAAM;MAC3BN,MAAM,CAAC;QAAEK,YAAY,EAAE;MAAM,CAAC,CAAC;IACjC,CAAC,EAAEH,OAAO,CAAsB;EAClC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,aAAa,GAAGA,CAAC;EAC5BC,aAAa;EACbC,YAAY;EACZJ,YAAY,EAAZA,aAAY,GAAG,KAAK;EACpBK,SAAS,EAATA,UAAS,GAAI,GAAEZ,MAAO,kBAAiB;EACvCa,QAAQ,EAARA,SAAQ,~~GAAGrB~~,IAAI,~~CAAAsB~~,EAAA,KAAAA,EAAA,GAAAC,CAAA,~~wBACLnB~~,MAAM,CAAC;~~IAAEoB~~,KAAK,EAAG,GAAEhB,MAAO;EAAiB,CAAC,CAAC,CACtD;EACDiB;AAQF,CAAC,KAAK;EACJ,MAAMC,eAAe,~~GAAG5B~~,QAAQ,CAAC;IAC/B,CAAE,~~GAAEU~~,MAAO,uBAAsB,GAAG,IAAI;IACxC,CAAE,GAAEA,MAAO,kCAAiC,GAAGO;EACjD,CAAC,CAAC;EACF,~~OAAOf~~,IAAI,~~CAAA2B~~,GAAA,KAAAA,GAAA,GAAAJ,CAAA,kIAGEH,UAAS,~~EACTrB~~,SAAS,~~CAACmB~~,aAAa,CAAC,EACvBO,iBAAiB,EACzBJ,SAAQ,EAECK,eAAe,~~EACP3B~~,SAAS,~~CAACoB~~,YAAY,CAAC;AAGhD,CAAC;;AAED;AACA;AACA;AACA;AACA;AAJA,IAMMS,YAAY,GAAAC,SAAA,~~EADjB3B~~,aAAa,CAAE,~~GAAEM~~,MAAO,cAAa,CAAC,aAAAsB,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkElD;EAAC;IAAAI,CAAA,EAlEKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIiB7B,4BAA4B,CAC3D,CAAC;UAAEM,YAAY,EAAZA,cAAY,GAAG;QAAkC,CAAC,KAAK;UACxD,IAAI,CAACwB,aAAa,GAAGxB,cAAY;UACjC,IAAI,CAACyB,aAAa,EAAE;QACtB,CAAC,CACF;MAAA;IAAA;MAAAJ,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKuB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAb7B;AACF;AACA;;MAQE;AACF;AACA;;MAGE;AACF;AACA;MACE,SAAAG,mBAAA,EAA6B;QAC3B,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACC,eAAe,CAAC;MACnD;;MAEA;AACF;AACA;IAFE;MAAAP,IAAA;MAAAQ,UAAA,~~GAGC3C~~,QAAQ,CAAC;~~QAAE4C~~,SAAS,EAAE;MAAwB,CAAC,CAAC;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAC3B,mBAAmB;MAAA;IAAA;MAAAF,IAAA;MAAAQ,UAAA,~~GAKxC3C~~,QAAQ,CAAC;~~QAAE4C~~,SAAS,EAAE;MAAgB,CAAC,CAAC;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAC1B,SAAS;MAAA;IAAA;MAAAF,IAAA;MAAAQ,UAAA,~~GAKvB3C~~,QAAQ,CAAC;~~QAAE6C~~,IAAI,EAAEC,MAAM;QAAEF,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAAR,GAAA;MAAAC,MAAA;QAAA,OACxC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAVtB;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAU,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZL,MAAM,CAAC,EAAAE,KAAA,GAAC,eAAe,CAACI,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAN,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAb,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,MAAM;UACJC,mBAAmB;UACnBtC,YAAY;UACZsB,kBAAkB,EAAEhB,iBAAiB;UACrCc,aAAa,EAAExB;QACjB,CAAC,GAAG,IAAI;QACR,OAAOE,aAAa,CAAC;UACnBC,aAAa,EAAEuC,mBAAmB;UAClCtC,YAAY;UACZJ,YAAY;UACZU;QACF,CAAC,CAAC;MACJ;IAAC;MAAAW,IAAA;MAAAsB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,~~OAEe/B~~,MAAM;MAAA;IAAA;EAAA;AAAA,GAjEGD,UAAU,CAACH,UAAU,CAAC;AAoEjD,~~eAAeyB~~,YAAY"}
1	+ {"version":3,"file":"copy-button.js","names":["classMap","ifDefined","html","property","LitElement","Copy16","settings","FocusMixin","styles","carbonElement","customElement","prefix","_createHandleFeedbackTooltip","update","timeoutId","timeout","clearTimeout","undefined","showFeedback","setTimeout","_renderButton","assistiveText","feedbackText","className","children","_t","_","class","handleClickButton","feedbackClasses","_t2","BXCopyButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_showFeedback","requestUpdate","_handleClickButton","_handleFeedbackTooltip","feedbackTimeout","decorators","attribute","type","Number","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","buttonAssistiveText","static"],"sources":["components/copy-button/copy-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 { classMap } from 'lit-html/directives/class-map';\nimport { TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport Copy16 from '@carbon/icons/lib/copy/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param update The callback function that dictates how to update the DOM with new feedback tooltip state.\n * @returns A function that shows the feedback tooltip for the given duration.\n * @private\n /\nexport const _createHandleFeedbackTooltip = (\n update: (properties: { showFeedback?: boolean }) => void\n) => {\n let timeoutId: number \| void;\n return (timeout: number) => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n update({ showFeedback: true });\n timeoutId = setTimeout(() => {\n update({ showFeedback: false });\n }, timeout) as unknown as number;\n };\n};\n\n/\n Note: For `<bx-code-snippet>` only. The API is subject to change/removal.\n \n @param properties The properties to render.\n * @returns The template result for copy button from the given properties.\n * @private\n /\nexport const _renderButton = ({\n assistiveText,\n feedbackText,\n showFeedback = false,\n className = `${prefix}--snippet-button`,\n children = html`\n <slot>${Copy16({ class: `${prefix}--snippet__icon` })}</slot>\n `,\n handleClickButton,\n}: {\n assistiveText: string;\n feedbackText: string;\n showFeedback?: boolean;\n className?: string;\n children?: TemplateResult;\n handleClickButton: EventListener;\n}) => {\n const feedbackClasses = classMap({\n [`${prefix}--btn--copy__feedback`]: true,\n [`${prefix}--btn--copy__feedback--displayed`]: showFeedback,\n });\n return html`\n <button\n type=\"button\"\n class=\"${className}\"\n title=\"${ifDefined(assistiveText)}\"\n @click=\"${handleClickButton}\">\n ${children}\n <div\n class=\"${feedbackClasses}\"\n data-feedback=\"${ifDefined(feedbackText)}\"></div>\n </button>\n `;\n};\n\n/\n Copy button.\n \n @element bx-copy-button\n /\n@customElement(`${prefix}-copy-button`)\nclass BXCopyButton extends FocusMixin(LitElement) {\n /\n Handles showing/hiding the feedback tooltip.\n /\n private _handleFeedbackTooltip = _createHandleFeedbackTooltip(\n ({ showFeedback = false }: { showFeedback?: boolean }) => {\n this._showFeedback = showFeedback;\n this.requestUpdate();\n }\n );\n\n /\n `true` to show the feedback tooltip.\n /\n private _showFeedback = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleClickButton() {\n this._handleFeedbackTooltip(this.feedbackTimeout);\n }\n\n /\n An assistive text for screen reader to announce, telling that the button copies the content to the clipboard.\n /\n @property({ attribute: 'button-assistive-text' })\n buttonAssistiveText = 'Copy to clipboard';\n\n /\n The feedback text.\n /\n @property({ attribute: 'feedback-text' })\n feedbackText = 'Copied!';\n\n /\n The number in milliseconds to determine how long the tooltip should remain.\n */\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n buttonAssistiveText,\n feedbackText,\n _handleClickButton: handleClickButton,\n _showFeedback: showFeedback,\n } = this;\n return _renderButton({\n assistiveText: buttonAssistiveText,\n feedbackText,\n showFeedback,\n handleClickButton,\n });\n }\n\n static styles = styles;\n}\n\nexport default BXCopyButton;\n"],"mappings":"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"}

package/es/components/data-table/table-batch-actions.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/data-table/table-batch-actions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAAiC~~,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAMxE~~;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB;;iBAC2B;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"table-batch-actions.d.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, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/\n Table batch actions.\n \n @element bx-table-batch-actions\n * @fires bx-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n /\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"]}
1	+ {"version":3,"sources":["components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAOzD;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB;;iBAC2B;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"table-batch-actions.d.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 './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Table batch actions.\n \n @element bx-table-batch-actions\n * @fires bx-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n /\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"]}

package/es/components/data-table/table-batch-actions.js CHANGED Viewed

@@ -4,15 +4,16 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import styles from "././data-table.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/data-table/table-batch-actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-batch-actions.js","names":["html","property","~~customElement","~~LitElement","settings","styles","prefix","BXTableBatchActions","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleCancel","eventClickCancel","dispatchEvent","CustomEvent","bubbles","composed","decorators","type","Boolean","reflect","attribute","count","Number","updated","changedProperties","has","setAttribute","active","render","formatSelectedItemsCount","selectedRowsCount","handleCancel","_t","_","static"],"sources":["components/data-table/table-batch-actions.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, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/\n Table batch actions.\n \n @element bx-table-batch-actions\n * @fires bx-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n /\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,~~aAAa,EAAEC,~~UAAU,QAAQ,aAAa;~~AACvE~~,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;~~AAEtC~~,MAAM;EAAEC;AAAO,CAAC,~~GAAGF~~,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,~~IAOMG~~,mBAAmB,GAAAC,SAAA,~~EADxBN~~,aAAa,CAAE,~~GAAEI~~,MAAO,sBAAqB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA/C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoE7C;EAAC;IAAAI,CAAA,EApEKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACvB;AACF;AACA;MACE,SAAAC,cAAA,EAAwB;QACtB,MAAM;UAAEC;QAAiB,CAAC,GAAG,IAAI,CAACR,WAAyC;QAC3E,IAAI,CAACS,aAAa,CAChB,IAAIC,WAAW,CAACF,gBAAgB,EAAE;UAAEG,OAAO,EAAE,IAAI;UAAEC,QAAQ,EAAE;QAAK,CAAC,CAAC,CACrE;MACH;;MAEA;AACF;AACA;IAFE;MAAAR,IAAA;MAAAS,UAAA,~~GAGCvB~~,QAAQ,CAAC;~~QAAEwB~~,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAS,UAAA,~~GAKbvB~~,QAAQ,CAAC;~~QAAE2B~~,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACJ,CAAC;UAAEY;QAAM,CAAC,KAClC,GAAEA,KAAM,QAAOA,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,GAAI,WAAU;MAAA;IAAA;MAAAd,IAAA;MAAAS,UAAA,~~GAMjDvB~~,QAAQ,CAAC;~~QAAEwB~~,IAAI,EAAEK,MAAM;QAAEF,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OACzC,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAZrB;AACF;AACA;MAKE;AACF;AACA;AACA;MAIE,SAAAc,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,QAAQ,CAAC,EAAE;UACnC,IAAI,CAACC,YAAY,CAAC,UAAU,EAAG,GAAE,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,IAAK,EAAC,CAAC;QAC7D;MACF;IAAC;MAAApB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAmB,OAAA,EAAS;QACP,MAAM;UACJC,wBAAwB;UACxBC,iBAAiB;UACjBpB,aAAa,EAAEqB;QACjB,CAAC,GAAG,IAAI;QACR,~~OAAOvC~~,IAAI,~~CAAAwC~~,EAAA,KAAAA,EAAA,GAAAC,CAAA,uSACKnC,MAAM,EACNA,MAAM,EACd+B,wBAAwB,CAAC;UAAER,KAAK,EAAES;QAAkB,CAAC,CAAC,EAG9ChC,MAAM,EAGPA,MAAM,EAASA,MAAM,EAAkBA,MAAM,EAC7CiC,YAAY;MAK7B;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAA2B,MAAA;MAAA1B,GAAA;MAAAC,KAAA,EAGA,SAAAE,iBAAA,EAA8B;QAC5B,OAAQ,GAAEb,MAAO,qCAAoC;MACvD;IAAC;MAAAS,IAAA;MAAA2B,MAAA;MAAA1B,GAAA;MAAAC,MAAA;QAAA,~~OAEeZ~~,MAAM;MAAA;IAAA;EAAA;AAAA,GAnEUF,UAAU;AAsE5C,~~eAAeI~~,mBAAmB"}
1	+ {"version":3,"file":"table-batch-actions.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableBatchActions","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleCancel","eventClickCancel","dispatchEvent","CustomEvent","bubbles","composed","decorators","type","Boolean","reflect","attribute","count","Number","updated","changedProperties","has","setAttribute","active","render","formatSelectedItemsCount","selectedRowsCount","handleCancel","_t","_","static"],"sources":["components/data-table/table-batch-actions.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 './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/\n Table batch actions.\n \n @element bx-table-batch-actions\n * @fires bx-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n /\n@customElement(`${prefix}-table-batch-actions`)\nclass BXTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this.constructor as typeof BXTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n } = this;\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__cancel\"\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </button>\n </div>\n `;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default BXTableBatchActions;\n"],"mappings":"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"}

package/es/components/data-table/table-body.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.