@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.0

package/es/components/tag/filter-tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tag/filter-tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9B;;;;GAIG;AACH,cACM,WAAY,SAAQ,gBAAyC;IAEjE,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAoB;IAExB;;OAEG;IAEH,IAAI,WAAgB;IAEpB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"filter-tag.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Filter tag.\n *\n * @element cds-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nclass BXFilterTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXFilterTag;\n"]}

package/es/components/tag/filter-tag.js

@@ -1,194 +0,0 @@
-import _decorate from "@babel/runtime/helpers/esm/decorate";
-let _ = t => t,
-  _t;
-/**
- * @license
- *
- * 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 { LitElement, html } from 'lit';
-import { property, customElement, query } from 'lit/decorators.js';
-import Close16 from "../../icons/close/16";
-import { prefix } from '../../globals/settings';
-import FocusMixin from '../../globals/mixins/focus';
-import HostListener from '../../globals/decorators/host-listener';
-import HostListenerMixin from '../../globals/mixins/host-listener';
-import { TAG_SIZE, TAG_TYPE } from './defs';
-import styles from "././tag.css.js";
-export { TAG_SIZE, TAG_TYPE };
-
-/**
- * Filter tag.
- *
- * @element cds-filter-tag
- */
-let BXFilterTag = _decorate([customElement(`${prefix}-filter-tag`)], function (_initialize, _HostListenerMixin) {
-  class BXFilterTag extends _HostListenerMixin {
-    constructor(...args) {
-      super(...args);
-      _initialize(this);
-    }
-  }
-  return {
-    F: BXFilterTag,
-    d: [{
-      kind: "field",
-      decorators: [query('button')],
-      key: "_buttonNode",
-      value: void 0
-    }, {
-      kind: "field",
-      decorators: [HostListener('shadowRoot:click')],
-      key: "_handleClick",
-      value() {
-        return event => {
-          if (event.composedPath().indexOf(this._buttonNode) >= 0) {
-            if (this.disabled) {
-              event.stopPropagation();
-            } else if (this.open) {
-              const init = {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                  triggeredBy: event.target
-                }
-              };
-              if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, init))) {
-                this.open = false;
-                this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
-              }
-            }
-          }
-        };
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        type: String,
-        reflect: true
-      })],
-      key: "title",
-      value() {
-        return 'Clear filter';
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        type: Boolean,
-        reflect: true
-      })],
-      key: "disabled",
-      value() {
-        return false;
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        type: Boolean,
-        reflect: true
-      })],
-      key: "open",
-      value() {
-        return true;
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        reflect: true
-      })],
-      key: "size",
-      value() {
-        return TAG_SIZE.REGULAR;
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        reflect: true
-      })],
-      key: "type",
-      value() {
-        return TAG_TYPE.RED;
-      }
-    }, {
-      kind: "method",
-      key: "render",
-      value:
-      /**
-       * Handles `click` event on this element.
-       *
-       * @param event The event.
-       */
-
-      /**
-       * Text to show on filter tag "clear" buttons. Corresponds to the attribute with the same name
-       */
-
-      /**
-       * `true` if the tag should be disabled
-       */
-
-      /**
-       * `true` if the tag should be open.
-       */
-
-      /**
-       * The size of the tag.
-       */
-
-      /**
-       * The type of the tag.
-       */
-
-      function render() {
-        const {
-          disabled
-        } = this;
-        return html(_t || (_t = _`
-      <slot></slot>
-      <button class="${0}--tag__close-icon" ?disabled=${0}>
-        ${0}
-      </button>
-    `), prefix, disabled, Close16({
-          'aria-label': this.title
-        }));
-      }
-
-      /**
-       * The name of the custom event fired before this tag is being closed upon a user gesture.
-       * Cancellation of this event stops the user-initiated action of closing this tag.
-       */
-    }, {
-      kind: "get",
-      static: true,
-      key: "eventBeforeClose",
-      value: function eventBeforeClose() {
-        return `${prefix}-filter-tag-beingclosed`;
-      }
-
-      /**
-       * The name of the custom event fired after this tag is closed upon a user gesture.
-       */
-    }, {
-      kind: "get",
-      static: true,
-      key: "eventClose",
-      value: function eventClose() {
-        return `${prefix}-filter-tag-closed`;
-      }
-    }, {
-      kind: "field",
-      static: true,
-      key: "styles",
-      value() {
-        return styles;
-      }
-    }]
-  };
-}, HostListenerMixin(FocusMixin(LitElement)));
-export default BXFilterTag;
-//# sourceMappingURL=filter-tag.js.map

package/es/components/tag/filter-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-tag.js","names":["LitElement","html","property","customElement","query","Close16","prefix","FocusMixin","HostListener","HostListenerMixin","TAG_SIZE","TAG_TYPE","styles","BXFilterTag","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","event","composedPath","indexOf","_buttonNode","disabled","stopPropagation","open","init","bubbles","cancelable","composed","detail","triggeredBy","target","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","type","String","reflect","Boolean","REGULAR","RED","render","_t","_","title","static"],"sources":["components/tag/filter-tag.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Filter tag.\n *\n * @element cds-filter-tag\n */\n@customElement(`${prefix}-filter-tag`)\nclass BXFilterTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof BXFilterTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.REGULAR;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.RED;\n\n  render() {\n    const { disabled } = this;\n    return html`\n      <slot></slot>\n      <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n        ${Close16({ 'aria-label': this.title })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-filter-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-filter-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXFilterTag;\n"],"mappings":"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"}

package/es/components-react/tag/filter-tag.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2019, 2020
- *
- * 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 { Component } from 'react';
-export interface ComponentProps {
-  /**
-   * The event handler for the custom event fired before this tag is being closed upon a user gesture.
-   * Cancellation of this event stops the user-initiated action of closing this tag.
-   */
-  onBeforeClose?: (event: CustomEvent) => void;
-  /**
-   * The event handler for the custom event fired after this tag is closed upon a user gesture.
-   */
-  onClose?: (event: CustomEvent) => void;
-  [prop: string]: unknown;
-}
-/*[object Object]*/
-declare class BXFilterTag extends Component<ComponentProps> {}
-export default BXFilterTag;