npm - @carbon/web-components - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.3 - Mend

@carbon/web-components 2.0.0-rc.1 → 2.0.0-rc.3

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 (723) hide show

package/es/components/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","names":["LitElement","html","property","customElement","query","classMap","ChevronDown16","WarningFilled16","WarningAltFilled16","prefix","ifDefined","FormMixin","filter","INPUT_SIZE","styles","CDSSelect","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","reflect","attribute","multiple","Number","selectedIndex","MEDIUM","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","hideLabel","inline","invalid","invalidText","labelText","placeholder","readonly","size","warn","warnText","handleInput","selectClasses","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","errorText","_t5","input","_t6","String","undefined","_t7","class","_t8","_t9","_t10","_t11","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/select/select.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\n\n/\n Select box.\n \n @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label ?? textContent)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = '';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n // eslint-disable-next-line class-methods-use-this\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n this._selectNode.value = !value ? placeholderItemValue : value;\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n inline,\n invalid,\n invalidText,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n } = this;\n\n const selectClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--inline`]: inline,\n [`${prefix}--select--invalid`]: invalid,\n [`${prefix}--select--warning`]: warn,\n [`${prefix}--select--disabled`]: disabled,\n [`${prefix}--select--readonly`]: readonly,\n });\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n invalid \|\| warn\n ? html` <div class=\"${prefix}--form-requirement\">\n ${invalid ? invalidText : warnText}\n </div>`\n : null;\n\n const input = html`\n <select\n id=\"input\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n aria-invalid=\"${String(Boolean(invalid))}\"\n aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\"\n selected>\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n ${!invalid && warn\n ? WarningAltFilled16({\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <div class=\"${selectClasses}\">\n ${!hideLabel\n ? html`<label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${labelText} </slot>\n </label>`\n : null}\n ${inline\n ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div>\n ${errorText}\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div> `}\n ${!inline && errorText ? errorText : supplementalText}\n </div>\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /\n The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSelect;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,OAAOC,eAAe,MAAM,gCAAsC;AAClE,OAAOC,kBAAkB,MAAM,qCAA2C;AAC1E,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,SAAS,QAAQ,8BAA8B;AACxD,OAAOC,SAAS,MAAM,2BAA2B;AACjD,SAASC,MAAM,QAAQ,2CAA2C;AAClE,SAASC,UAAU,QAAQ,0BAA0B;AACrD,OAAOC,MAAM,MAAM,mBAAe;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IASMC,SAAS,GAAAC,SAAA,EADdb,aAAa,CAAE,GAAEM,MAAO,SAAQ,CAAC,aAAAQ,WAAA,EAAAC,UAAA;EAAlC,MACMH,SAAS,SAAAG,UAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgb9C;EAAC;IAAAI,CAAA,EAhbKN,SAAS;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIwC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKxB,KAAIhB,MAAO,uBAAsBiB,IAAI,CAACC,MAAM,EAAE,CAC5EC,QAAQ,CAAC,EAAE,CAAC,CACZC,KAAK,CAAC,CAAC,CAAE,EAAC;MAAA;IAAA;MAAAN,IAAA;MAAAO,UAAA,GAKZ1B,KAAK,CAAC,QAAQ,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAfhB;AACF;AACA;;MAGE;AACF;AACA;;MAKE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;MACE,SAAAM,aAAqB;QAAEC;MAAc,CAAC,EAAE;QACtC,MAAM;UAAEP;QAAM,CAAC,GAAGO,MAA2B;QAC7C,IAAI,CAACP,KAAK,GAAGA,KAAK;QAClB,MAAM;UAAEQ;QAAY,CAAC,GAAG,IAAI,CAACd,WAA+B;QAC5D,IAAI,CAACe,aAAa,CAChB,IAAIC,WAAW,CAACF,WAAW,EAAE;UAC3BG,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNb;UACF;QACF,CAAC,CAAC,CACH;MACH;;MAEA;AACF;AACA;AACA;AACA;AACA;AACA;IANE;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAO0B,MAAM;UAC9B,IAAI,CAACc,aAAa,EAAE;QACtB,CAAC;MAAA;IAAA;MAAAhB,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAED;AACF;AACA;AACA;MACE,SAAAe,aAAqBC,OAAwC,EAAE;QAC7D,MAAM;UAAEC,YAAY;UAAEC;QAAiB,CAAC,GAAG,IAAI,CAC5CxB,WAA+B;QAClC;QACA;QACA;QACA,OAAOlB,IAAI,CAAA2C,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,QAAM,CA8BG;AACT,KAAI,GA/BIjC,MAAM,CACN6B,OAAO,CAACK,UAAU,EACjBC,IAAI,IACHA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,YAAY,IAClCH,IAAI,CAAaI,OAAO,CAACT,YAAY,CAAC,CAC1C,CAACU,GAAG,CAAEL,IAAI,IAAK;UACd,MAAMM,QAAQ,GAAGN,IAAI,CAACO,YAAY,CAAC,UAAU,CAAC;UAC9C,MAAMC,KAAK,GAAGR,IAAI,CAACS,YAAY,CAAC,OAAO,CAAC;UACxC,MAAMC,QAAQ,GAAGV,IAAI,CAACO,YAAY,CAAC,UAAU,CAAC;UAC9C,MAAM7B,KAAK,GAAGsB,IAAI,CAACS,YAAY,CAAC,OAAO,CAAC;UACxC,MAAM;YAAEE;UAAY,CAAC,GAAGX,IAAI;UAC5B,OAAOA,IAAI,CAACI,OAAO,CAACR,gBAAgB,CAAC,GACjC1C,IAAI,CAAA0D,GAAA,KAAAA,GAAA,GAAAd,CAAC;AACjB;AACA,yBAAuB,CAAS;AAChC,6BAA2B,CAAW;AACtC,yBAAuB,CAAkC;AACzD,6BAA2B,CAAW;AACtC,yBAAuB,CAAmB;AAC1C,kBAAgB,CAAc;AAC9B;AACA,aAAY,GAPapC,MAAM,EACF4C,QAAQ,EACZ3C,SAAS,CAAC6C,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIG,WAAW,CAAC,EAC3BD,QAAQ,EACZ/C,SAAS,CAACe,KAAK,CAAC,EACvBiC,WAAW,IAGjBzD,IAAI,CAAA2D,GAAA,KAAAA,GAAA,GAAAf,CAAC;AACjB;AACA,yBAAuB,CAAS;AAChC,6BAA2B,CAAW;AACtC,yBAAuB,CAAmB;AAC1C,kBAAgB,CAA0B;AAC1C;AACA,aAAY,GALapC,MAAM,EACF4C,QAAQ,EACZ3C,SAAS,CAAC6C,KAAK,CAAC,EACvB,IAAI,CAACf,YAAY,CAACO,IAAI,CAAC,CAE5B;QACP,CAAC,CAAC;MAEN;IAAC;MAAAxB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAoC,gBAAgBC,KAAY,EAAE;QAC5B,MAAM;UAAEC;QAAS,CAAC,GAAGD,KAAY,CAAC,CAAC;QACnC,MAAM;UAAET,QAAQ;UAAEW,IAAI;UAAEvC;QAAM,CAAC,GAAG,IAAI;QACtC,IAAI,CAAC4B,QAAQ,EAAE;UACbU,QAAQ,CAACE,MAAM,CAACD,IAAI,EAAEvC,KAAK,CAAC;QAC9B;MACF;;MAEA;AACF;AACA;AACA;IAHE;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAIA,SAAAyC,OAAA,EAAa;QACX,OAAO,IAAI,CAACC,WAAW,CAACD,MAAM;MAChC;;MAEA;AACF;AACA;IAFE;MAAA3C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA2C,QAAA,EAAc;QACZ,OAAO,IAAI,CAACD,WAAW,CAACC,OAAO;MACjC;;MAEA;AACF;AACA;IAFE;MAAA7C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA4C,KAAA,EAAW;QACT,OAAO,IAAI,CAACF,WAAW,CAACE,IAAI;MAC9B;;MAEA;AACF;AACA;IAFE;MAAA9C,IAAA;MAAAO,UAAA,GAGC5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA9C,GAAA;MAAAC,MAAA;QAAA,OAChB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKhB5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKf5B,QAAQ,CAAC;QAAEsE,SAAS,EAAE;MAAc,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKd5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEE,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKhB5B,QAAQ,EAAE;MAAAsB,GAAA;MAAAC,MAAA;QAAA,OACN,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKN5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKd5B,QAAQ,CAAC;QAAEsE,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKf5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKX5B,QAAQ,CAAC;QAAEsE,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKZ5B,QAAQ,CAAC;QAAEsE,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKb5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKb5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA9C,GAAA;MAAAC,KAAA;MA/D5B;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MACE,SAAAgD,SAAA,EAEe;QACb,OAAO,KAAK;MACd;;MAEA;AACF;AACA;IAFE;MAAAlD,IAAA;MAAAO,UAAA,GAGC5B,QAAQ,EAAE;MAAAsB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKR5B,QAAQ,EAAE;MAAAsB,GAAA;MAAAC,MAAA;QAAA,OACD,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKX5B,QAAQ,CAAC;QAAEqE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OACd,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKf5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKf5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKf5B,QAAQ,CAAC;QAAEsE,SAAS,EAAE;MAA4B,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAC3B,6BAA6B;MAAA;IAAA;MAAAF,IAAA;MAAAO,UAAA,GAKtD5B,QAAQ,CAAC;QAAEmE,IAAI,EAAEK;MAAO,CAAC,CAAC;MAAAlD,GAAA;MAAAC,KAAA;MAjC3B;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MACE,SAAAkD,cAAA,EACoB;QAClB,OAAO,IAAI,CAACR,WAAW,CAACQ,aAAa;MACvC;IAAC;MAAApD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAkD,cAAkBlD,KAAK,EAAE;QACvB,IAAI,CAAC0C,WAAW,CAACQ,aAAa,GAAGlD,KAAK;QACtC,IAAI,CAACA,KAAK,GAAG,IAAI,CAAC0C,WAAW,CAAC1C,KAAK;MACrC;;MAEA;AACF;AACA;IAFE;MAAAF,IAAA;MAAAO,UAAA,GAGC5B,QAAQ,CAAC;QAAEqE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OACrBZ,UAAU,CAAC+D,MAAM;MAAA;IAAA;MAAArD,IAAA;MAAAO,UAAA,GAKvB5B,QAAQ,CAAC;QAAEqE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA/C,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAJV;AACF;AACA;MAIE,SAAAoD,kBAAA,EAAoB;QAClBC,IAAA,CAAAC,eAAA,CAtQEhE,SAAS,CAAAiE,SAAA,8BAAAC,IAAA;QAuQX,IAAI,CAACC,iBAAiB,GAAG,IAAIC,gBAAgB,CAAC,IAAI,CAACC,eAAe,CAAC;QACnE,IAAI,CAACF,iBAAiB,CAACG,OAAO,CAAC,IAAI,EAAE;UACnCC,UAAU,EAAE,IAAI;UAChBC,SAAS,EAAE,IAAI;UACfC,OAAO,EAAE;QACX,CAAC,CAAC;MACJ;IAAC;MAAAjE,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgE,qBAAA,EAAuB;QACrB,IAAI,IAAI,CAACP,iBAAiB,EAAE;UAC1B,IAAI,CAACA,iBAAiB,CAACQ,UAAU,EAAE;UACnC,IAAI,CAACR,iBAAiB,GAAG,IAAI;QAC/B;QACAJ,IAAA,CAAAC,eAAA,CApREhE,SAAS,CAAAiE,SAAA,iCAAAC,IAAA;MAqRb;IAAC;MAAA1D,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAkE,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,OAAO,CAAC,EAAE;UAClC,MAAM;YAAEpE,KAAK;YAAEqE,qBAAqB,EAAEC;UAAqB,CAAC,GAAG,IAAI;UACnE;UACA;UACA,IAAI,CAAC5B,WAAW,CAAC1C,KAAK,GAAG,CAACA,KAAK,GAAGsE,oBAAoB,GAAGtE,KAAK;QAChE;MACF;IAAC;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAuE,OAAA,EAAS;QACP,MAAM;UACJ3C,QAAQ;UACR4C,UAAU;UACVC,SAAS;UACTC,MAAM;UACNC,OAAO;UACPC,WAAW;UACXC,SAAS;UACTC,WAAW;UACXC,QAAQ;UACRC,IAAI;UACJC,IAAI;UACJC,QAAQ;UACRlF,KAAK;UACLqE,qBAAqB,EAAEC,oBAAoB;UAC3ChE,YAAY,EAAE6E;QAChB,CAAC,GAAG,IAAI;QAER,MAAMC,aAAa,GAAGxG,QAAQ,CAAC;UAC7B,CAAE,GAAEI,MAAO,UAAS,GAAG,IAAI;UAC3B,CAAE,GAAEA,MAAO,kBAAiB,GAAG0F,MAAM;UACrC,CAAE,GAAE1F,MAAO,mBAAkB,GAAG2F,OAAO;UACvC,CAAE,GAAE3F,MAAO,mBAAkB,GAAGiG,IAAI;UACpC,CAAE,GAAEjG,MAAO,oBAAmB,GAAG4C,QAAQ;UACzC,CAAE,GAAE5C,MAAO,oBAAmB,GAAG+F;QACnC,CAAC,CAAC;QAEF,MAAMM,YAAY,GAAGzG,QAAQ,CAAC;UAC5B,CAAE,GAAEI,MAAO,gBAAe,GAAG,IAAI;UACjC,CAAE,GAAEA,MAAO,mBAAkBgG,IAAK,EAAC,GAAGA;QACxC,CAAC,CAAC;QAEF,MAAMM,YAAY,GAAG1G,QAAQ,CAAC;UAC5B,CAAE,GAAEI,MAAO,SAAQ,GAAG,IAAI;UAC1B,CAAE,GAAEA,MAAO,mBAAkB,GAAG4C;QAClC,CAAC,CAAC;QAEF,MAAM2D,iBAAiB,GAAG3G,QAAQ,CAAC;UACjC,CAAE,GAAEI,MAAO,qBAAoB,GAAG,IAAI;UACtC,CAAE,GAAEA,MAAO,+BAA8B,GAAG4C;QAC9C,CAAC,CAAC;QAEF,MAAM4D,gBAAgB,GAAGhB,UAAU,GAC/BhG,IAAI,CAAAiH,GAAA,KAAAA,GAAA,GAAArE,CAAC;AACb,wBAAsB,CAAoB;AAC1C,wCAAsC,CAAa;AACnD;AACA,SAAQ,GAHgBmE,iBAAiB,EACDf,UAAU,IAG1C,IAAI;QAER,MAAMkB,SAAS,GACbf,OAAO,IAAIM,IAAI,GACXzG,IAAI,CAAAmH,GAAA,KAAAA,GAAA,GAAAvE,CAAC,gBAAa,CAAS;AACrC,cAAY,CAAmC;AAC/C,iBAAgB,GAFcpC,MAAM,EACtB2F,OAAO,GAAGC,WAAW,GAAGM,QAAQ,IAEpC,IAAI;QAEV,MAAMU,KAAK,GAAGpH,IAAI,CAAAqH,GAAA,KAAAA,GAAA,GAAAzE,CAAC;AACvB;AACA;AACA,iBAAe,CAAe;AAC9B,qBAAmB,CAAW;AAC9B,yBAAuB,CAA4B;AACnD,wBAAsB,CAA2B;AACjD,4BAA0B,CAAmD;AAC7E,kBAAgB,CAAc;AAC9B,UAAQ,CAWM;AACd,UAAQ,CAA0B;AAClC;AACA,QAAM,CAAuD;AAC7D,QAAM,CAEkE;AACxE,QAAM,CAIS;AACf,KAAI,GA7BaiE,YAAY,EACRzD,QAAQ,EACJkE,MAAM,CAACjD,OAAO,CAACkC,QAAQ,CAAC,CAAC,EAC1Be,MAAM,CAACjD,OAAO,CAAC8B,OAAO,CAAC,CAAC,EACpB1F,SAAS,CAAC,CAAC0F,OAAO,GAAGoB,SAAS,GAAG,cAAc,CAAC,EAC1DZ,WAAW,EACnB,CAACL,WAAW,IAAI9E,KAAK,GACnB+F,SAAS,GACTvH,IAAI,CAAAwH,GAAA,KAAAA,GAAA,GAAA5E,CAAC;AACjB;AACA;AACA;AACA,yBAAuB,CAAS;AAChC,yBAAuB,CAAuB;AAC9C;AACA,kBAAgB,CAAc;AAC9B;AACA,aAAY,GALapC,MAAM,EACNsF,oBAAoB,EAE3BQ,WAAW,CAEhB,EACH,IAAI,CAAC/D,YAAY,CAAC,IAAI,CAAC,EAEzBlC,aAAa,CAAC;UAAEoH,KAAK,EAAG,GAAEjH,MAAO;QAAiB,CAAC,CAAC,EACpD,CAAC2F,OAAO,GACNoB,SAAS,GACTjH,eAAe,CAAC;UAAEmH,KAAK,EAAG,GAAEjH,MAAO;QAAwB,CAAC,CAAC,EAC/D,CAAC2F,OAAO,IAAIM,IAAI,GACdlG,kBAAkB,CAAC;UACjBkH,KAAK,EAAG,GAAEjH,MAAO,0BAAyBA,MAAO;QACnD,CAAC,CAAC,GACF,IAAI,CACT;QAED,OAAOR,IAAI,CAAA0H,GAAA,KAAAA,GAAA,GAAA9E,CAAC;AAChB,oBAAkB,CAAgB;AAClC,UAAQ,CAIS;AACjB,UAAQ,CAaa;AACrB,UAAQ,CAAsD;AAC9D;AACA,KAAI,GAtBgBgE,aAAa,EACvB,CAACX,SAAS,GACRjG,IAAI,CAAA2H,GAAA,KAAAA,GAAA,GAAA/E,CAAC,iBAAc,CAAe;AAC9C,yCAAuC,CAAY;AACnD,qBAAoB,GAFakE,YAAY,EACJT,SAAS,IAEtC,IAAI,EACNH,MAAM,GACJlG,IAAI,CAAA4H,IAAA,KAAAA,IAAA,GAAAhF,CAAC,eAAY,CAAS;AACtC;AACA,yBAAuB,CAAS;AAChC,iCAA+B,CAAU;AACzC,kBAAgB,CAAQ;AACxB;AACA,gBAAc,CAAY;AAC1B,mBAAkB,GAPapC,MAAM,EAEZA,MAAM,EACE2F,OAAO,EACtBiB,KAAK,EAEPF,SAAS,IAEblH,IAAI,CAAA6H,IAAA,KAAAA,IAAA,GAAAjF,CAAC;AACjB,uBAAqB,CAAS;AAC9B,+BAA6B,CAAU;AACvC,gBAAc,CAAQ;AACtB,oBAAmB,GAHIpC,MAAM,EACE2F,OAAO,EACtBiB,KAAK,CACD,EACV,CAAClB,MAAM,IAAIgB,SAAS,GAAGA,SAAS,GAAGF,gBAAgB;MAG3D;;MAEA;AACF;AACA;IAFE;MAAA1F,IAAA;MAAAwG,MAAA;MAAAvG,GAAA;MAAAC,KAAA,EAGA,SAAAiB,aAAA,EAA0B;QACxB,OAAQ,GAAEjC,MAAO,sBAAqBA,MAAO,cAAa;MAC5D;;MAEA;AACF;AACA;IAFE;MAAAc,IAAA;MAAAwG,MAAA;MAAAvG,GAAA;MAAAC,KAAA,EAGA,SAAAkB,iBAAA,EAA8B;QAC5B,OAAQ,GAAElC,MAAO,cAAa;MAChC;;MAEA;AACF;AACA;IAFE;MAAAc,IAAA;MAAAwG,MAAA;MAAAvG,GAAA;MAAAC,KAAA,EAGA,SAAAQ,YAAA,EAAyB;QACvB,OAAQ,GAAExB,MAAO,kBAAiB;MACpC;IAAC;MAAAc,IAAA;MAAAwG,MAAA;MAAAvG,GAAA;MAAAC,MAAA;QAAA,OAAAuG,aAAA,CAAAA,aAAA,KAGIhI,UAAU,CAACiI,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAA3G,IAAA;MAAAwG,MAAA;MAAAvG,GAAA;MAAAC,MAAA;QAAA,OAENX,MAAM;MAAA;IAAA;EAAA;AAAA,GA/aAH,SAAS,CAACX,UAAU,CAAC;AAkb7C,eAAee,SAAS"}
1	+ {"version":3,"file":"select.js","names":["LitElement","html","property","query","classMap","ChevronDown16","WarningFilled16","WarningAltFilled16","prefix","ifDefined","FormMixin","filter","INPUT_SIZE","styles","carbonElement","customElement","CDSSelect","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","reflect","attribute","multiple","Number","selectedIndex","MEDIUM","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","hideLabel","inline","invalid","invalidText","labelText","placeholder","readonly","size","warn","warnText","handleInput","selectClasses","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","errorText","_t5","input","_t6","String","undefined","_t7","class","_t8","_t9","_t10","_t11","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/select/select.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Select box.\n \n @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label ?? textContent)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = '';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n // eslint-disable-next-line class-methods-use-this\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n this._selectNode.value = !value ? placeholderItemValue : value;\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n inline,\n invalid,\n invalidText,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n } = this;\n\n const selectClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--inline`]: inline,\n [`${prefix}--select--invalid`]: invalid,\n [`${prefix}--select--warning`]: warn,\n [`${prefix}--select--disabled`]: disabled,\n [`${prefix}--select--readonly`]: readonly,\n });\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n invalid \|\| warn\n ? html` <div class=\"${prefix}--form-requirement\">\n ${invalid ? invalidText : warnText}\n </div>`\n : null;\n\n const input = html`\n <select\n id=\"input\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n aria-invalid=\"${String(Boolean(invalid))}\"\n aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\"\n selected>\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n ${!invalid && warn\n ? WarningAltFilled16({\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <div class=\"${selectClasses}\">\n ${!hideLabel\n ? html`<label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${labelText} </slot>\n </label>`\n : null}\n ${inline\n ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div>\n ${errorText}\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div> `}\n ${!inline && errorText ? errorText : supplementalText}\n </div>\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /\n The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}

package/es/components/select/select.rtl.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 1rem 0 3rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-left:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;left:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;left:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label,:host(cds-select[invalid].cds--select--inline) .cds--form__helper-text,:host(cds-select[invalid].cds--select--inline) .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-right:.5rem}.cds--select--inline .cds--label{margin:0 0 0 .5rem;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-left:2rem;padding-right:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{left:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[invalid].cds--select--inline) .cds--select-input{padding-left:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,:host(cds-select[invalid].cds--select--inline) .cds--select-input~.cds--select__invalid-icon{left:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{border-bottom-color:var(--cds-border-subtle);background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton,:host(cds-select.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover,:host(cds-select.cds--skeleton:active),:host(cds-select.cds--skeleton:focus),:host(cds-select.cds--skeleton:hover){border:none;cursor:default;outline:0}.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton::before,:host(cds-select.cds--skeleton)::before{animation:none}}.cds--select.cds--skeleton .cds--select-input,:host(cds-select.cds--skeleton) .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6);outline:0}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[inline][warn]) .cds--form__helper-text,:host(cds-select[inline][warn]) .cds--label{align-self:flex-start;margin-top:.8125rem}:host(cds-select[inline][warn]) select{padding-left:3.5rem}:host(cds-select[inline][warn]) .cds--select__invalid-icon--warning{left:2rem}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 1rem 0 2.25rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-left:1px solid var(--cds-border-subtle)}",
+  ":root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 1rem 0 3rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-left:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;left:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;left:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-right:.5rem}.cds--select--inline .cds--label{margin:0 0 0 .5rem;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-left:2rem;padding-right:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{left:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input{padding-left:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon{left:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{border-bottom-color:var(--cds-border-subtle);background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--select.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton::before{animation:none}}.cds--select.cds--skeleton .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){outline:0}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[inline][warn]) .cds--form__helper-text,:host(cds-select[inline][warn]) .cds--label{align-self:flex-start;margin-top:.8125rem}:host(cds-select[inline][warn]) select{padding-left:3.5rem}:host(cds-select[inline][warn]) .cds--select__invalid-icon--warning{left:2rem}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 1rem 0 2.25rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-left:1px solid var(--cds-border-subtle)}",
 ]);

package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { ~~customElement } from 'lit/decorators.js';\nimport {~~ prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/\n Skeleton placeholder.\n \n @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n render() {\n return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"]}
1	+ {"version":3,"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton placeholder.\n \n @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n render() {\n return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"]}

package/es/components/skeleton-placeholder/skeleton-placeholder.js CHANGED Viewed

@@ -11,19 +11,15 @@ let _ = t => t,
  */
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import styles from "././skeleton-placeholder.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 /**
  * Skeleton placeholder.
  *
  * @element cds-skeleton-placeholder
- */ /**
-     * Skeleton placeholder.
-     *
-     * @element cds-skeleton-placeholder
-     */
+ */
 let CDSSkeletonPlaceholder = _decorate([customElement(`${prefix}-skeleton-placeholder`)], function (_initialize, _LitElement) {
   class CDSSkeletonPlaceholder extends _LitElement {
     constructor(...args) {

package/es/components/skeleton-placeholder/skeleton-placeholder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-placeholder.js","names":["LitElement","html","~~customElement~~","~~prefix~~","~~styles~~","CDSSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { ~~customElement } from 'lit/decorators.js';\nimport {~~ prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\n\n/\n Skeleton placeholder.\n \n @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n render() {\n return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,~~aAAa,QAAQ,mBAAmB;AACjD,SAASC,~~MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iCAA6B~~;;AAEhD~~;~~AACA;AACA;AACA;AACA~~,~~GAJA~~;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,~~EAD3BJ~~,aAAa,CAAE,~~GAAEC~~,MAAO,uBAAsB,CAAC,~~aAAAI~~,WAAA,EAAAC,WAAA;EAAhD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMhD;EAAC;IAAAI,CAAA,EANKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC1B,SAAAC,OAAA,EAAS;QACP,~~OAAOf~~,IAAI,~~CAAAgB~~,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAS,kCAAgC,~~GAAvCf~~,MAAM;MACnC;IAAC;~~MAAAU~~,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,~~OAEeX~~,MAAM;MAAA;IAAA;EAAA;AAAA,~~GALaJ~~,UAAU;AAQ/C,~~eAAeK~~,sBAAsB"}
1	+ {"version":3,"file":"skeleton-placeholder.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton placeholder.\n \n @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n render() {\n return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,iCAA6B;AAChD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAE,GAAEH,MAAO,uBAAsB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAhD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMhD;EAAC;IAAAI,CAAA,EANKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC1B,SAAAC,OAAA,EAAS;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAS,kCAAgC,GAAvCjB,MAAM;MACnC;IAAC;MAAAY,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GALaH,UAAU;AAQ/C,eAAeM,sBAAsB"}

package/es/components/skeleton-text/skeleton-text.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/skeleton-text/skeleton-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;~~AAG5C~~,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAO9B;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IAEH,KAAK,SAAU;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,SAAK;IAEd,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"skeleton-text.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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, ~~customElement~~ } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n return Math.floor(randoms[n % 3] (max - min + 1)) + min;\n}\n\n/*\n Skeleton text.\n \n @element cds-skeleton-text\n /\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n /\n The type of skeleton text.\n /\n @property({ reflect: true })\n type = SKELETON_TEXT_TYPE.REGULAR;\n\n /\n width (in px or %) of single line of text or max-width of paragraph lines\n /\n @property({ reflect: true })\n width = '100%';\n\n /\n will generate multiple lines of text\n /\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /\n the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { paragraph, lineCount, type, width } = this;\n const classes = classMap({\n [`${prefix}--skeleton__text`]: true,\n [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n });\n if (paragraph) {\n const widthNum = parseInt(this.width, 10);\n const widthPx = this.width.includes('px');\n const widthPercent = this.width.includes('%');\n const lines = Array.apply(null, Array(lineCount));\n return html`${lines.map((_, i) => {\n const randomWidth =\n (widthPercent && `${getRandomInt(0, 75, i)}px`) \|\|\n (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n const style =\n (widthPercent && `width: calc(${width} - ${randomWidth})`) \|\|\n (widthPx && `width: ${randomWidth}`) \|\|\n '';\n return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n })}`;\n }\n\n return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"]}
1	+ {"version":3,"sources":["components/skeleton-text/skeleton-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAO9B;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IAEH,KAAK,SAAU;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,SAAK;IAEd,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"skeleton-text.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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n return Math.floor(randoms[n % 3] (max - min + 1)) + min;\n}\n\n/*\n Skeleton text.\n \n @element cds-skeleton-text\n /\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n /\n The type of skeleton text.\n /\n @property({ reflect: true })\n type = SKELETON_TEXT_TYPE.REGULAR;\n\n /\n width (in px or %) of single line of text or max-width of paragraph lines\n /\n @property({ reflect: true })\n width = '100%';\n\n /\n will generate multiple lines of text\n /\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /\n the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { paragraph, lineCount, type, width } = this;\n const classes = classMap({\n [`${prefix}--skeleton__text`]: true,\n [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n });\n if (paragraph) {\n const widthNum = parseInt(this.width, 10);\n const widthPx = this.width.includes('px');\n const widthPercent = this.width.includes('%');\n const lines = Array.apply(null, Array(lineCount));\n return html`${lines.map((_, i) => {\n const randomWidth =\n (widthPercent && `${getRandomInt(0, 75, i)}px`) \|\|\n (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n const style =\n (widthPercent && `width: calc(${width} - ${randomWidth})`) \|\|\n (widthPx && `width: ${randomWidth}`) \|\|\n '';\n return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n })}`;\n }\n\n return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"]}

package/es/components/skeleton-text/skeleton-text.js CHANGED Viewed

@@ -14,10 +14,11 @@ let _2 = t => t,
 import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { SKELETON_TEXT_TYPE } from './defs';
 import styles from "././skeleton-text.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { SKELETON_TEXT_TYPE };
 function getRandomInt(min, max, n) {
   const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];

package/es/components/skeleton-text/skeleton-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-text.js","names":["classMap","LitElement","html","property","~~customElement","~~prefix","SKELETON_TEXT_TYPE","styles","getRandomInt","min","max","n","randoms","Math","floor","CDSSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","Number","render","paragraph","lineCount","width","classes","HEADING","widthNum","parseInt","widthPx","includes","widthPercent","lines","Array","apply","_t","_2","map","_","i","randomWidth","style","_t2","_t3","static"],"sources":["components/skeleton-text/skeleton-text.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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, ~~customElement~~ } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n return Math.floor(randoms[n % 3] (max - min + 1)) + min;\n}\n\n/*\n Skeleton text.\n \n @element cds-skeleton-text\n /\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n /\n The type of skeleton text.\n /\n @property({ reflect: true })\n type = SKELETON_TEXT_TYPE.REGULAR;\n\n /\n width (in px or %) of single line of text or max-width of paragraph lines\n /\n @property({ reflect: true })\n width = '100%';\n\n /\n will generate multiple lines of text\n /\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /\n the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { paragraph, lineCount, type, width } = this;\n const classes = classMap({\n [`${prefix}--skeleton__text`]: true,\n [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n });\n if (paragraph) {\n const widthNum = parseInt(this.width, 10);\n const widthPx = this.width.includes('px');\n const widthPercent = this.width.includes('%');\n const lines = Array.apply(null, Array(lineCount));\n return html`${lines.map((_, i) => {\n const randomWidth =\n (widthPercent && `${getRandomInt(0, 75, i)}px`) \|\|\n (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n const style =\n (widthPercent && `width: calc(${width} - ${randomWidth})`) \|\|\n (widthPx && `width: ${randomWidth}`) \|\|\n '';\n return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n })}`;\n }\n\n return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,~~EAAEC,aAAa,~~QAAQ,mBAAmB;~~AAC3D~~,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,0BAAsB;~~AAEzC~~,~~SAASD~~,kBAAkB;AAE3B,~~SAASE~~,YAAYA,CAACC,GAAW,EAAEC,GAAW,EAAEC,CAAS,EAAE;EACzD,MAAMC,OAAO,GAAG,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;EAC5E,OAAOC,IAAI,CAACC,KAAK,CAACF,OAAO,CAACD,CAAC,GAAG,CAAC,CAAC,IAAID,GAAG,GAAGD,GAAG,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAMMM,eAAe,GAAAC,SAAA,~~EADpBZ~~,aAAa,CAAE,~~GAAEC~~,MAAO,gBAAe,CAAC,~~aAAAY~~,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDzC;EAAC;IAAAI,CAAA,EApDKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,~~GAIlBrB~~,QAAQ,CAAC;~~QAAEsB~~,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,~~OACrBrB~~,kBAAkB,~~CAACsB~~,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,~~GAKhCrB~~,QAAQ,CAAC;~~QAAEsB~~,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,MAAM;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,~~GAKbrB~~,QAAQ,CAAC;~~QAAE0B~~,IAAI,EAAEC,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC/B,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,~~GAKhBrB~~,QAAQ,CAAC;~~QAAE0B~~,IAAI,EAAEE,MAAM;QAAEN,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC9B,CAAC;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAtBb;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,SAAS;UAAEL,IAAI;UAAEM;QAAM,CAAC,GAAG,IAAI;QAClD,MAAMC,OAAO,~~GAAGpC~~,QAAQ,CAAC;UACvB,CAAE,~~GAAEK~~,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,qBAAoB,~~GAAGwB~~,IAAI,~~KAAKvB~~,kBAAkB,~~CAAC+B~~;QAChE,CAAC,CAAC;QACF,IAAIJ,SAAS,EAAE;UACb,MAAMK,QAAQ,GAAGC,QAAQ,CAAC,IAAI,CAACJ,KAAK,EAAE,EAAE,CAAC;UACzC,MAAMK,OAAO,GAAG,IAAI,CAACL,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC;UACzC,MAAMC,YAAY,GAAG,IAAI,CAACP,KAAK,CAACM,QAAQ,CAAC,GAAG,CAAC;UAC7C,MAAME,KAAK,GAAGC,KAAK,CAACC,KAAK,CAAC,IAAI,EAAED,KAAK,CAACV,SAAS,CAAC,CAAC;UACjD,~~OAAOhC~~,IAAI,~~CAAA4C~~,EAAA,KAAAA,EAAA,GAAAC,EAAC,IAST,KATWJ,KAAK,CAACK,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;YAChC,MAAMC,WAAW,GACdT,YAAY,IAAK,GAAElC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE0C,CAAC,CAAE,IAAG,IAC7CV,OAAO,IAAK,GAAEhC,YAAY,CAAC,CAAC,EAAE8B,QAAQ,EAAEY,CAAC,CAAE,IAAI;YAClD,MAAME,KAAK,GACRV,YAAY,IAAK,eAAcP,KAAM,MAAKgB,WAAY,GAAE,IACxDX,OAAO,IAAK,UAASW,WAAY,EAAE,IACpC,EAAE;YACJ,~~OAAOjD~~,IAAI,~~CAAAmD~~,GAAA,KAAAA,GAAA,GAAAN,EAAC,aAAU,CAAU,YAAS,CAAQ,QAAM,GAA/BX,OAAO,EAAYgB,KAAK;UAClD,CAAC,CAAC;QACJ;QAEA,~~OAAOlD~~,IAAI,~~CAAAoD~~,GAAA,KAAAA,GAAA,GAAAP,EAAC,aAAU,CAAU,kBAAe,CAAQ,QAAM,GAArCX,OAAO,EAAkBD,KAAK;MACxD;IAAC;MAAAZ,IAAA;MAAAgC,MAAA;MAAA7B,GAAA;MAAAC,MAAA;QAAA,~~OAEepB~~,MAAM;MAAA;IAAA;EAAA;AAAA,~~GAnDMN~~,UAAU;AAsDxC,~~eAAec~~,eAAe"}
1	+ {"version":3,"file":"skeleton-text.js","names":["classMap","LitElement","html","property","prefix","SKELETON_TEXT_TYPE","styles","carbonElement","customElement","getRandomInt","min","max","n","randoms","Math","floor","CDSSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","Number","render","paragraph","lineCount","width","classes","HEADING","widthNum","parseInt","widthPx","includes","widthPercent","lines","Array","apply","_t","_2","map","_","i","randomWidth","style","_t2","_t3","static"],"sources":["components/skeleton-text/skeleton-text.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/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n return Math.floor(randoms[n % 3] (max - min + 1)) + min;\n}\n\n/*\n Skeleton text.\n \n @element cds-skeleton-text\n /\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n /\n The type of skeleton text.\n /\n @property({ reflect: true })\n type = SKELETON_TEXT_TYPE.REGULAR;\n\n /\n width (in px or %) of single line of text or max-width of paragraph lines\n /\n @property({ reflect: true })\n width = '100%';\n\n /\n will generate multiple lines of text\n /\n @property({ type: Boolean, reflect: true })\n paragraph = false;\n\n /\n the number of lines in a paragraph\n */\n @property({ type: Number, reflect: true })\n lineCount = 3;\n\n render() {\n const { paragraph, lineCount, type, width } = this;\n const classes = classMap({\n [`${prefix}--skeleton__text`]: true,\n [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n });\n if (paragraph) {\n const widthNum = parseInt(this.width, 10);\n const widthPx = this.width.includes('px');\n const widthPercent = this.width.includes('%');\n const lines = Array.apply(null, Array(lineCount));\n return html`${lines.map((_, i) => {\n const randomWidth =\n (widthPercent && `${getRandomInt(0, 75, i)}px`) \|\|\n (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n const style =\n (widthPercent && `width: calc(${width} - ${randomWidth})`) \|\|\n (widthPx && `width: ${randomWidth}`) \|\|\n '';\n return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n })}`;\n }\n\n return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"],"mappings":"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"}

package/es/components/skip-to-content/skip-to-content.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--header{position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header__action{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav{position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav{display:block}}.cds--header__nav::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{display:flex;height:100%;padding:0;margin:0;list-style:none}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:3px;background-color:var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{top:-2px;left:-2px;width:3px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{top:-2px;left:-2px;width:5px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu{position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}:host(cds-skip-to-content){display:block}',
+  ':root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip .cds--popover .cds--popover-caret{display:none}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );--temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );--temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);-webkit-padding-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;-webkit-padding-before:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-width:1rem;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--header{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:fixed;z-index:8000;top:0;right:0;left:0;display:flex;height:3rem;align-items:center;border-bottom:1px solid var(--cds-border-subtle);background-color:var(--cds-background,#fff)}.cds--header *,.cds--header ::after,.cds--header ::before{box-sizing:inherit}.cds--header__action{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:inline-flex;width:3rem;height:3rem;border:.0625rem solid transparent;transition:background-color 110ms,border-color 110ms}.cds--header__action *,.cds--header__action ::after,.cds--header__action ::before{box-sizing:inherit}.cds--header__action::-moz-focus-inner{border:0}@media (max-width:41.98rem){.cds--header__action{min-width:3rem}}.cds--header__global .cds--popover{z-index:8001}.cds--header__action>:first-child{-webkit-margin-before:0;margin-block-start:0}.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon,.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon{display:none}.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon{display:inline}.cds--header__action:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--header__action--active{border-right:1px solid var(--cds-border-subtle);border-bottom:1px solid transparent;border-left:1px solid var(--cds-border-subtle);background:var(--cds-layer)}.cds--header__action--active>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__action:focus{border-color:var(--cds-focus,#0f62fe);outline:0}.cds--header__action:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--header__action.cds--btn--icon-only{align-items:center;justify-content:center}.cds--btn.cds--btn--icon-only.cds--header__action svg{fill:var(--cds-icon-secondary,#525252)}.cds--btn.cds--btn--icon-only.cds--header__action--active svg,.cds--btn.cds--btn--icon-only.cds--header__action:active svg,.cds--btn.cds--btn--icon-only.cds--header__action:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-trigger:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-toggle{display:flex;align-items:center;justify-content:center}@media (min-width:66rem){.cds--header__menu-toggle__hidden{display:none}}a.cds--header__name{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;height:100%;align-items:center;padding:0 2rem 0 1rem;border:.125rem solid transparent;font-weight:600;letter-spacing:.1px;line-height:1.25rem;outline:0;text-decoration:none;transition:border-color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:41.98rem){a.cds--header__name{padding:0 1rem}}a.cds--header__name:focus{border-color:var(--cds-focus,#0f62fe)}.cds--header__name--prefix{font-weight:400}a.cds--header__name,a.cds--header__name:hover{color:var(--cds-text-primary,#161616)}.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name{padding-left:.5rem}.cds--header__nav{position:relative;display:none;height:100%;padding-left:1rem}@media (min-width:66rem){.cds--header__nav{display:block}}.cds--header__nav::before{position:absolute;top:50%;left:0;display:block;width:.0625rem;height:1.5rem;background-color:var(--cds-border-subtle);content:"";transform:translateY(-50%)}.cds--header__menu-bar{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:flex;height:100%;padding:0;margin:0;list-style:none}.cds--header__menu-bar *,.cds--header__menu-bar ::after,.cds--header__menu-bar ::before{box-sizing:inherit}a.cds--header__menu-item{position:relative;display:flex;height:100%;align-items:center;padding:0 1rem;border:2px solid transparent;background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.125rem;text-decoration:none;transition:background-color 110ms,border-color 110ms,color 110ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.cds--header__menu-item:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12));color:var(--cds-text-primary,#161616)}.cds--header__action:active,a.cds--header__menu-item:active{background-color:var(--cds-background-active,rgba(141,141,141,.5));color:var(--cds-text-primary,#161616)}a.cds--header__menu-item:focus{border-color:var(--cds-focus,#0f62fe);outline:0}a.cds--header__menu-item:active>svg,a.cds--header__menu-item:hover>svg{fill:var(--cds-icon-primary,#161616)}.cds--header__menu-item--current,a.cds--header__menu-item[aria-current=page]{color:var(--cds-text-primary,#161616)}.cds--header__menu-item--current::after,a.cds--header__menu-item[aria-current=page]::after{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:3px;background-color:var(--cds-border-interactive,#0f62fe);content:""}.cds--header__menu-item--current:focus::after,a.cds--header__menu-item[aria-current=page]:focus::after{border:0}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after{top:-2px;left:-2px;width:3px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after,.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after{top:-2px;left:-2px;width:5px;height:calc(100% + 4px);background-color:var(--cds-border-interactive,#0f62fe)}a.cds--header__menu-item.cds--header__menu-item--current:focus,a.cds--header__menu-item[aria-current=page]:focus{border:2px solid var(--cds-focus,#0f62fe)}.cds--header__submenu{position:relative}.cds--header__menu-title[aria-haspopup=true]{position:relative}.cds--header__menu-title[aria-expanded=true]{z-index:8002;background-color:var(--cds-layer);color:var(--cds-text-secondary,#525252)}.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow{transform:rotate(180deg)}.cds--header__menu{display:none;padding:0;margin:0;list-style:none}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu{position:absolute;z-index:8001;bottom:0;left:0;display:flex;width:12.5rem;flex-direction:column;background-color:var(--cds-layer);box-shadow:0 4px 8px 0 rgba(0,0,0,.5);transform:translateY(100%)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item{background-color:var(--cds-layer)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active{background-color:var(--cds-layer-active);color:var(--cds-text-primary,#161616)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current{background-color:var(--cds-layer-selected)}.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds--header__menu .cds--header__menu-item{height:3rem}.cds--header__menu-arrow{margin-left:.5rem;fill:var(--cds-icon-secondary,#525252);transition:transform 110ms,fill 110ms}.cds--header__global{display:flex;height:100%;flex:1 1 0%;justify-content:flex-end}.cds--skip-to-content{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--skip-to-content:focus{z-index:9999;top:0;left:0;display:flex;width:auto;height:3rem;align-items:center;padding:0 1rem;border:4px solid var(--cds-focus,#0f62fe);background-color:var(--cds-background,#fff);clip:auto;color:var(--cds-text-secondary,#525252);outline:0}:host(cds-skip-to-content){display:block}',
 ]);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/skip-to-content/skip-to-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOvC~~;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,kBAAkB,SAA0B;IAE5C;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAOjB,MAAM;IASN,OAAO,CAAC,iBAAiB,KAAA;IAOzB,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"skip-to-content.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, ~~customElement~~ } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\n\n/\n Skip-to-content link.\n \n @element cds-skip-to-content\n /\n@customElement(`${prefix}-skip-to-content`)\nclass CDSSkipToContent extends FocusMixin(LitElement) {\n /\n The assistive text for the link,\n /\n @property({ attribute: 'link-assistive-text' })\n linkAssisstiveText = 'Skip to main content';\n\n /\n The skip link href.\n */\n @property()\n href?: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n const { linkAssisstiveText } = this;\n return html`\n <a class=\"${prefix}--skip-to-content\" href=\"${ifDefined(this.href)}\"\n ><slot>${linkAssisstiveText}</slot></a\n >\n `;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('linkAssisstiveText')) {\n const { linkAssisstiveText } = this;\n this.setAttribute('aria-label', linkAssisstiveText);\n }\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSkipToContent;\n"]}
1	+ {"version":3,"sources":["components/skip-to-content/skip-to-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQvC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,kBAAkB,SAA0B;IAE5C;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAOjB,MAAM;IASN,OAAO,CAAC,iBAAiB,KAAA;IAOzB,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"skip-to-content.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skip-to-content link.\n \n @element cds-skip-to-content\n /\n@customElement(`${prefix}-skip-to-content`)\nclass CDSSkipToContent extends FocusMixin(LitElement) {\n /\n The assistive text for the link,\n /\n @property({ attribute: 'link-assistive-text' })\n linkAssisstiveText = 'Skip to main content';\n\n /\n The skip link href.\n */\n @property()\n href?: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n const { linkAssisstiveText } = this;\n return html`\n <a class=\"${prefix}--skip-to-content\" href=\"${ifDefined(this.href)}\"\n ><slot>${linkAssisstiveText}</slot></a\n >\n `;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('linkAssisstiveText')) {\n const { linkAssisstiveText } = this;\n this.setAttribute('aria-label', linkAssisstiveText);\n }\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSkipToContent;\n"]}

package/es/components/skip-to-content/skip-to-content.js CHANGED Viewed

@@ -14,21 +14,18 @@ let _ = t => t,
  */
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././skip-to-content.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 /**
  * Skip-to-content link.
  *
  * @element cds-skip-to-content
- */ /**
-     * Skip-to-content link.
-     *
-     * @element cds-skip-to-content
-     */
+ */
 let CDSSkipToContent = _decorate([customElement(`${prefix}-skip-to-content`)], function (_initialize, _FocusMixin) {
   class CDSSkipToContent extends _FocusMixin {
     constructor(...args) {

package/es/components/skip-to-content/skip-to-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skip-to-content.js","names":["LitElement","html","property","~~customElement","~~prefix","ifDefined","FocusMixin","styles","CDSSkipToContent","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","linkAssisstiveText","_t","_","href","updated","changedProperties","has","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/skip-to-content/skip-to-content.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, ~~customElement~~ } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\n\n/\n Skip-to-content link.\n \n @element cds-skip-to-content\n /\n@customElement(`${prefix}-skip-to-content`)\nclass CDSSkipToContent extends FocusMixin(LitElement) {\n /\n The assistive text for the link,\n /\n @property({ attribute: 'link-assistive-text' })\n linkAssisstiveText = 'Skip to main content';\n\n /\n The skip link href.\n */\n @property()\n href?: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n const { linkAssisstiveText } = this;\n return html`\n <a class=\"${prefix}--skip-to-content\" href=\"${ifDefined(this.href)}\"\n ><slot>${linkAssisstiveText}</slot></a\n >\n `;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('linkAssisstiveText')) {\n const { linkAssisstiveText } = this;\n this.setAttribute('aria-label', linkAssisstiveText);\n }\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSkipToContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,~~EAAEC,aAAa,~~QAAQ,mBAAmB;~~AAC3D~~,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,SAAS,QAAQ,8BAA8B;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,4BAAwB~~;;AAE3C~~;~~AACA;AACA;AACA;AACA~~,~~GAJA~~;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,GAAAC,SAAA,~~EADrBN~~,aAAa,CAAE,~~GAAEC~~,MAAO,kBAAiB,CAAC,~~aAAAM~~,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyCtD;EAAC;IAAAI,CAAA,EAzCKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,~~GAInBf~~,QAAQ,CAAC;~~QAAEgB~~,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,sBAAsB;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,~~GAK1Cf~~,QAAQ,~~EAAE~~;~~MAAAiB~~,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAjBEjB,gBAAgB,CAAAkB,SAAA,8BAAAC,IAAA;MAkBpB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAmB,CAAC,GAAG,IAAI;QACnC,~~OAAO5B~~,IAAI,~~CAAA6B~~,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,kBAAgB,CAAS,4BAAyB,CAAuB;AACzE,iBAAe,CAAqB;AACpC;AACA,KAAI,~~GAHc3B~~,MAAM,EAA4BC,SAAS,CAAC,IAAI,~~CAAC2B~~,IAAI,CAAC,EACvDH,kBAAkB;MAGjC;IAAC;MAAAb,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,oBAAoB,CAAC,EAAE;UAC/C,MAAM;YAAEN;UAAmB,CAAC,GAAG,IAAI;UACnC,IAAI,CAACN,YAAY,CAAC,YAAY,EAAEM,kBAAkB,CAAC;QACrD;MACF;IAAC;MAAAb,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAAAiB,aAAA,CAAAA,aAAA,~~KAGIrC~~,UAAU,~~CAACsC~~,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAvB,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,~~OAENb~~,MAAM;MAAA;IAAA;EAAA;AAAA,GAxCOD,UAAU,~~CAACN~~,UAAU,CAAC;AA2CrD,~~eAAeQ~~,gBAAgB"}
1	+ {"version":3,"file":"skip-to-content.js","names":["LitElement","html","property","prefix","ifDefined","FocusMixin","styles","carbonElement","customElement","CDSSkipToContent","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","linkAssisstiveText","_t","_","href","updated","changedProperties","has","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/skip-to-content/skip-to-content.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skip-to-content link.\n \n @element cds-skip-to-content\n /\n@customElement(`${prefix}-skip-to-content`)\nclass CDSSkipToContent extends FocusMixin(LitElement) {\n /\n The assistive text for the link,\n /\n @property({ attribute: 'link-assistive-text' })\n linkAssisstiveText = 'Skip to main content';\n\n /\n The skip link href.\n */\n @property()\n href?: string;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'navigation');\n }\n super.connectedCallback();\n }\n\n render() {\n const { linkAssisstiveText } = this;\n return html`\n <a class=\"${prefix}--skip-to-content\" href=\"${ifDefined(this.href)}\"\n ><slot>${linkAssisstiveText}</slot></a\n >\n `;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('linkAssisstiveText')) {\n const { linkAssisstiveText } = this;\n this.setAttribute('aria-label', linkAssisstiveText);\n }\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSkipToContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,SAAS,QAAQ,8BAA8B;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,4BAAwB;AAC3C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,GAAAC,SAAA,EADrBF,aAAa,CAAE,GAAEL,MAAO,kBAAiB,CAAC,aAAAQ,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyCtD;EAAC;IAAAI,CAAA,EAzCKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBhB,QAAQ,CAAC;QAAEiB,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,sBAAsB;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAK1ChB,QAAQ,CAAC,CAAC;MAAAkB,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAjBEjB,gBAAgB,CAAAkB,SAAA,8BAAAC,IAAA;MAkBpB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAmB,CAAC,GAAG,IAAI;QACnC,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,kBAAgB,CAAS,4BAAyB,CAAuB;AACzE,iBAAe,CAAqB;AACpC;AACA,KAAI,GAHc7B,MAAM,EAA4BC,SAAS,CAAC,IAAI,CAAC6B,IAAI,CAAC,EACvDH,kBAAkB;MAGjC;IAAC;MAAAb,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,oBAAoB,CAAC,EAAE;UAC/C,MAAM;YAAEN;UAAmB,CAAC,GAAG,IAAI;UACnC,IAAI,CAACN,YAAY,CAAC,YAAY,EAAEM,kBAAkB,CAAC;QACrD;MACF;IAAC;MAAAb,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAAAiB,aAAA,CAAAA,aAAA,KAGItC,UAAU,CAACuC,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAvB,IAAA;MAAAoB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAENf,MAAM;MAAA;IAAA;EAAA;AAAA,GAxCOD,UAAU,CAACL,UAAU,CAAC;AA2CrD,eAAeS,gBAAgB"}