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

package/es/components/progress-indicator/progress-step.js

@@ -10,13 +10,13 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, svg, property, customElement, LitElement } from 'lit-element';
+import { html, svg, property, LitElement } from 'lit-element';
 import CheckmarkOutline16 from "../../icons/checkmark--outline/16";
 import Warning16 from "../../icons/warning/16";
 import settings from 'carbon-components/es/globals/js/settings';
@@ -24,6 +24,7 @@ import spread from '../../globals/directives/spread';
 import FocusMixin from '../../globals/mixins/focus';
 import { PROGRESS_STEP_STAT } from './defs';
 import styles from "././progress-indicator.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { PROGRESS_STEP_STAT };
 const {
   prefix

package/es/components/progress-indicator/progress-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-step.js","names":["html","svg","property","customElement","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, customElement, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.QUEUED]: ({\n    children,\n    attrs = {},\n  }: {\n    children?: SVGTemplateResult;\n    attrs?: { [key: string]: string };\n  } = {}) =>\n    svg`\n      <svg ...=\"${spread(attrs)}\">\n        ${children}\n        <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n      </svg>\n    `,\n  [PROGRESS_STEP_STAT.CURRENT]: ({\n    children,\n    attrs = {},\n  }: {\n    children?: SVGTemplateResult;\n    attrs?: { [key: string]: string };\n  } = {}) =>\n    svg`\n      <svg ...=\"${spread(attrs)}\">\n        ${children}\n        <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n      </svg>\n    `,\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.QUEUED;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const { iconLabel, labelText, secondaryLabelText, state } = this;\n    return html`\n      ${icons[state]({\n        class: {\n          [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n        }[state],\n        children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n      })}\n      <slot>\n        <p\n          role=\"button\"\n          class=\"${prefix}--progress-label\"\n          tabindex=\"0\"\n          aria-describedby=\"label-tooltip\">\n          ${labelText}\n        </p>\n      </slot>\n      <slot name=\"secondary-label-text\">\n        ${!secondaryLabelText\n          ? undefined\n          : html`\n              <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n            `}\n      </slot>\n      <span class=\"${prefix}--progress-line\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":"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"}
+{"version":3,"file":"progress-step.js","names":["html","svg","property","LitElement","CheckmarkOutline16","Warning16","settings","spread","FocusMixin","PROGRESS_STEP_STAT","styles","carbonElement","customElement","prefix","icons","QUEUED","children","attrs","_t","_","CURRENT","_t2","COMPLETE","INVALID","BXProgressStep","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","String","disabled","render","iconLabel","labelText","secondaryLabelText","state","_t3","class","undefined","_t4","_t5","static"],"sources":["components/progress-indicator/progress-step.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 { SVGTemplateResult } from 'lit-html';\nimport { html, svg, property, LitElement } from 'lit-element';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport spread from '../../globals/directives/spread';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\nconst { prefix } = settings;\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.QUEUED]: ({\n    children,\n    attrs = {},\n  }: {\n    children?: SVGTemplateResult;\n    attrs?: { [key: string]: string };\n  } = {}) =>\n    svg`\n      <svg ...=\"${spread(attrs)}\">\n        ${children}\n        <path d=\"M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\" />\n      </svg>\n    `,\n  [PROGRESS_STEP_STAT.CURRENT]: ({\n    children,\n    attrs = {},\n  }: {\n    children?: SVGTemplateResult;\n    attrs?: { [key: string]: string };\n  } = {}) =>\n    svg`\n      <svg ...=\"${spread(attrs)}\">\n        ${children}\n        <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n      </svg>\n    `,\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n};\n\n/**\n * Progress step.\n *\n * @element bx-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nclass BXProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.QUEUED;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const { iconLabel, labelText, secondaryLabelText, state } = this;\n    return html`\n      ${icons[state]({\n        class: {\n          [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n        }[state],\n        children: !iconLabel ? undefined : svg`<title>${iconLabel}</title>`,\n      })}\n      <slot>\n        <p\n          role=\"button\"\n          class=\"${prefix}--progress-label\"\n          tabindex=\"0\"\n          aria-describedby=\"label-tooltip\">\n          ${labelText}\n        </p>\n      </slot>\n      <slot name=\"secondary-label-text\">\n        ${!secondaryLabelText\n          ? undefined\n          : html`\n              <p class=\"${prefix}--progress-optional\">${secondaryLabelText}</p>\n            `}\n      </slot>\n      <span class=\"${prefix}--progress-line\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXProgressStep;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,kBAAkB,MAAM,mCAAyC;AACxE,OAAOC,SAAS,MAAM,wBAA8B;AACpD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iCAAiC;AACpD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,+BAA2B;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,kBAAkB;AAE3B,MAAM;EAAEI;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA,MAAMQ,KAAK,GAAG;EACZ,CAACL,kBAAkB,CAACM,MAAM,GAAG,CAAC;IAC5BC,QAAQ;IACRC,KAAK,EAALA,MAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJhB,GAAG,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcZ,MAAM,CAACU,MAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACP,kBAAkB,CAACW,OAAO,GAAG,CAAC;IAC7BJ,QAAQ;IACRC,KAAK,EAALA,OAAK,GAAG,CAAC;EAIX,CAAC,GAAG,CAAC,CAAC,KACJhB,GAAG,CAAAoB,GAAA,KAAAA,GAAA,GAAAF,CAAC;AACR,kBAAgB,CAAgB;AAChC,UAAQ,CAAW;AACnB;AACA;AACA,KAAI,GAJcZ,MAAM,CAACU,OAAK,CAAC,EACrBD,QAAQ,CAGb;EACH,CAACP,kBAAkB,CAACa,QAAQ,GAAGlB,kBAAkB;EACjD,CAACK,kBAAkB,CAACc,OAAO,GAAGlB;AAChC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALA,IAOMmB,cAAc,GAAAC,SAAA,EADnBb,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAa,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA2FpD;EAAC;IAAAI,CAAA,EA3FKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKf/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMrC/B,QAAQ,CAAC;QAAEqC,SAAS,EAAE;MAAuB,CAAC,CAAC;MAAAF,GAAA;MAAAC,KAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAM/C/B,QAAQ,EAAE;MAAAmC,GAAA;MAAAC,MAAA;QAAA,OACH7B,kBAAkB,CAACM,MAAM;MAAA;IAAA;MAAAiB,IAAA;MAAAC,UAAA,GAOhC/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MApChB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE,SAAAE,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAT,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAW,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CApDE7B,cAAc,CAAA8B,SAAA,8BAAAC,IAAA;MAqDlB;IAAC;MAAAvB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAkB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,IAAI,CAACP,YAAY,CAAC,eAAe,EAAEQ,MAAM,CAACxB,OAAO,CAAC,IAAI,CAACyB,QAAQ,CAAC,CAAC,CAAC;QACpE;MACF;IAAC;MAAA5B,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAuB,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,SAAS;UAAEC,kBAAkB;UAAEC;QAAM,CAAC,GAAG,IAAI;QAChE,OAAOjE,IAAI,CAAAkE,GAAA,KAAAA,GAAA,GAAA/C,CAAA,2NACPL,KAAK,CAACmD,KAAK,CAAC,CAAC;UACbE,KAAK,EAAE;YACL,CAAC1D,kBAAkB,CAACc,OAAO,GAAI,GAAEV,MAAO;UAC1C,CAAC,CAACoD,KAAK,CAAC;UACRjD,QAAQ,EAAE,CAAC8C,SAAS,GAAGM,SAAS,GAAGnE,GAAG,CAAAoE,GAAA,KAAAA,GAAA,GAAAlD,CAAC,UAAO,CAAY,UAAQ,GAAlB2C,SAAS;QAC3D,CAAC,CAAC,EAIWjD,MAAM,EAGbkD,SAAS,EAIX,CAACC,kBAAkB,GACjBI,SAAS,GACTpE,IAAI,CAAAsE,GAAA,KAAAA,GAAA,GAAAnD,CAAA,kDACUN,MAAM,EAAwBmD,kBAAkB,CAC7D,EAEQnD,MAAM;MAEzB;IAAC;MAAAmB,IAAA;MAAAuC,MAAA;MAAAlC,GAAA;MAAAC,MAAA;QAAA,OAEe5B,MAAM;MAAA;IAAA;EAAA;AAAA,GA1FKF,UAAU,CAACL,UAAU,CAAC;AA6FnD,eAAeqB,cAAc"}

package/es/components/radio-button/radio-button-group.d.ts

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

package/es/components/radio-button/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAI/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpC;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAAwC;IACvE;;OAEG;IAGH,OAAO,CAAC,6BAA6B,CAqBnC;IAEF,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAqBzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"radio-button-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as BXRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\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 (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof BXRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as BXRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as BXRadioButton).checked =\n          value === (elem as BXRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"]}
+{"version":3,"sources":["components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMzD,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAK/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpC;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAAwC;IACvE;;OAEG;IAGH,OAAO,CAAC,6BAA6B,CAqBnC;IAEF,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAqBzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"radio-button-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as BXRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\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 (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof BXRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as BXRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as BXRadioButton).checked =\n          value === (elem as BXRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"]}

package/es/components/radio-button/radio-button-group.js

@@ -4,13 +4,13 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import FormMixin from '../../globals/mixins/form';
 import HostListenerMixin from '../../globals/mixins/host-listener';
@@ -18,6 +18,7 @@ import HostListener from '../../globals/decorators/host-listener';
 import { find, forEach } from '../../globals/internal/collection-helpers';
 import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';
 import styles from "././radio-button.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { RADIO_BUTTON_ORIENTATION };
 const {
   prefix

package/es/components/radio-button/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","names":["html","property","customElement","LitElement","settings","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","prefix","BXRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","render","_t","_","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as BXRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\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 (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof BXRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as BXRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as BXRadioButton).checked =\n          value === (elem as BXRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","names":["html","property","LitElement","settings","FormMixin","HostListenerMixin","HostListener","find","forEach","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","BXRadioButtonGroup","_decorate","_initialize","_FormMixin","constructor","args","F","d","kind","decorators","key","value","selectorRadioButton","selected","querySelectorAll","elem","checked","oldValue","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","_handleFormdata","event","formData","disabled","name","append","type","Boolean","reflect","attribute","RIGHT","HORIZONTAL","updated","changedProperties","has","render","_t","_","static","eventChangeRadioButton"],"sources":["components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport BXRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\nconst { prefix } = settings;\n\n/**\n * Radio button group.\n *\n * @element bx-radio-button-group\n * @fires bx-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass BXRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as BXRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof BXRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\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 (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof BXRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'name'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof BXRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as BXRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as BXRadioButton).checked =\n          value === (elem as BXRadioButton).value;\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonGroup;\n"],"mappings":"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"}

package/es/components/radio-button/radio-button-skeleton.d.ts

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

package/es/components/radio-button/radio-button-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/radio-button/radio-button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9D;;GAEG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"radio-button-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"]}
+{"version":3,"sources":["components/radio-button/radio-button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAO/C;;GAEG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"radio-button-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"]}

package/es/components/radio-button/radio-button-skeleton.js

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

package/es/components/radio-button/radio-button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-skeleton.js","names":["html","customElement","LitElement","settings","styles","prefix","BXRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMG,qBAAqB,GAAAC,SAAA,EAD1BN,aAAa,CAAE,GAAEI,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS/C;EAAC;IAAAI,CAAA,EATKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA,2HACKd,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GARYF,UAAU;AAW9C,eAAeI,qBAAqB"}
+{"version":3,"file":"radio-button-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXRadioButtonSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass BXRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButtonSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAS/C;EAAC;IAAAI,CAAA,EATKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,2HACKd,MAAM,EAAkBA,MAAM,EAC7BA,MAAM,EAAyBA,MAAM;MAExD;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GARYF,UAAU;AAW9C,eAAeM,qBAAqB"}

package/es/components/radio-button/radio-button.d.ts

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

package/es/components/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAU/E,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAG/E,OAAO,EAAE,2BAA2B,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EvC;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAyC;IACnE;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkC;IAElD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAuB;IAEnD;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAQlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAkBpB;IAEF;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,oBAAoB;IAOpB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,KAAA;IA4BzB,MAAM;IAqBN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"radio-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n    (host as BXRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n    if (radioButtonDelegate && !disabled) {\n      this.checked = true;\n      if (this._manager) {\n        this._manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n    const manager = this._manager;\n    if (radioButtonDelegate && manager) {\n      const navigationDirectionForKey =\n        orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n          ? navigationDirectionForKeyHorizontal\n          : navigationDirectionForKeyVertical;\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n  }\n\n  updated(changedProperties) {\n    const {\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      inputNode.setAttribute(\n        'tabindex',\n        !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { checked, hideLabel, labelText, name, value, disabled } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"input\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabled}\"\n        name=${ifNonNull(name)}\n        value=${ifNonNull(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButton;\n"]}
+{"version":3,"sources":["components/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAUhE,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAI/E,OAAO,EAAE,2BAA2B,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EvC;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAyC;IACnE;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkC;IAElD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAuB;IAEnD;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAQlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAkBpB;IAEF;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,oBAAoB;IAOpB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,KAAA;IA4BzB,MAAM;IAqBN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"radio-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n    (host as BXRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n    if (radioButtonDelegate && !disabled) {\n      this.checked = true;\n      if (this._manager) {\n        this._manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n    const manager = this._manager;\n    if (radioButtonDelegate && manager) {\n      const navigationDirectionForKey =\n        orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n          ? navigationDirectionForKeyHorizontal\n          : navigationDirectionForKeyVertical;\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n  }\n\n  updated(changedProperties) {\n    const {\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      inputNode.setAttribute(\n        'tabindex',\n        !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { checked, hideLabel, labelText, name, value, disabled } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"input\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabled}\"\n        name=${ifNonNull(name)}\n        value=${ifNonNull(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButton;\n"]}

package/es/components/radio-button/radio-button.js

@@ -6,14 +6,14 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import { classMap } from 'lit-html/directives/class-map';
-import { html, property, query, customElement, LitElement } from 'lit-element';
+import { html, property, query, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import ifNonNull from '../../globals/directives/if-non-null';
 import HostListener from '../../globals/decorators/host-listener';
@@ -22,6 +22,7 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
 import RadioGroupManager, { NAVIGATION_DIRECTION } from '../../globals/internal/radio-group-manager';
 import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';
 import styles from "././radio-button.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { RADIO_BUTTON_LABEL_POSITION };
 const {
   prefix

package/es/components/radio-button/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","names":["classMap","html","property","query","customElement","LitElement","settings","ifNonNull","HostListener","FocusMixin","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","prefix","navigationDirectionForKeyHorizontal","ArrowLeft","BACKWARD","Left","ArrowRight","FORWARD","Right","navigationDirectionForKeyVertical","ArrowUp","Up","ArrowDown","Down","RadioButtonDelegate","constructor","radio","_radio","checked","host","getRootNode","eventChange","tabIndex","dispatchEvent","CustomEvent","bubbles","composed","detail","name","compareDocumentPosition","other","focus","BXRadioButton","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","disabled","_radioButtonDelegate","radioButtonDelegate","_manager","select","event","orientation","manager","navigationDirectionForKey","HORIZONTAL","navigationDirection","navigate","type","Boolean","reflect","attribute","RIGHT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","disconnectedCallback","delete","_get","_getPrototypeOf","prototype","call","firstUpdated","_inputNode","updated","changedProperties","inputNode","has","get","add","setAttribute","shouldBeFocusable","render","hideLabel","labelText","innerLabelClasses","_t","_","static"],"sources":["components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n    (host as BXRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n    if (radioButtonDelegate && !disabled) {\n      this.checked = true;\n      if (this._manager) {\n        this._manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n    const manager = this._manager;\n    if (radioButtonDelegate && manager) {\n      const navigationDirectionForKey =\n        orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n          ? navigationDirectionForKeyHorizontal\n          : navigationDirectionForKeyVertical;\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n  }\n\n  updated(changedProperties) {\n    const {\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      inputNode.setAttribute(\n        'tabindex',\n        !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { checked, hideLabel, labelText, name, value, disabled } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"input\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabled}\"\n        name=${ifNonNull(name)}\n        value=${ifNonNull(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButton;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button.js","names":["classMap","html","property","query","LitElement","settings","ifNonNull","HostListener","FocusMixin","HostListenerMixin","RadioGroupManager","NAVIGATION_DIRECTION","RADIO_BUTTON_LABEL_POSITION","RADIO_BUTTON_ORIENTATION","styles","carbonElement","customElement","prefix","navigationDirectionForKeyHorizontal","ArrowLeft","BACKWARD","Left","ArrowRight","FORWARD","Right","navigationDirectionForKeyVertical","ArrowUp","Up","ArrowDown","Down","RadioButtonDelegate","constructor","radio","_radio","checked","host","getRootNode","eventChange","tabIndex","dispatchEvent","CustomEvent","bubbles","composed","detail","name","compareDocumentPosition","other","focus","BXRadioButton","_decorate","_initialize","_HostListenerMixin","args","F","d","kind","key","value","decorators","disabled","_radioButtonDelegate","radioButtonDelegate","_manager","select","event","orientation","manager","navigationDirectionForKey","HORIZONTAL","navigationDirection","navigate","type","Boolean","reflect","attribute","RIGHT","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","disconnectedCallback","delete","_get","_getPrototypeOf","prototype","call","firstUpdated","_inputNode","updated","changedProperties","inputNode","has","get","add","setAttribute","shouldBeFocusable","render","hideLabel","labelText","innerLabelClasses","_t","_","static"],"sources":["components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\nconst { prefix } = settings;\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof BXRadioButton; // eslint-disable-line no-use-before-define\n    (host as BXRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element bx-radio-button\n * @fires bx-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass BXRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n    if (radioButtonDelegate && !disabled) {\n      this.checked = true;\n      if (this._manager) {\n        this._manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n    const manager = this._manager;\n    if (radioButtonDelegate && manager) {\n      const navigationDirectionForKey =\n        orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n          ? navigationDirectionForKeyHorizontal\n          : navigationDirectionForKeyVertical;\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n  }\n\n  updated(changedProperties) {\n    const {\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      inputNode.setAttribute(\n        'tabindex',\n        !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { checked, hideLabel, labelText, name, value, disabled } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"input\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabled}\"\n        name=${ifNonNull(name)}\n        value=${ifNonNull(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXRadioButton;\n"],"mappings":"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"}

package/es/components/search/search-skeleton.d.ts

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

package/es/components/search/search-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,IAAI,aAAsB;IAE1B,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"search-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"]}
+{"version":3,"sources":["components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,IAAI,aAAsB;IAE1B,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"search-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"]}

package/es/components/search/search-skeleton.js

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

package/es/components/search/search-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-skeleton.js","names":["html","property","customElement","LitElement","settings","INPUT_SIZE","styles","prefix","BXSearchSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/search/search-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMI,gBAAgB,GAAAC,SAAA,EADrBP,aAAa,CAAE,GAAEK,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAe1C;EAAC;IAAAI,CAAA,EAfKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBf,UAAU,CAACgB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJzB;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAA,+EACMjB,MAAM,EACPA,MAAM;MAExB;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAdOH,UAAU;AAiBzC,eAAeK,gBAAgB"}
+{"version":3,"file":"search-skeleton.js","names":["html","property","LitElement","settings","INPUT_SIZE","styles","carbonElement","customElement","prefix","BXSearchSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/search/search-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass BXSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSearchSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAe1C;EAAC;IAAAI,CAAA,EAfKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,UAAU,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJzB;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA,+EACMjB,MAAM,EACPA,MAAM;MAExB;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAdOH,UAAU;AAiBzC,eAAeO,gBAAgB"}

package/es/components/search/search.d.ts

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

package/es/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAQxE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAG7C,OAAO,EAAE,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI/B;;;;;;;;;;GAUG;AACH,cACM,QAAS,SAAQ,aAAiC;IACtD;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAoBpC,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,WAAW,sBAA+B;IAE1C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,aAAsB;IAE1B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,gBAAgB;IAShB,MAAM;IAoDN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"search.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../input/input';\nimport { SEARCH_COLOR_SCHEME } from './defs';\nimport styles from './search.scss';\n\nexport { SEARCH_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Search box.\n *\n * @element bx-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass BXSearch extends FocusMixin(FormMixin(LitElement)) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\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 assistive text for the close button.\n   */\n  @property({ attribute: 'close-button-assistive-text' })\n  closeButtonAssistiveText = '';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SEARCH_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = '';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      closeButtonAssistiveText,\n      disabled,\n      labelText,\n      name,\n      placeholder,\n      size,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      ${Search16({\n        part: 'search-icon',\n        class: `${prefix}--search-magnifier-icon`,\n        role: 'img',\n      })}\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"searchbox\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonAssistiveText}\">\n        ${(size === INPUT_SIZE.SMALL ? Close16 : Close20)({\n          part: 'close-icon',\n          'aria-label': closeButtonAssistiveText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSearch;\n"]}
+{"version":3,"sources":["components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAQzD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAI7C,OAAO,EAAE,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI/B;;;;;;;;;;GAUG;AACH,cACM,QAAS,SAAQ,aAAiC;IACtD;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAoBpC,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,WAAW,sBAA+B;IAE1C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,aAAsB;IAE1B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,gBAAgB;IAShB,MAAM;IAoDN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"search.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../input/input';\nimport { SEARCH_COLOR_SCHEME } from './defs';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SEARCH_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Search box.\n *\n * @element bx-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass BXSearch extends FocusMixin(FormMixin(LitElement)) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof BXSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\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 assistive text for the close button.\n   */\n  @property({ attribute: 'close-button-assistive-text' })\n  closeButtonAssistiveText = '';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SEARCH_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = '';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      closeButtonAssistiveText,\n      disabled,\n      labelText,\n      name,\n      placeholder,\n      size,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      ${Search16({\n        part: 'search-icon',\n        class: `${prefix}--search-magnifier-icon`,\n        role: 'img',\n      })}\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"searchbox\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonAssistiveText}\">\n        ${(size === INPUT_SIZE.SMALL ? Close16 : Close20)({\n          part: 'close-icon',\n          'aria-label': closeButtonAssistiveText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSearch;\n"]}

package/es/components/search/search.js

@@ -4,14 +4,14 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import { classMap } from 'lit-html/directives/class-map';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import Close16 from "../../icons/close/16";
 import Close20 from "../../icons/close/20";
 import Search16 from "../../icons/search/16";
@@ -22,6 +22,7 @@ import FormMixin from '../../globals/mixins/form';
 import { INPUT_SIZE } from '../input/input';
 import { SEARCH_COLOR_SCHEME } from './defs';
 import styles from "././search.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { SEARCH_COLOR_SCHEME };
 const {
   prefix