@hashicorp/design-system-components 3.5.0 → 4.0.0

package/dist/components/hds/tabs/index.js

@@ -0,0 +1,242 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { assert, warn } from '@ember/debug';
+import { schedule, next } from '@ember/runloop';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! template-lint-disable no-invalid-role }}\n<div\n  class={{this.classNames}}\n  {{did-insert this.didInsert}}\n  {{did-update this.didUpdateSelectedTabIndex this.selectedTabIndex}}\n  {{did-update this.didUpdateSelectedTabId this.selectedTabId}}\n  {{did-update this.didUpdateParentVisibility @isParentVisible}}\n  ...attributes\n>\n  <div class=\"hds-tabs__tablist-wrapper\">\n    <ul class=\"hds-tabs__tablist\" role=\"tablist\">\n      {{yield\n        (hash\n          Tab=(component\n            \"hds/tabs/tab\"\n            didInsertNode=this.didInsertTab\n            didUpdateNode=this.didUpdateTab\n            willDestroyNode=this.willDestroyTab\n            tabIds=this.tabIds\n            selectedTabIndex=this.selectedTabIndex\n            onClick=this.onClick\n            onKeyUp=this.onKeyUp\n          )\n        )\n      }}\n      <li class=\"hds-tabs__tab-indicator\" role=\"presentation\"></li>\n    </ul>\n  </div>\n\n  {{yield\n    (hash\n      Panel=(component\n        \"hds/tabs/panel\"\n        didInsertNode=this.didInsertPanel\n        willDestroyNode=this.willDestroyPanel\n        tabIds=this.tabIds\n        panelIds=this.panelIds\n        selectedTabIndex=this.selectedTabIndex\n      )\n    )\n  }}\n</div>\n{{! template-lint-enable no-invalid-role }}");
+
+var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+const DEFAULT_SIZE = 'medium';
+const SIZES = ['medium', 'large'];
+let HdsTabsIndexComponent = (_class = class HdsTabsIndexComponent extends Component {
+  /**
+   * Sets the size of Tabs
+   * Accepted values: medium, large
+   *
+   * @param size
+   * @type {string}
+   * @default 'medium'
+   */
+  get size() {
+    let {
+      size = DEFAULT_SIZE
+    } = this.args;
+    assert(`@size for "Hds::Tabs" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
+    return size;
+  }
+  constructor() {
+    super(...arguments);
+
+    // this is to determine if the "selected" tab logic is controlled in the consumers' code or is maintained as an internal state
+    _initializerDefineProperty(this, "tabNodes", _descriptor, this);
+    _initializerDefineProperty(this, "tabIds", _descriptor2, this);
+    _initializerDefineProperty(this, "panelNodes", _descriptor3, this);
+    _initializerDefineProperty(this, "panelIds", _descriptor4, this);
+    _initializerDefineProperty(this, "_selectedTabIndex", _descriptor5, this);
+    _initializerDefineProperty(this, "selectedTabId", _descriptor6, this);
+    _initializerDefineProperty(this, "isControlled", _descriptor7, this);
+    this.isControlled = this.args.selectedTabIndex !== undefined;
+  }
+  get selectedTabIndex() {
+    if (this.isControlled) {
+      return this.args.selectedTabIndex;
+    } else {
+      return this._selectedTabIndex;
+    }
+  }
+  set selectedTabIndex(value) {
+    if (this.isControlled) ; else {
+      this._selectedTabIndex = value;
+    }
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-tabs'];
+
+    // add a class based on the @size argument
+    classes.push(`hds-tabs--size-${this.size}`);
+    return classes.join(' ');
+  }
+  didInsert() {
+    assert('The number of Tabs must be equal to the number of Panels', this.tabNodes.length === this.panelNodes.length);
+    if (this.selectedTabId) {
+      this.selectedTabIndex = this.tabIds.indexOf(this.selectedTabId);
+    }
+    schedule('afterRender', () => {
+      this.setTabIndicator();
+    });
+  }
+  didUpdateSelectedTabIndex() {
+    schedule('afterRender', () => {
+      this.setTabIndicator();
+    });
+  }
+  didUpdateSelectedTabId() {
+    // if the selected tab is set dynamically (eg. in a `each` loop)
+    // the `Tab` nodes will be re-inserted/rendered, which means the `this.selectedTabId` variable changes
+    // but the parent `Tabs` component has already been rendered/inserted but doesn't re-render
+    // so the value of the `selectedTabIndex` is not updated, unless we trigger a recalculation
+    // using the `did-update` modifier that checks for changes in the `this.selectedTabId` variable
+    if (this.selectedTabId) {
+      this.selectedTabIndex = this.tabIds.indexOf(this.selectedTabId);
+    }
+  }
+  didUpdateParentVisibility() {
+    schedule('afterRender', () => {
+      this.setTabIndicator();
+    });
+  }
+  didInsertTab(element, isSelected) {
+    this.tabNodes = [...this.tabNodes, element];
+    this.tabIds = [...this.tabIds, element.id];
+    if (isSelected) {
+      this.selectedTabId = element.id;
+    }
+  }
+  didUpdateTab(tabIndex, isSelected) {
+    if (isSelected) {
+      this.selectedTabIndex = tabIndex;
+    }
+    this.setTabIndicator();
+  }
+  willDestroyTab(element) {
+    this.tabNodes = this.tabNodes.filter(node => node.id !== element.id);
+    this.tabIds = this.tabIds.filter(tabId => tabId !== element.id);
+  }
+  didInsertPanel(element, panelId) {
+    this.panelNodes = [...this.panelNodes, element];
+    this.panelIds = [...this.panelIds, panelId];
+  }
+  willDestroyPanel(element) {
+    this.panelNodes = this.panelNodes.filter(node => node.id !== element.id);
+    this.panelIds = this.panelIds.filter(panelId => panelId !== element.id);
+  }
+  onClick(event, tabIndex) {
+    this.selectedTabIndex = tabIndex;
+    this.setTabIndicator();
+
+    // invoke the callback function if it's provided as argument
+    if (typeof this.args.onClickTab === 'function') {
+      this.args.onClickTab(event, tabIndex);
+    }
+  }
+  onKeyUp(tabIndex, event) {
+    const leftArrow = 37;
+    const rightArrow = 39;
+    const enterKey = 13;
+    const spaceKey = 32;
+    if (event.keyCode === rightArrow) {
+      const nextTabIndex = (tabIndex + 1) % this.tabIds.length;
+      this.focusTab(nextTabIndex, event);
+    } else if (event.keyCode === leftArrow) {
+      const prevTabIndex = (tabIndex + this.tabIds.length - 1) % this.tabIds.length;
+      this.focusTab(prevTabIndex, event);
+    } else if (event.keyCode === enterKey || event.keyCode === spaceKey) {
+      this.selectedTabIndex = tabIndex;
+    }
+    // scroll selected tab into view (it may be out of view when activated using a keyboard with `prev/next`)
+    this.tabNodes[this.selectedTabIndex].parentNode.scrollIntoView({
+      behavior: 'smooth',
+      block: 'nearest',
+      inline: 'nearest'
+    });
+  }
+
+  // Focus tab for keyboard & mouse navigation:
+  focusTab(tabIndex, e) {
+    e.preventDefault();
+    this.tabNodes[tabIndex].focus();
+  }
+  setSelectedPanelFocus(tabIndex, e) {
+    e.preventDefault();
+    this.panelNodes[tabIndex].focus();
+  }
+  setTabIndicator() {
+    next(() => {
+      const tabElem = this.tabNodes[this.selectedTabIndex];
+      if (tabElem) {
+        const tabsParentElem = tabElem.closest('.hds-tabs__tablist');
+
+        // this condition is `null` if any of the parents has `display: none`
+        if (tabElem.parentNode.offsetParent) {
+          const tabLeftPos = tabElem.parentNode.offsetLeft;
+          const tabWidth = tabElem.parentNode.offsetWidth;
+
+          // Set CSS custom properties for indicator
+          tabsParentElem.style.setProperty('--indicator-left-pos', tabLeftPos + 'px');
+          tabsParentElem.style.setProperty('--indicator-width', tabWidth + 'px');
+        }
+      } else {
+        let message;
+        message += '"Hds::Tabs" has tried to set the indicator for an element that doesn\'t exist';
+        if (this.tabNodes.length === 0) {
+          message += ' (the array `this.tabNodes` is empty, there are no tabs, probably already destroyed)';
+        } else {
+          message += ` (the value ${this.selectedTabIndex} of \`this.selectedTabIndex\` is out of bound for the array \`this.tabNodes\`, whose index range is [0 - ${this.tabNodes.length - 1}])`;
+        }
+        // https://api.emberjs.com/ember/5.3/classes/@ember%2Fdebug/methods/warn?anchor=warn
+        warn(message, true, {
+          id: 'hds-debug.tabs.setTabIndicator-tabElem-not-available'
+        });
+      }
+    });
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "tabNodes", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "tabIds", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "panelNodes", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "panelIds", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "_selectedTabIndex", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.selectedTabIndex ?? 0;
+  }
+}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "selectedTabId", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "isControlled", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateSelectedTabIndex", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateSelectedTabIndex"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateSelectedTabId", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateSelectedTabId"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateParentVisibility", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateParentVisibility"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertPanel", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertPanel"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyPanel", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyPanel"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsTabsIndexComponent);
+
+export { DEFAULT_SIZE, SIZES, HdsTabsIndexComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/tabs/index.hbs","../../../../src/components/hds/tabs/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-invalid-role }}\\n<div\\n  class={{this.classNames}}\\n  {{did-insert this.didInsert}}\\n  {{did-update this.didUpdateSelectedTabIndex this.selectedTabIndex}}\\n  {{did-update this.didUpdateSelectedTabId this.selectedTabId}}\\n  {{did-update this.didUpdateParentVisibility @isParentVisible}}\\n  ...attributes\\n>\\n  <div class=\\\"hds-tabs__tablist-wrapper\\\">\\n    <ul class=\\\"hds-tabs__tablist\\\" role=\\\"tablist\\\">\\n      {{yield\\n        (hash\\n          Tab=(component\\n            \\\"hds/tabs/tab\\\"\\n            didInsertNode=this.didInsertTab\\n            didUpdateNode=this.didUpdateTab\\n            willDestroyNode=this.willDestroyTab\\n            tabIds=this.tabIds\\n            selectedTabIndex=this.selectedTabIndex\\n            onClick=this.onClick\\n            onKeyUp=this.onKeyUp\\n          )\\n        )\\n      }}\\n      <li class=\\\"hds-tabs__tab-indicator\\\" role=\\\"presentation\\\"></li>\\n    </ul>\\n  </div>\\n\\n  {{yield\\n    (hash\\n      Panel=(component\\n        \\\"hds/tabs/panel\\\"\\n        didInsertNode=this.didInsertPanel\\n        willDestroyNode=this.willDestroyPanel\\n        tabIds=this.tabIds\\n        panelIds=this.panelIds\\n        selectedTabIndex=this.selectedTabIndex\\n      )\\n    )\\n  }}\\n</div>\\n{{! template-lint-enable no-invalid-role }}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert, warn } from '@ember/debug';\nimport { next, schedule } from '@ember/runloop';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const SIZES = ['medium', 'large'];\n\nexport default class HdsTabsIndexComponent extends Component {\n  @tracked tabNodes = [];\n  @tracked tabIds = [];\n  @tracked panelNodes = [];\n  @tracked panelIds = [];\n  @tracked _selectedTabIndex = this.args.selectedTabIndex ?? 0;\n  @tracked selectedTabId;\n  @tracked isControlled;\n\n  /**\n   * Sets the size of Tabs\n   * Accepted values: medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Tabs\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  constructor() {\n    super(...arguments);\n\n    // this is to determine if the \"selected\" tab logic is controlled in the consumers' code or is maintained as an internal state\n    this.isControlled = this.args.selectedTabIndex !== undefined;\n  }\n\n  get selectedTabIndex() {\n    if (this.isControlled) {\n      return this.args.selectedTabIndex;\n    } else {\n      return this._selectedTabIndex;\n    }\n  }\n\n  set selectedTabIndex(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._selectedTabIndex = value;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-tabs'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-tabs--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  didInsert() {\n    assert(\n      'The number of Tabs must be equal to the number of Panels',\n      this.tabNodes.length === this.panelNodes.length\n    );\n\n    if (this.selectedTabId) {\n      this.selectedTabIndex = this.tabIds.indexOf(this.selectedTabId);\n    }\n\n    schedule('afterRender', () => {\n      this.setTabIndicator();\n    });\n  }\n\n  @action\n  didUpdateSelectedTabIndex() {\n    schedule('afterRender', () => {\n      this.setTabIndicator();\n    });\n  }\n\n  @action\n  didUpdateSelectedTabId() {\n    // if the selected tab is set dynamically (eg. in a `each` loop)\n    // the `Tab` nodes will be re-inserted/rendered, which means the `this.selectedTabId` variable changes\n    // but the parent `Tabs` component has already been rendered/inserted but doesn't re-render\n    // so the value of the `selectedTabIndex` is not updated, unless we trigger a recalculation\n    // using the `did-update` modifier that checks for changes in the `this.selectedTabId` variable\n    if (this.selectedTabId) {\n      this.selectedTabIndex = this.tabIds.indexOf(this.selectedTabId);\n    }\n  }\n\n  @action\n  didUpdateParentVisibility() {\n    schedule('afterRender', () => {\n      this.setTabIndicator();\n    });\n  }\n\n  @action\n  didInsertTab(element, isSelected) {\n    this.tabNodes = [...this.tabNodes, element];\n    this.tabIds = [...this.tabIds, element.id];\n    if (isSelected) {\n      this.selectedTabId = element.id;\n    }\n  }\n\n  @action\n  didUpdateTab(tabIndex, isSelected) {\n    if (isSelected) {\n      this.selectedTabIndex = tabIndex;\n    }\n    this.setTabIndicator();\n  }\n\n  @action\n  willDestroyTab(element) {\n    this.tabNodes = this.tabNodes.filter((node) => node.id !== element.id);\n    this.tabIds = this.tabIds.filter((tabId) => tabId !== element.id);\n  }\n\n  @action\n  didInsertPanel(element, panelId) {\n    this.panelNodes = [...this.panelNodes, element];\n    this.panelIds = [...this.panelIds, panelId];\n  }\n\n  @action\n  willDestroyPanel(element) {\n    this.panelNodes = this.panelNodes.filter((node) => node.id !== element.id);\n    this.panelIds = this.panelIds.filter((panelId) => panelId !== element.id);\n  }\n\n  @action\n  onClick(event, tabIndex) {\n    this.selectedTabIndex = tabIndex;\n    this.setTabIndicator();\n\n    // invoke the callback function if it's provided as argument\n    if (typeof this.args.onClickTab === 'function') {\n      this.args.onClickTab(event, tabIndex);\n    }\n  }\n\n  @action\n  onKeyUp(tabIndex, event) {\n    const leftArrow = 37;\n    const rightArrow = 39;\n    const enterKey = 13;\n    const spaceKey = 32;\n\n    if (event.keyCode === rightArrow) {\n      const nextTabIndex = (tabIndex + 1) % this.tabIds.length;\n      this.focusTab(nextTabIndex, event);\n    } else if (event.keyCode === leftArrow) {\n      const prevTabIndex =\n        (tabIndex + this.tabIds.length - 1) % this.tabIds.length;\n      this.focusTab(prevTabIndex, event);\n    } else if (event.keyCode === enterKey || event.keyCode === spaceKey) {\n      this.selectedTabIndex = tabIndex;\n    }\n    // scroll selected tab into view (it may be out of view when activated using a keyboard with `prev/next`)\n    this.tabNodes[this.selectedTabIndex].parentNode.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  // Focus tab for keyboard & mouse navigation:\n  focusTab(tabIndex, e) {\n    e.preventDefault();\n    this.tabNodes[tabIndex].focus();\n  }\n\n  setSelectedPanelFocus(tabIndex, e) {\n    e.preventDefault();\n    this.panelNodes[tabIndex].focus();\n  }\n\n  setTabIndicator() {\n    next(() => {\n      const tabElem = this.tabNodes[this.selectedTabIndex];\n\n      if (tabElem) {\n        const tabsParentElem = tabElem.closest('.hds-tabs__tablist');\n\n        // this condition is `null` if any of the parents has `display: none`\n        if (tabElem.parentNode.offsetParent) {\n          const tabLeftPos = tabElem.parentNode.offsetLeft;\n          const tabWidth = tabElem.parentNode.offsetWidth;\n\n          // Set CSS custom properties for indicator\n          tabsParentElem.style.setProperty(\n            '--indicator-left-pos',\n            tabLeftPos + 'px'\n          );\n          tabsParentElem.style.setProperty(\n            '--indicator-width',\n            tabWidth + 'px'\n          );\n        }\n      } else {\n        let message;\n        message +=\n          '\"Hds::Tabs\" has tried to set the indicator for an element that doesn\\'t exist';\n        if (this.tabNodes.length === 0) {\n          message +=\n            ' (the array `this.tabNodes` is empty, there are no tabs, probably already destroyed)';\n        } else {\n          message += ` (the value ${\n            this.selectedTabIndex\n          } of \\`this.selectedTabIndex\\` is out of bound for the array \\`this.tabNodes\\`, whose index range is [0 - ${\n            this.tabNodes.length - 1\n          }])`;\n        }\n        // https://api.emberjs.com/ember/5.3/classes/@ember%2Fdebug/methods/warn?anchor=warn\n        warn(message, true, {\n          id: 'hds-debug.tabs.setTabIndicator-tabElem-not-available',\n        });\n      }\n    });\n  }\n}\n"],"names":["DEFAULT_SIZE","SIZES","HdsTabsIndexComponent","_class","Component","size","args","assert","join","includes","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_descriptor4","_descriptor5","_descriptor6","_descriptor7","isControlled","selectedTabIndex","undefined","_selectedTabIndex","value","classNames","classes","push","didInsert","tabNodes","length","panelNodes","selectedTabId","tabIds","indexOf","schedule","setTabIndicator","didUpdateSelectedTabIndex","didUpdateSelectedTabId","didUpdateParentVisibility","didInsertTab","element","isSelected","id","didUpdateTab","tabIndex","willDestroyTab","filter","node","tabId","didInsertPanel","panelId","panelIds","willDestroyPanel","onClick","event","onClickTab","onKeyUp","leftArrow","rightArrow","enterKey","spaceKey","keyCode","nextTabIndex","focusTab","prevTabIndex","parentNode","scrollIntoView","behavior","block","inline","e","preventDefault","focus","setSelectedPanelFocus","next","tabElem","tabsParentElem","closest","offsetParent","tabLeftPos","offsetLeft","tabWidth","offsetWidth","style","setProperty","message","warn","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/tabs/panel.js

@@ -0,0 +1,60 @@
+import { a as _applyDecoratedDescriptor, _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { action } from '@ember/object';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<section\n  class=\"hds-tabs__panel\"\n  ...attributes\n  role=\"tabpanel\"\n  id={{this.panelId}}\n  hidden={{not this.isVisible}}\n  aria-labelledby={{this.coupledTabId}}\n  {{did-insert this.didInsertNode}}\n  {{will-destroy this.willDestroyNode}}\n>\n  {{yield (hash isVisible=this.isVisible)}}\n</section>");
+
+var _class;
+let HdsTabsPanelComponent = (_class = class HdsTabsPanelComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generate a unique ID for the Panel
+     * @return {string}
+     */
+    _defineProperty(this, "panelId", 'panel-' + guidFor(this));
+  }
+  get nodeIndex() {
+    return this.args.panelIds ? this.args.panelIds.indexOf(this.panelId) : undefined;
+  }
+
+  /**
+   * Check the condition if the panel is visible (because the coupled/associated tab is selected) or not
+   * @returns {boolean}
+   */
+  get isVisible() {
+    return this.nodeIndex === this.args.selectedTabIndex;
+  }
+
+  /**
+   * Get the ID of the tab coupled/associated with the panel (it's used by the `aria-labelledby` attribute)
+   * @returns string}
+   */
+  get coupledTabId() {
+    return this.nodeIndex !== undefined ? this.args.tabIds[this.nodeIndex] : undefined;
+  }
+  didInsertNode(element) {
+    let {
+      didInsertNode
+    } = this.args;
+    if (typeof didInsertNode === 'function') {
+      this.elementId = element.id;
+      didInsertNode(element, this.elementId);
+    }
+  }
+  willDestroyNode(element) {
+    let {
+      willDestroyNode
+    } = this.args;
+    if (typeof willDestroyNode === 'function') {
+      willDestroyNode(element);
+    }
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "didInsertNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyNode"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsTabsPanelComponent);
+
+export { HdsTabsPanelComponent as default };
+//# sourceMappingURL=panel.js.map

package/dist/components/hds/tabs/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sources":["../../../../src/components/hds/tabs/panel.hbs","../../../../src/components/hds/tabs/panel.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<section\\n  class=\\\"hds-tabs__panel\\\"\\n  ...attributes\\n  role=\\\"tabpanel\\\"\\n  id={{this.panelId}}\\n  hidden={{not this.isVisible}}\\n  aria-labelledby={{this.coupledTabId}}\\n  {{did-insert this.didInsertNode}}\\n  {{will-destroy this.willDestroyNode}}\\n>\\n  {{yield (hash isVisible=this.isVisible)}}\\n</section>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\n\nexport default class HdsTabsPanelComponent extends Component {\n  /**\n   * Generate a unique ID for the Panel\n   * @return {string}\n   */\n  panelId = 'panel-' + guidFor(this);\n\n  get nodeIndex() {\n    return this.args.panelIds\n      ? this.args.panelIds.indexOf(this.panelId)\n      : undefined;\n  }\n\n  /**\n   * Check the condition if the panel is visible (because the coupled/associated tab is selected) or not\n   * @returns {boolean}\n   */\n  get isVisible() {\n    return this.nodeIndex === this.args.selectedTabIndex;\n  }\n\n  /**\n   * Get the ID of the tab coupled/associated with the panel (it's used by the `aria-labelledby` attribute)\n   * @returns string}\n   */\n  get coupledTabId() {\n    return this.nodeIndex !== undefined\n      ? this.args.tabIds[this.nodeIndex]\n      : undefined;\n  }\n\n  @action\n  didInsertNode(element) {\n    let { didInsertNode } = this.args;\n\n    if (typeof didInsertNode === 'function') {\n      this.elementId = element.id;\n      didInsertNode(element, this.elementId);\n    }\n  }\n\n  @action\n  willDestroyNode(element) {\n    let { willDestroyNode } = this.args;\n\n    if (typeof willDestroyNode === 'function') {\n      willDestroyNode(element);\n    }\n  }\n}\n"],"names":["HdsTabsPanelComponent","_class","Component","constructor","args","_defineProperty","guidFor","nodeIndex","panelIds","indexOf","panelId","undefined","isVisible","selectedTabIndex","coupledTabId","tabIds","didInsertNode","element","elementId","id","willDestroyNode","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,sYAAsY;;;ACQnZA,IAAAA,qBAAqB,IAAAC,MAAA,GAA3B,MAAMD,qBAAqB,SAASE,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAC3D;AACF;AACA;AACA;AAHEC,IAAAA,eAAA,kBAIU,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;EAElC,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,QAAQ,GACrB,IAAI,CAACJ,IAAI,CAACI,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACC,OAAO,CAAC,GACxCC,SAAS,CAAA;AACf,GAAA;;AAEA;AACF;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,OAAO,IAAI,CAACL,SAAS,KAAK,IAAI,CAACH,IAAI,CAACS,gBAAgB,CAAA;AACtD,GAAA;;AAEA;AACF;AACA;AACA;EACE,IAAIC,YAAYA,GAAG;AACjB,IAAA,OAAO,IAAI,CAACP,SAAS,KAAKI,SAAS,GAC/B,IAAI,CAACP,IAAI,CAACW,MAAM,CAAC,IAAI,CAACR,SAAS,CAAC,GAChCI,SAAS,CAAA;AACf,GAAA;EAGAK,aAAaA,CAACC,OAAO,EAAE;IACrB,IAAI;AAAED,MAAAA,aAAAA;KAAe,GAAG,IAAI,CAACZ,IAAI,CAAA;AAEjC,IAAA,IAAI,OAAOY,aAAa,KAAK,UAAU,EAAE;AACvC,MAAA,IAAI,CAACE,SAAS,GAAGD,OAAO,CAACE,EAAE,CAAA;AAC3BH,MAAAA,aAAa,CAACC,OAAO,EAAE,IAAI,CAACC,SAAS,CAAC,CAAA;AACxC,KAAA;AACF,GAAA;EAGAE,eAAeA,CAACH,OAAO,EAAE;IACvB,IAAI;AAAEG,MAAAA,eAAAA;KAAiB,GAAG,IAAI,CAAChB,IAAI,CAAA;AAEnC,IAAA,IAAI,OAAOgB,eAAe,KAAK,UAAU,EAAE;MACzCA,eAAe,CAACH,OAAO,CAAC,CAAA;AAC1B,KAAA;AACF,GAAA;AACF,CAAC,GAAAI,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,oBAlBEC,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAxB,MAAA,CAAAqB,SAAA,EAAA,eAAA,CAAA,EAAArB,MAAA,CAAAqB,SAAA,CAAAD,EAAAA,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,EAUNC,iBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAxB,MAAA,CAAAqB,SAAA,EAAA,iBAAA,CAAA,EAAArB,MAAA,CAAAqB,SAAA,IAAArB,MAAA,EAAA;AAzCiCyB,oBAAA,CAAAC,QAAA,EAAA3B,qBAAA,CAAA;;;;"}

package/dist/components/hds/tabs/tab.js

@@ -0,0 +1,94 @@
+import { a as _applyDecoratedDescriptor, _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { action } from '@ember/object';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! template-lint-disable require-context-role no-invalid-role }}\n<li class={{this.classNames}} ...attributes role=\"presentation\">\n  <button\n    class=\"hds-tabs__tab-button\"\n    role=\"tab\"\n    type=\"button\"\n    id={{this.tabId}}\n    aria-selected={{if this.isSelected \"true\" \"false\"}}\n    tabindex={{unless this.isSelected \"-1\"}}\n    {{did-insert this.didInsertNode @isSelected}}\n    {{did-update this.didUpdateNode @count @isSelected}}\n    {{will-destroy this.willDestroyNode}}\n    {{on \"click\" this.onClick}}\n    {{on \"keyup\" this.onKeyUp}}\n  >\n    {{#if @icon}}\n      <FlightIcon @name={{@icon}} class=\"hds-tabs__tab-icon\" role=\"presentation\" />\n    {{/if}}\n\n    {{yield}}\n\n    {{#if @count}}\n      <Hds::BadgeCount @text={{@count}} @size=\"small\" class=\"hds-tabs__tab-count\" role=\"presentation\" />\n    {{/if}}\n  </button>\n</li>\n{{! template-lint-enable require-context-role no-invalid-role }}");
+
+var _class;
+let HdsTabsTabComponent = (_class = class HdsTabsTabComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generate a unique ID for the Tab
+     * @return {string}
+     */
+    _defineProperty(this, "tabId", 'tab-' + guidFor(this));
+  }
+  get nodeIndex() {
+    return this.args.tabIds ? this.args.tabIds.indexOf(this.tabId) : undefined;
+  }
+
+  /**
+   * Determine if the tab is the selected tab
+   * @return {boolean}
+   * @default false (1st tab is selected by default)
+   */
+  get isSelected() {
+    return this.nodeIndex !== undefined && this.nodeIndex === this.args.selectedTabIndex;
+  }
+  didInsertNode(element, positional) {
+    let {
+      didInsertNode
+    } = this.args;
+    const isSelected = positional[0];
+    if (typeof didInsertNode === 'function') {
+      didInsertNode(element, isSelected);
+    }
+  }
+  didUpdateNode() {
+    let {
+      didUpdateNode
+    } = this.args;
+    if (typeof didUpdateNode === 'function') {
+      didUpdateNode(this.nodeIndex, this.args.isSelected);
+    }
+  }
+  willDestroyNode(element) {
+    let {
+      willDestroyNode
+    } = this.args;
+    if (typeof willDestroyNode === 'function') {
+      willDestroyNode(element);
+    }
+  }
+  onClick(event) {
+    let {
+      onClick
+    } = this.args;
+    if (typeof onClick === 'function') {
+      onClick(event, this.nodeIndex);
+    } else {
+      return false;
+    }
+  }
+  onKeyUp(event) {
+    let {
+      onKeyUp
+    } = this.args;
+    if (typeof onKeyUp === 'function') {
+      onKeyUp(this.nodeIndex, event);
+    } else {
+      return false;
+    }
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-tabs__tab'];
+    if (this.isSelected) {
+      classes.push(`hds-tabs__tab--is-selected`);
+    }
+    return classes.join(' ');
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "didInsertNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsTabsTabComponent);
+
+export { HdsTabsTabComponent as default };
+//# sourceMappingURL=tab.js.map

package/dist/components/hds/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../../src/components/hds/tabs/tab.hbs","../../../../src/components/hds/tabs/tab.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable require-context-role no-invalid-role }}\\n<li class={{this.classNames}} ...attributes role=\\\"presentation\\\">\\n  <button\\n    class=\\\"hds-tabs__tab-button\\\"\\n    role=\\\"tab\\\"\\n    type=\\\"button\\\"\\n    id={{this.tabId}}\\n    aria-selected={{if this.isSelected \\\"true\\\" \\\"false\\\"}}\\n    tabindex={{unless this.isSelected \\\"-1\\\"}}\\n    {{did-insert this.didInsertNode @isSelected}}\\n    {{did-update this.didUpdateNode @count @isSelected}}\\n    {{will-destroy this.willDestroyNode}}\\n    {{on \\\"click\\\" this.onClick}}\\n    {{on \\\"keyup\\\" this.onKeyUp}}\\n  >\\n    {{#if @icon}}\\n      <FlightIcon @name={{@icon}} class=\\\"hds-tabs__tab-icon\\\" role=\\\"presentation\\\" />\\n    {{/if}}\\n\\n    {{yield}}\\n\\n    {{#if @count}}\\n      <Hds::BadgeCount @text={{@count}} @size=\\\"small\\\" class=\\\"hds-tabs__tab-count\\\" role=\\\"presentation\\\" />\\n    {{/if}}\\n  </button>\\n</li>\\n{{! template-lint-enable require-context-role no-invalid-role }}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\n\nexport default class HdsTabsTabComponent extends Component {\n  /**\n   * Generate a unique ID for the Tab\n   * @return {string}\n   */\n  tabId = 'tab-' + guidFor(this);\n\n  get nodeIndex() {\n    return this.args.tabIds ? this.args.tabIds.indexOf(this.tabId) : undefined;\n  }\n\n  /**\n   * Determine if the tab is the selected tab\n   * @return {boolean}\n   * @default false (1st tab is selected by default)\n   */\n  get isSelected() {\n    return (\n      this.nodeIndex !== undefined &&\n      this.nodeIndex === this.args.selectedTabIndex\n    );\n  }\n\n  @action\n  didInsertNode(element, positional) {\n    let { didInsertNode } = this.args;\n\n    const isSelected = positional[0];\n\n    if (typeof didInsertNode === 'function') {\n      didInsertNode(element, isSelected);\n    }\n  }\n\n  @action\n  didUpdateNode() {\n    let { didUpdateNode } = this.args;\n\n    if (typeof didUpdateNode === 'function') {\n      didUpdateNode(this.nodeIndex, this.args.isSelected);\n    }\n  }\n\n  @action\n  willDestroyNode(element) {\n    let { willDestroyNode } = this.args;\n\n    if (typeof willDestroyNode === 'function') {\n      willDestroyNode(element);\n    }\n  }\n\n  @action\n  onClick(event) {\n    let { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(event, this.nodeIndex);\n    } else {\n      return false;\n    }\n  }\n\n  @action\n  onKeyUp(event) {\n    let { onKeyUp } = this.args;\n\n    if (typeof onKeyUp === 'function') {\n      onKeyUp(this.nodeIndex, event);\n    } else {\n      return false;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-tabs__tab'];\n\n    if (this.isSelected) {\n      classes.push(`hds-tabs__tab--is-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsTabsTabComponent","_class","Component","constructor","args","_defineProperty","guidFor","nodeIndex","tabIds","indexOf","tabId","undefined","isSelected","selectedTabIndex","didInsertNode","element","positional","didUpdateNode","willDestroyNode","onClick","event","onKeyUp","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/tag/index.js

@@ -0,0 +1,92 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body class={{this.classNames}} @tag=\"span\" @size=\"100\" @weight=\"medium\" @color=\"primary\" ...attributes>\n  {{#if this.onDismiss}}\n    <button class=\"hds-tag__dismiss\" type=\"button\" aria-label={{this.ariaLabel}} {{on \"click\" this.onDismiss}}>\n      <FlightIcon class=\"hds-tag__dismiss-icon\" @name=\"x\" @size=\"16\" @isInlineBlock={{false}} />\n    </button>\n  {{/if}}\n  {{#if (or @href @route)}}\n    <Hds::Interactive\n      class=\"hds-tag__link\"\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n    >\n      {{this.text}}\n    </Hds::Interactive>\n  {{else}}\n    <span class=\"hds-tag__text\">\n      {{this.text}}\n    </span>\n  {{/if}}\n</Hds::Text::Body>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_COLOR = 'primary';
+const COLORS = ['primary', 'secondary'];
+class HdsTagIndexComponent extends Component {
+  /**
+   * @param onDismiss
+   * @type {function}
+   * @default () => {}
+   */
+  get onDismiss() {
+    let {
+      onDismiss
+    } = this.args;
+    if (typeof onDismiss === 'function') {
+      return onDismiss;
+    } else {
+      return false;
+    }
+  }
+
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the tag. If no text value is defined, an error will be thrown.
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Tag" must have a valid value', text !== undefined);
+    return text;
+  }
+
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @default 'Dismiss'
+   */
+  get ariaLabel() {
+    let tagAriaLabel = this.args.ariaLabel ?? 'Dismiss';
+    return tagAriaLabel + ' ' + this.args.text;
+  }
+
+  /**
+   * @param color
+   * @type {string}
+   * @default primary
+   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`
+   */
+  get color() {
+    if (this.args.href || this.args.route) {
+      let {
+        color = DEFAULT_COLOR
+      } = this.args;
+      assert(`@color for "Hds::Tag" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
+      return color;
+    } else if (this.args.color) {
+      assert('@color can only be applied to "Hds::Tag" along with either @href or @route', this.args.href || this.args.route);
+    }
+    return false;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-tag'];
+
+    // add a class based on the @color argument
+    if (this.color) {
+      classes.push(`hds-tag--color-${this.color}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTagIndexComponent);
+
+export { COLORS, DEFAULT_COLOR, HdsTagIndexComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/tag/index.hbs","../../../../src/components/hds/tag/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body class={{this.classNames}} @tag=\\\"span\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" @color=\\\"primary\\\" ...attributes>\\n  {{#if this.onDismiss}}\\n    <button class=\\\"hds-tag__dismiss\\\" type=\\\"button\\\" aria-label={{this.ariaLabel}} {{on \\\"click\\\" this.onDismiss}}>\\n      <FlightIcon class=\\\"hds-tag__dismiss-icon\\\" @name=\\\"x\\\" @size=\\\"16\\\" @isInlineBlock={{false}} />\\n    </button>\\n  {{/if}}\\n  {{#if (or @href @route)}}\\n    <Hds::Interactive\\n      class=\\\"hds-tag__link\\\"\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      @isRouteExternal={{@isRouteExternal}}\\n      @href={{@href}}\\n      @isHrefExternal={{@isHrefExternal}}\\n    >\\n      {{this.text}}\\n    </Hds::Interactive>\\n  {{else}}\\n    <span class=\\\"hds-tag__text\\\">\\n      {{this.text}}\\n    </span>\\n  {{/if}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport const DEFAULT_COLOR = 'primary';\nexport const COLORS = ['primary', 'secondary'];\n\nexport default class HdsTagIndexComponent extends Component {\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  get onDismiss() {\n    let { onDismiss } = this.args;\n\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return false;\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the tag. If no text value is defined, an error will be thrown.\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert('@text for \"Hds::Tag\" must have a valid value', text !== undefined);\n\n    return text;\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Dismiss'\n   */\n  get ariaLabel() {\n    let tagAriaLabel = this.args.ariaLabel ?? 'Dismiss';\n    return tagAriaLabel + ' ' + this.args.text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color() {\n    if (this.args.href || this.args.route) {\n      let { color = DEFAULT_COLOR } = this.args;\n      assert(\n        `@color for \"Hds::Tag\" must be one of the following: ${COLORS.join(\n          ', '\n        )}; received: ${color}`,\n        COLORS.includes(color)\n      );\n      return color;\n    } else if (this.args.color) {\n      assert(\n        '@color can only be applied to \"Hds::Tag\" along with either @href or @route',\n        this.args.href || this.args.route\n      );\n    }\n    return false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-tag'];\n\n    // add a class based on the @color argument\n    if (this.color) {\n      classes.push(`hds-tag--color-${this.color}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_COLOR","COLORS","HdsTagIndexComponent","Component","onDismiss","args","text","assert","undefined","ariaLabel","tagAriaLabel","color","href","route","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,mgCAAmgC;;ACDriC;AACA;AACA;AACA;;AAKO,MAAMA,aAAa,GAAG,UAAS;MACzBC,MAAM,GAAG,CAAC,SAAS,EAAE,WAAW,EAAC;AAE/B,MAAMC,oBAAoB,SAASC,SAAS,CAAC;AAC1D;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE7B,IAAA,IAAI,OAAOD,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS,CAAA;AAClB,KAAC,MAAM;AACL,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACD,IAAI,CAAA;AAExBE,IAAAA,MAAM,CAAC,8CAA8C,EAAED,IAAI,KAAKE,SAAS,CAAC,CAAA;AAE1E,IAAA,OAAOF,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,SAASA,GAAG;IACd,IAAIC,YAAY,GAAG,IAAI,CAACL,IAAI,CAACI,SAAS,IAAI,SAAS,CAAA;IACnD,OAAOC,YAAY,GAAG,GAAG,GAAG,IAAI,CAACL,IAAI,CAACC,IAAI,CAAA;AAC5C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIK,KAAKA,GAAG;IACV,IAAI,IAAI,CAACN,IAAI,CAACO,IAAI,IAAI,IAAI,CAACP,IAAI,CAACQ,KAAK,EAAE;MACrC,IAAI;AAAEF,QAAAA,KAAK,GAAGX,aAAAA;OAAe,GAAG,IAAI,CAACK,IAAI,CAAA;AACzCE,MAAAA,MAAM,CACH,CAAsDN,oDAAAA,EAAAA,MAAM,CAACa,IAAI,CAChE,IACF,CAAE,CAAA,YAAA,EAAcH,KAAM,CAAA,CAAC,EACvBV,MAAM,CAACc,QAAQ,CAACJ,KAAK,CACvB,CAAC,CAAA;AACD,MAAA,OAAOA,KAAK,CAAA;AACd,KAAC,MAAM,IAAI,IAAI,CAACN,IAAI,CAACM,KAAK,EAAE;AAC1BJ,MAAAA,MAAM,CACJ,4EAA4E,EAC5E,IAAI,CAACF,IAAI,CAACO,IAAI,IAAI,IAAI,CAACP,IAAI,CAACQ,KAC9B,CAAC,CAAA;AACH,KAAA;AACA,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,SAAS,CAAC,CAAA;;AAEzB;IACA,IAAI,IAAI,CAACN,KAAK,EAAE;MACdM,OAAO,CAACC,IAAI,CAAE,CAAA,eAAA,EAAiB,IAAI,CAACP,KAAM,EAAC,CAAC,CAAA;AAC9C,KAAA;AAEA,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EA/EoBlB,oBAAoB,CAAA;;;;"}

package/dist/components/hds/text/body.js

@@ -0,0 +1,63 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text\n  @group=\"body\"\n  @size={{this.size}}\n  @weight={{this.weight}}\n  @align={{@align}}\n  @color={{@color}}\n  @tag={{@tag}}\n  ...attributes\n>{{yield}}</Hds::Text>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_SIZE = '200';
+const AVAILABLE_SIZES = [300, 200, 100];
+const DEFAULT_WEIGHT = 'regular';
+const AVAILABLE_WEIGHTS_PER_SIZE = {
+  300: ['regular', 'medium', 'semibold'],
+  200: ['regular', 'medium', 'semibold'],
+  100: ['regular', 'medium', 'semibold']
+};
+class HdsTextBodyComponent extends Component {
+  /**
+   * Sets the "size" for the text
+   * Accepted values: see AVAILABLE_SIZES
+   *
+   * @type {string}
+   *
+   * @param size
+   */
+  get size() {
+    let {
+      size = DEFAULT_SIZE
+    } = this.args;
+
+    // let's be a bit forgiving with the consumers
+    if (typeof size === 'string') {
+      size = parseInt(size, 10);
+    }
+    assert(`@size for "Hds::Text::Body" must be one of the following: ${AVAILABLE_SIZES.join(', ')}; received: ${size}`, AVAILABLE_SIZES.includes(size));
+    return size;
+  }
+
+  /**
+   * Sets the "weight" for the text
+   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE
+   *
+   * @type {string}
+   *
+   * @param variant
+   */
+  get weight() {
+    let {
+      weight = DEFAULT_WEIGHT
+    } = this.args;
+    const availableWeights = AVAILABLE_WEIGHTS_PER_SIZE[this.size];
+    assert(`@weight for "Hds::Text::Body" with @size=${this.size} must be one of the following: ${availableWeights.join(', ')}; received: ${weight}`, availableWeights.includes(weight));
+    return weight;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTextBodyComponent);
+
+export { AVAILABLE_SIZES, AVAILABLE_WEIGHTS_PER_SIZE, DEFAULT_SIZE, DEFAULT_WEIGHT, HdsTextBodyComponent as default };
+//# sourceMappingURL=body.js.map