@tmorrow/cre8-wc 1.2.4 → 1.2.5

package/lib/components/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../components/tag/tag.ts"],"names":[],"mappings":"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","sourcesContent":["import svgCheck from '@tmorrow/cre8-wc/icons/System/Regular/Check.svg?raw';\nimport { html,  } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { nanoid } from 'nanoid';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { Cre8FormElement } from '../cre8-form-element';\nimport '../icon/icon';\nimport styles from './tag.styles.js';\n\n/**\n * The tag component allows you to make selections, filter content, or trigger actions. While buttons are\n * expected to appear consistently and with familiar calls to actions, tags should appear dynamically\n * as a group of multiple interactions elements. It is a flexible\n * component that comes in the following types:\n *  - **radio**  Clicking a Radio Button causes it to change color. These tags only allow\n * one option to be chosen and can be used in place of radio button when they need to be listed\n * horizontally\n *\n *  - **checkbox** It allows for selecting options, It can be toggled on and off.\n */\n\nexport class Cre8Tag extends Cre8FormElement {\n    static styles = [styles];\n\n  @property()\n      text: string;\n\n  /**\n   * Type of tag\n   * **checkbox** renders a checkbox tag\n   ***radio** renders a radio tag\n   */\n\n  @property()\n      type: 'checkbox'| 'radio';\n\n  /**\n   * Color variant\n   * **neutral** renders the default, unselected tag\n   * **branded** renders a selected tag\n   * **neutral-hybrid** renders a tag when mouse is hovering tag\n   */\n\n  @property()\n      variant: 'neutral' | 'branded' | 'neutral-hybrid' = 'neutral';\n\n  /**\n   * shape of the tag, supports square and round, and default not mentioned its a square\n   */\n  @property()\n      shape: 'square' | 'round' = 'square';\n\n  /*\n  * Disabled attribute\n  * renders a greyed out tag that the user cannot interact with\n  */\n  @property({ type: Boolean })\n      isDisabled?: boolean;\n\n  /*\n  * Selected attribute\n  * renders a selected tag\n  */\n  @property({ type: Boolean })\n      isSelected?: boolean;\n\n  /**\n  * Get the radio field item input\n  */\n  @query('input')\n      field!: HTMLInputElement;\n\n  /**\n   * The fieldId attribute is assigned to the HTML input element of the radio button and the for attribute of the\n   * corresponding label.\n   */\n  @property()\n      fieldId?: string;\n\n  /**\n  * Initial checked for initial checked state\n  */\n  private initialSelected?: boolean;\n\n  connectedCallback() {\n      super.connectedCallback();\n      this.fieldId = this.fieldId || nanoid();\n      window.addEventListener('click', this._clickCheckHandler, false);\n      window.addEventListener('click', this._clickRadioHandler, false);\n      window.addEventListener('keydown', this._handleCheckKeyDown, false);\n      window.addEventListener('keydown', this.handleRadioKeyDown, false);\n  }\n\n  disconnectedCallback() {\n      super.disconnectedCallback();\n      window.removeEventListener('click', this._clickCheckHandler, false);\n      window.removeEventListener('click', this._clickRadioHandler, false);\n      window.removeEventListener('keydown', this._handleCheckKeyDown, false);\n      window.removeEventListener('keydown', this.handleRadioKeyDown, false);\n  }\n\n  renderCheckboxIcon() {\n      if (this.type === 'checkbox' && this.isSelected) {\n          return html`\n    <cre8-icon svg=\"${svgCheck}\" class=\"cre8-tag-icon\" aria-hidden=\"true\"></cre8-icon>\n     `;\n      }\n      return null;\n  }\n\n  private _clickCheckHandler() {\n      if (!this.isDisabled) {\n          if (this.type === 'checkbox') {\n              this.isSelected = !this.isSelected;\n          }\n          this.dispatchEvent(new CustomEvent('change', { detail: { isSelected: this.isSelected, type: this.type } }));\n      }\n  }\n\n  private _handleCheckKeyDown(event: KeyboardEvent) {\n      if (event.key === ' ' || event.key === 'Enter') {\n          event.preventDefault();\n          this._clickCheckHandler();\n      }\n  }\n\n/**\n* Reset the radio tag field\n*/\n  public resetField() {\n      this._internals.setFormValue(null);\n  }\n\n/**\n* Reset the radio field tags tab indeces\n*/\n  resetTabIndeces(tags: Cre8Tag[]) {\n      tags.forEach((element: HTMLElement) => {\n          element.shadowRoot.querySelector('.cre8-c-tag').setAttribute('tabindex', '0');\n      });\n  }\n\n/**\n* Remove checked\n* 1) Remove checked property from all tags and set tabindex to -1\n* 2) Reset the form field to not checked\n*/\n  private _removeChecked() {\n      if (this.parentNode) {\n      /* 1 */\n          const tags = this.parentNode.querySelectorAll('cre8-tag');\n          tags.forEach((element: Cre8Tag) => {\n              element.isSelected = false;\n              element.shadowRoot.querySelector('.cre8-c-tag').setAttribute('tabindex', '-1');\n              element.resetField();\n          });\n      }\n  }\n\n/**\n* Reset form callback\n* 1) Remove the checked state from all radio tags\n* 2) Set the checked state to the initial checked state\n* 3) Set the radio field input checked attribute to the initial checked state\n*/\n  formResetCallback(): void {\n      this._removeChecked();\n      this.isSelected = this.initialSelected;\n      this.field.checked = this.initialSelected;\n  }\n\n  private _clickRadioHandler() {\n      this._removeChecked();\n      this.isSelected = !this.isSelected;\n      const tagInput = this.shadowRoot?.querySelector<HTMLInputElement>('.cre8-c-tag');\n      if (tagInput) {\n          tagInput.setAttribute('tabindex', '0');\n      }\n      if (this.isSelected) {\n          this._internals.setFormValue(this.value || 'on');\n      } else {\n          this._internals.setFormValue(null);\n      }\n  }\n\n  private _updateSibling(event: KeyboardEvent, sibling: Element, element: HTMLElement) {\n      event.preventDefault();\n      this._removeChecked();\n      element.focus();\n      element.setAttribute('tabindex', '0');\n      sibling.setAttribute('isSelected', '');\n  }\n\n  private _checkPreviousTag(event: KeyboardEvent) {\n      let previous = this.previousElementSibling;\n      while (previous) {\n          const previousElement = previous?.shadowRoot?.querySelector<HTMLInputElement>(\n              '.cre8-c-tag:not([aria-disabled=\"true\"])'\n          );\n\n          if (previousElement) {\n              this._updateSibling(event, previous, previousElement);\n              return;\n          }\n\n          previous = previous.previousElementSibling;\n      }\n  }\n\n  private _checkNextTag(event: KeyboardEvent) {\n      let next = this.nextElementSibling;\n      while (next) {\n          const nextElement = next?.shadowRoot?.querySelector<HTMLInputElement>(\n              '.cre8-c-tag:not([aria-disabled=\"true\"])'\n          );\n\n          if (nextElement) {\n              this._updateSibling(event, next, nextElement);\n              return;\n          }\n\n          next = next.nextElementSibling;\n      }\n  }\n\n  handleRadioKeyDown(event: KeyboardEvent) {\n      if (event.code === 'ArrowLeft' || event.code === 'ArrowUp') {\n          this._checkPreviousTag(event);\n      } else if (event.code === 'ArrowRight' || event.code === 'ArrowDown') {\n          this._checkNextTag(event);\n      } else if (event.code === 'Tab' && !this.isSelected) {\n          const tags = this.parentNode.querySelectorAll('cre8-tag');\n          tags.forEach((element: HTMLElement) => {\n              element.shadowRoot.querySelector('.cre8-c-tag').setAttribute('tabindex', '-1');\n          });\n\n      // After making tabbing away from the fieldset,\n      // reset the items to be tabbable again so the user can come back to the fieldset\n          setTimeout(this.resetTabIndeces, 100, tags);\n      }\n  }\n\n  /**\n  * access role when tag embedded in tag-list\n  */\n  private _getRole(): 'listitem' | undefined {\n      const tagContainer = this.closest('cre8-tag-list');\n      if (tagContainer) {\n          return 'listitem';\n      }\n      return undefined;\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-tag', {\n          [`cre8-c-tag--${this.type}`]: true,\n          [`cre8-c-tag--${this.shape}`]: true,\n          [`cre8-c-tag--${this.variant}`]: true,\n          [`cre8-c-tag--${this.variant}-selected`]: this.isSelected,\n          'cre8-c-tag--disabled': this.isDisabled,\n      });\n\n      const isSelected = this.isSelected === true || this.initialSelected === true;\n\n      return html` \n        <div role=\"${ifDefined(this._getRole())}\">\n            <div role=\"${ifDefined(this.type)}\" aria-checked=\"${isSelected}\" class=\"${componentClassNames}\"\n                aria-disabled=\"${ifDefined(this.isDisabled)}\"\n                @click=\"${this.type === 'radio' ? this._clickRadioHandler : this._clickCheckHandler}\"\n                @keydown=\"${this.type === 'radio' ? this.handleRadioKeyDown : this._handleCheckKeyDown}\"\n                tabindex=\"0\"\n            >\n                ${this.renderCheckboxIcon()}\n                <label \n                    @input=\"${this.type === 'radio' ? this._clickRadioHandler : this._clickCheckHandler}\"\n                    for=\"${this.fieldId}\" class=\"cre8-tag-text\">${this.text}\n                </label>\n            </div>\n            <input\n                class=\"cre8-c-tag__input\" \n                type=\"${this.type}\"\n                id=\"${this.fieldId}\"\n                name=${this.text}\n                .value=\"${this.text}\"\n                ?disabled=\"${this.isDisabled}\"\n                .checked = \"${isSelected}\"\n            />\n        </div>\n  `;\n  }\n}\n\nif (customElements.get('cre8-tag') === undefined) {\n    customElements.define('cre8-tag', Cre8Tag);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-tag': Cre8Tag;\n  }\n}\n\nexport default Cre8Tag;\n"]}

package/lib/components/tag/tag.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=tag.styles.d.ts.map

package/lib/components/tag/tag.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../components/tag/tag.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAsrBV,CAAC;AACH,eAAe,MAAM,CAAC"}