@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

package/dist/src/nile-table-row/nile-table-row.js

@@ -0,0 +1,58 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-table-row.css';
+import NileElement from '../internal/nile-element';
+/**
+ *nile-table-row component.
+ *
+ * @tag nile-table-row
+ *
+ */
+let NileTableRow = class NileTableRow extends NileElement {
+    /**
+     * The styles for TableRow
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    handleSortingAlter(event) {
+        const header_items = [
+            ...this.querySelectorAll('nile-table-header-item'),
+        ];
+        for (let i = 0; i < header_items.length; i++) {
+            const header = header_items[i];
+            const haveIcon = header.textContent == event.detail.value.curr_sort_string;
+            if (!haveIcon) {
+                header.sorting_ct = 0;
+            }
+        }
+    }
+    render() {
+        return html `
+      <slot
+        part="nile-row"
+        @nile-click-sort="${this.handleSortingAlter}"
+      ></slot>
+    `;
+    }
+};
+NileTableRow = __decorate([
+    customElement('nile-table-row')
+], NileTableRow);
+export { NileTableRow };
+export default NileTableRow;
+//# sourceMappingURL=nile-table-row.js.map

package/dist/src/nile-table-row/nile-table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IAEI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IAEK,kBAAkB,CAAC,KAAkB;QAC3C,MAAM,YAAY,GAAQ;YACxB,GAAG,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC;SACnD,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;4BAGa,IAAI,CAAC,kBAAkB;;KAE9C,CAAC;IACJ,CAAC;CAGF,CAAA;AA1CY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CA0CxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  private handleSortingAlter(event: CustomEvent) {\n    const header_items: any = [\n      ...this.querySelectorAll('nile-table-header-item'),\n    ];\n    for (let i = 0; i < header_items.length; i++) {\n      const header = header_items[i];\n      const haveIcon = header.textContent == event.detail.value.curr_sort_string;\n      if (!haveIcon) {\n        header.sorting_ct = 0;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot\n        part=\"nile-row\"\n        @nile-click-sort=\"${this.handleSortingAlter}\"\n      ></slot>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}

package/dist/src/nile-tag/index.js

@@ -0,0 +1,2 @@
+export { NileTag } from './nile-tag';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { NileTag } from './nile-tag';\n"]}

package/dist/src/nile-tag/nile-tag.css.js

@@ -0,0 +1,160 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+/**
+ * Tag CSS
+ */
+export const styles = css `
+  :host {
+    display: inline-block;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .tag {
+    display: flex;
+    align-items: center;
+    border: solid 2px;
+    line-height: 1;
+    white-space: nowrap;
+    user-select: none;
+    border-radius: var(--nile-radius-sm , var(--ng-radius-sm));
+    gap: var(--nile-spacing-sm , var(--ng-spacing-sm));
+  }
+
+  .tag__remove::part(base) {
+    color: inherit;
+    padding: var(--nile-spacing-none , var(--ng-spacing-none));
+  }
+
+  /*
+   * Variant modifiers
+   */
+
+  .tag--medium {
+    font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
+    height: var(--nile-height-26px , var(--ng-height-auto));
+    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
+    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));
+  }
+
+  .tag--primary {
+    background: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));
+    border: 2px solid  var(--nile-colors-primary-600, var(--ng-colors-border-primary));
+    color: var(--nile-colors-white-base);
+  }
+
+  .tag--primary:hover {
+    border: 2px solid rgba(0, 94, 166, 0.50);
+  }
+
+  .tag--primary:active > nile-icon-button {
+    color: var(--nile-colors-blue-700);
+  }
+
+  .tag--success {
+    background: var(--nile-colors-green-400);
+    border: 2px solid var(--nile-colors-green-400, var(--ng-colors-border-primary));
+    color: var(--nile-colors-dark-900);
+  }
+
+  .tag--success:hover {
+    border: 2px solid var(--nile-colors-green-500, var(--ng-colors-border-primary));
+  }
+
+  .tag--success:active > nile-icon-button {
+    color: var(--nile-colors-green-700);
+  }
+
+  .tag--normal {
+    background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));
+    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
+    color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));
+  }
+  
+  .tag--normal:hover {
+    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));
+  }
+
+  .tag--normal:active > nile-icon-button {
+    color: var(--nile-colors-neutral-700);
+  }
+
+  .tag--warning {
+    background: var(--nile-colors-yellow-400);
+    border: 2px solid var(--nile-colors-yellow-400, var(--ng-colors-border-primary));
+    color: var(--nile-colors-dark-900);
+  }
+
+  .tag--warning:hover {
+    border: 2px solid var(--nile-colors-yellow-500, var(--ng-colors-border-primary));
+  }
+
+  .tag--warning:active > nile-icon-button {
+    color: var(--nile-colors-yellow-500);
+  }
+
+
+  .tag--error {
+    background: var(--nile-colors-red-400);
+    border: 2px solid var(--nile-colors-red-400, var(--ng-colors-border-primary));
+    color: var(--nile-colors-dark-900);
+  }
+
+  .tag--error:hover {
+    border: 2px solid var(--nile-colors-red-500, var(--ng-colors-border-primary));
+  }
+
+  .tag--error:active > nile-icon-button {
+    color: var(--nile-colors-red-500);
+  }
+
+  .tag--info {
+    background: var(--nile-colors-blue-400);
+    border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));
+    color: var(--nile-colors-dark-900);
+  }
+
+  .tag--info:hover {
+    border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));
+  }
+
+  .tag--info:active > nile-icon-button {
+    color: var(--nile-colors-red-500);
+  }
+
+  .tag__remove {
+    margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));
+  }
+
+  /*
+   * Pill modifier
+   */
+
+  .tag--pill {
+    border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));
+  }
+
+  .tag__prefix {
+  padding: var(--nile-spacing-3px, var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));
+}
+
+ .tag__content {
+  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+}
+
+  .prefix_content_wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 6px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-tag.css.js.map

package/dist/src/nile-tag/nile-tag.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-tag.css.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Tag CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .tag {\n    display: flex;\n    align-items: center;\n    border: solid 2px;\n    line-height: 1;\n    white-space: nowrap;\n    user-select: none;\n    border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n    gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n  }\n\n  .tag__remove::part(base) {\n    color: inherit;\n    padding: var(--nile-spacing-none , var(--ng-spacing-none));\n  }\n\n  /*\n   * Variant modifiers\n   */\n\n  .tag--medium {\n    font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    height: var(--nile-height-26px , var(--ng-height-auto));\n    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n  }\n\n  .tag--primary {\n    background: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n    border: 2px solid  var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n    color: var(--nile-colors-white-base);\n  }\n\n  .tag--primary:hover {\n    border: 2px solid rgba(0, 94, 166, 0.50);\n  }\n\n  .tag--primary:active > nile-icon-button {\n    color: var(--nile-colors-blue-700);\n  }\n\n  .tag--success {\n    background: var(--nile-colors-green-400);\n    border: 2px solid var(--nile-colors-green-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tag--success:hover {\n    border: 2px solid var(--nile-colors-green-500, var(--ng-colors-border-primary));\n  }\n\n  .tag--success:active > nile-icon-button {\n    color: var(--nile-colors-green-700);\n  }\n\n  .tag--normal {\n    background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));\n    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));\n  }\n  \n  .tag--normal:hover {\n    border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n  }\n\n  .tag--normal:active > nile-icon-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tag--warning {\n    background: var(--nile-colors-yellow-400);\n    border: 2px solid var(--nile-colors-yellow-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tag--warning:hover {\n    border: 2px solid var(--nile-colors-yellow-500, var(--ng-colors-border-primary));\n  }\n\n  .tag--warning:active > nile-icon-button {\n    color: var(--nile-colors-yellow-500);\n  }\n\n\n  .tag--error {\n    background: var(--nile-colors-red-400);\n    border: 2px solid var(--nile-colors-red-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tag--error:hover {\n    border: 2px solid var(--nile-colors-red-500, var(--ng-colors-border-primary));\n  }\n\n  .tag--error:active > nile-icon-button {\n    color: var(--nile-colors-red-500);\n  }\n\n  .tag--info {\n    background: var(--nile-colors-blue-400);\n    border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900);\n  }\n\n  .tag--info:hover {\n    border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));\n  }\n\n  .tag--info:active > nile-icon-button {\n    color: var(--nile-colors-red-500);\n  }\n\n  .tag__remove {\n    margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .tag--pill {\n    border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));\n  }\n\n  .tag__prefix {\n  padding: var(--nile-spacing-3px, var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));\n}\n\n .tag__content {\n  font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n}\n\n  .prefix_content_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 6px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-tag/nile-tag.js

@@ -0,0 +1,141 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, } from 'lit';
+import { styles } from './nile-tag.css';
+import '../nile-icon-button/nile-icon-button';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property } from 'lit/decorators.js';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-tag
+ *
+ */
+/**
+ * @summary Tags are used as labels to organize things or to indicate a selection.
+ * @status stable
+ *
+ * @dependency nile-icon-button
+ *
+ * @slot - The tag's content.
+ *
+ * @event nile-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The tag's content.
+ * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+let NileTag = class NileTag extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** The tag's theme variant. */
+        this.variant = 'normal';
+        /** The tag's size. */
+        this.size = 'medium';
+        /** Draws a pill-style tag with rounded edges. */
+        this.pill = false;
+        /** Makes the tag removable and shows a remove button. */
+        this.removable = false;
+    }
+    handleRemoveClick() {
+        this.emit('nile-remove');
+    }
+    getCloseButtonColor() {
+        let primaryColor;
+        switch (this.variant) {
+            case 'primary':
+                primaryColor = '--nile-colors-blue-500';
+                break;
+            case 'success':
+                primaryColor = '--nile-colors-green-500';
+                break;
+            case 'normal':
+                primaryColor = '--nile-colors-dark-500';
+                break;
+            case 'warning':
+                primaryColor = '--nile-colors-yellow-500';
+                break;
+            case 'error':
+                primaryColor = '--nile-colors-red-500';
+                break;
+            case 'info':
+                primaryColor = '--nile-colors-blue-500';
+                break;
+            default:
+                primaryColor = '--nile-colors-dark-500';
+        }
+        return `var(${primaryColor}, var(--ng-colors-fg-quaternary-400))`;
+    }
+    render() {
+        const colorVariable = this.getCloseButtonColor();
+        return html `
+      <span
+        part="base"
+        class=${classMap({
+            tag: true,
+            // Types
+            'tag--primary': this.variant === 'primary',
+            'tag--success': this.variant === 'success',
+            'tag--normal': this.variant === 'normal',
+            'tag--warning': this.variant === 'warning',
+            'tag--error': this.variant === 'error',
+            'tag--info': this.variant === 'info',
+            // Sizes
+            'tag--small': this.size === 'small',
+            'tag--medium': this.size === 'medium',
+            'tag--large': this.size === 'large',
+            // Modifiers
+            'tag--pill': this.pill,
+            'tag--removable': this.removable,
+        })}
+      >
+        <div class="prefix_content_wrapper" part="prefix_content_wrapper">
+          <slot name="prefix" part="prefix" class="tag__prefix"></slot>
+          <slot part="content" class="tag__content"></slot>
+        </div>
+
+        ${this.removable
+            ? html `
+              <nile-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="var(--nile-icon-close, var(--ng-icon-x-close))"
+                library="system"
+                label="remove"
+                class="tag__remove cross_icon"
+                @click=${this.handleRemoveClick}
+                tabindex="-1"
+                 color=${this.getCloseButtonColor()}
+              ></nile-icon-button>
+            `
+            : ''}
+      </span>
+    `;
+    }
+};
+NileTag.styles = styles;
+__decorate([
+    property({ reflect: true })
+], NileTag.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true })
+], NileTag.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileTag.prototype, "pill", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileTag.prototype, "removable", void 0);
+NileTag = __decorate([
+    customElement('nile-tag')
+], NileTag);
+export { NileTag };
+export default NileTag;
+//# sourceMappingURL=nile-tag.js.map

package/dist/src/nile-tag/nile-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-tag.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-tag\n *\n */\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The tag's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  /** The tag's theme variant. */\n  @property({ reflect: true }) variant:\n    | 'primary'\n    | 'success'\n    | 'normal'\n    | 'warning'\n    | 'error'\n    | 'info' = 'normal';\n\n  /** The tag's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a pill-style tag with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** Makes the tag removable and shows a remove button. */\n  @property({ type: Boolean }) removable = false;\n\n  private handleRemoveClick() {\n    this.emit('nile-remove');\n  }\n  \n  getCloseButtonColor() {\n    let primaryColor;\n    switch (this.variant) {\n      case 'primary':\n        primaryColor = '--nile-colors-blue-500';\n        break;\n      case 'success':\n        primaryColor = '--nile-colors-green-500';\n        break;\n      case 'normal':\n        primaryColor = '--nile-colors-dark-500';\n        break;\n      case 'warning':\n        primaryColor = '--nile-colors-yellow-500';\n        break;\n      case 'error':\n        primaryColor = '--nile-colors-red-500';\n        break;\n      case 'info':\n        primaryColor = '--nile-colors-blue-500';\n        break;\n      default:\n        primaryColor = '--nile-colors-dark-500';\n    }\n    return `var(${primaryColor}, var(--ng-colors-fg-quaternary-400))`;\n  }\n  \n  render() {\n    const colorVariable = this.getCloseButtonColor();\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          tag: true,\n\n          // Types\n          'tag--primary': this.variant === 'primary',\n          'tag--success': this.variant === 'success',\n          'tag--normal': this.variant === 'normal',\n          'tag--warning': this.variant === 'warning',\n          'tag--error': this.variant === 'error',\n          'tag--info': this.variant === 'info',\n\n          // Sizes\n          'tag--small': this.size === 'small',\n          'tag--medium': this.size === 'medium',\n          'tag--large': this.size === 'large',\n\n          // Modifiers\n          'tag--pill': this.pill,\n          'tag--removable': this.removable,\n\n        })}\n      >\n        <div class=\"prefix_content_wrapper\" part=\"prefix_content_wrapper\">\n          <slot name=\"prefix\" part=\"prefix\" class=\"tag__prefix\"></slot>\n          <slot part=\"content\" class=\"tag__content\"></slot>\n        </div>\n\n        ${this.removable\n          ? html`\n              <nile-icon-button\n                part=\"remove-button\"\n                exportparts=\"base:remove-button__base\"\n                name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n                library=\"system\"\n                label=\"remove\"\n                class=\"tag__remove cross_icon\"\n                @click=${this.handleRemoveClick}\n                tabindex=\"-1\"\n                 color=${this.getCloseButtonColor()}\n              ></nile-icon-button>\n            `\n          : ''}\n      </span>\n    `;\n  }\n}\n\nexport default NileTag;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tag': NileTag;\n  }\n}\n"]}

package/dist/src/nile-textarea/index.js

@@ -0,0 +1,2 @@
+export { NileTextarea } from './nile-textarea';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileTextarea } from './nile-textarea';\n"]}