@aquera/nile-elements 0.1.35-beta-1.3 → 0.1.35-beta-1.4

package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js

@@ -1,16 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileIcon should render the icon with the correct name"] = 
-`<nile-icon
-  description=""
-  method="fill"
-  name="info"
-  set="local"
-  size="16"
-  style="--nile-svg-fill: var(--nile-colors-dark-500); --nile-svg-height: 16px; --nile-svg-width: 16px;"
->
-</nile-icon>
-`;
-/* end snapshot NileIcon should render the icon with the correct name */
-

package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js

@@ -1,75 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["nile-input renders correctly"] = 
-`<div
-  class="form-control form-control--has-label form-control--medium"
-  part="form-control"
->
-  <label
-    aria-hidden="false"
-    class="form-control__label"
-    for="input"
-    part="form-control-label"
-  >
-    <slot name="label">
-      Test Label
-    </slot>
-  </label>
-  <div
-    class="form-control-input"
-    part="form-control-input"
-  >
-    <nile-popup
-      distance="5"
-      exportparts="input"
-      placement="bottom-start"
-      strategy="fixed"
-    >
-      <div
-        class="input input--empty input--medium input--standard"
-        part="base"
-        slot="anchor"
-      >
-        <slot
-          class="input__prefix"
-          name="prefix"
-          part="prefix"
-        >
-        </slot>
-        <input
-          aria-describedby="help-text"
-          autocomplete="off"
-          class="input__control"
-          id="input"
-          name=""
-          part="input"
-          placeholder=""
-          spellcheck="true"
-          title=""
-          type="text"
-        >
-        <slot
-          class="input__suffix"
-          name="suffix"
-          part="suffix"
-        >
-        </slot>
-      </div>
-      <div class="input__non-printable">
-        Non-printable character detected.
-        <nile-badge
-          class="input__remove-non-printable"
-          variant="error"
-        >
-          Remove All
-        </nile-badge>
-        <div class="input__srtiked-text-container">
-        </div>
-      </div>
-    </nile-popup>
-  </div>
-</div>
-`;
-/* end snapshot nile-input renders correctly */
-

package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js

@@ -1,22 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NilePopover renders correctly"] = 
-`<nile-popup
-  active=""
-  arrowplacement="anchor"
-  distance="18"
-  placement="top"
-  shift=""
-  strategy="absolute"
->
-  <slot
-    aria-describedby="tooltip"
-    name="anchor"
-    slot="anchor"
-  >
-  </slot>
-</nile-popup>
-`;
-/* end snapshot NilePopover renders correctly */
-

package/dist/src/nile-revan/index.d.ts

@@ -1 +0,0 @@
-export { NileRevan } from './nile-revan';

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

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

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

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

package/dist/src/nile-revan/nile-revan.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* 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.
-*/
-/**
- * Revan CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

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

@@ -1,17 +0,0 @@
-/**
-* 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';
-/**
- * Revan CSS
- */
-export const styles = css `
-	:host {
-
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-revan.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-revan.css.js","sourceRoot":"","sources":["../../../src/nile-revan/nile-revan.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * Revan CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-revan/nile-revan.d.ts

@@ -1,32 +0,0 @@
-/**
- * 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 { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile revan component.
- *
- * @tag nile-revan
- *
- */
-export declare class NileRevan extends NileElement {
-    /**
-     * The styles for nile-revan
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileRevan;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-revan': NileRevan;
-    }
-}

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

@@ -1,43 +0,0 @@
-/**
- * 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-revan.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile revan component.
- *
- * @tag nile-revan
- *
- */
-let NileRevan = class NileRevan extends NileElement {
-    /**
-     * The styles for nile-revan
-     * @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
-     */
-    render() {
-        return html `
-<h1>Hi</h1>
-			`;
-    }
-};
-NileRevan = __decorate([
-    customElement('nile-revan')
-], NileRevan);
-export { NileRevan };
-export default NileRevan;
-//# sourceMappingURL=nile-revan.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-revan.js","sourceRoot":"","sources":["../../../src/nile-revan/nile-revan.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAEzC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;IAET,CAAC;IACJ,CAAC;CAGD,CAAA;AAzBY,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAyBrB;;AAED,eAAe,SAAS,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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-revan.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile revan component.\n *\n * @tag nile-revan\n *\n */\n@customElement('nile-revan')\nexport class NileRevan extends NileElement {\n\n\t/**\n\t * The styles for nile-revan\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n<h1>Hi</h1>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileRevan;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-revan': NileRevan;\n  }\n}"]}

package/dist/src/nile-test/index.d.ts

@@ -1 +0,0 @@
-export { NileTest } from './nile-test';

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

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

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

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

package/dist/src/nile-test/nile-test.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* 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.
-*/
-/**
- * Test CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

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

@@ -1,17 +0,0 @@
-/**
-* 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';
-/**
- * Test CSS
- */
-export const styles = css `
-	:host {
-
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-test.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test.css.js","sourceRoot":"","sources":["../../../src/nile-test/nile-test.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * Test CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-test/nile-test.d.ts

@@ -1,34 +0,0 @@
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile test component.
- *
- * @tag nile-test
- *
- */
-export declare class NileTest extends NileElement {
-    /**
-     * The styles for nile-test
-     */
-    static get styles(): CSSResultArray;
-    label: string;
-    value: any;
-    editable: boolean;
-    closable: boolean;
-    icon: string;
-    removeIcon: string;
-    calendarOpen: boolean;
-    private handleChipClick;
-    private handleChipClose;
-    private handleDateSelect;
-    /**
-     * Render method
-     */
-    render(): TemplateResult;
-}
-export default NileTest;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-test': NileTest;
-    }
-}

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

@@ -1,179 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { styles } from './nile-test.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile test component.
- *
- * @tag nile-test
- *
- */
-let NileTest = class NileTest extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.label = 'Default Label';
-        this.value = { text: 'Default Value', extraCount: 6, dates: [] };
-        this.editable = false;
-        this.closable = true;
-        this.icon = '';
-        this.removeIcon = '';
-        // This state will control whether the calendar is shown.
-        this.calendarOpen = false;
-    }
-    /**
-     * The styles for nile-test
-     */
-    static get styles() {
-        return [
-            styles,
-            css `
-        .chip-calendar-container {
-          position: relative;
-          display: inline-block;
-        }
-        .calendar {
-          position: absolute;
-          top: 100%;
-          left: 0;
-          margin-top: 4px;
-          background: #fff;
-          border: 1px solid #ccc;
-          padding: 8px;
-          z-index: 10;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-      `,
-        ];
-    }
-    /* #region Methods */
-    handleChipClick(e) {
-        console.log('Chip clicked:', e.detail);
-        // Instead of toggling, always open the calendar when the chip is clicked.
-        this.calendarOpen = true;
-    }
-    handleChipClose(e) {
-        console.log('Chip closed:', e.detail);
-    }
-    // Handle date selection from the calendar input
-    handleDateSelect(e) {
-        const input = e.target;
-        const selectedDate = input.value;
-        console.log('Date selected:', selectedDate);
-        // Update the chip's value by adding the selected date to the dates array
-        if (!this.value.dates) {
-            this.value = { ...this.value, dates: [] };
-        }
-        this.value.dates.push(selectedDate);
-        // Optionally update extraCount if needed
-        this.value.extraCount = this.value.dates.length - 1;
-        // Hide the calendar after selection
-        this.calendarOpen = false;
-        this.requestUpdate();
-    }
-    /**
-     * Render method
-     */
-    render() {
-        return html `
-      <div class="chip-calendar-container">
-        <nile-filter-chip
-          .label="${this.label}"
-          .value="${this.value}"
-          .editable="${this.editable}"
-          .closable="${this.closable}"
-          .icon="${this.icon}"
-          @nile-click="${this.handleChipClick}"
-          @nile-close="${this.handleChipClose}"
-        >
-          <span slot="icon">
-            <nile-icon name="calendar" size="10"></nile-icon>
-          </span>
-        </nile-filter-chip>
-        <nile-filter-chip
-          .label="${this.label}"
-          .value="${this.value}"
-          .editable="${this.editable}"
-          .closable="${this.closable}"
-          .icon="${this.icon}"
-          @nile-click="${this.handleChipClick}"
-          @nile-close="${this.handleChipClose}"
-        >
-          <span slot="icon">
-            <nile-icon name="calendar" size="10"></nile-icon>
-          </span>
-        </nile-filter-chip>
-
-        ${this.calendarOpen
-            ? html `
-              <div class="calendar">
-               
-                <input type="date" @change="${this.handleDateSelect}" />
-              </div>
-            `
-            : ''}
-      </div>
-
-      <nile-input
-        .value="${this.label}"
-        label="Label"
-        @nile-change="${(e) => (this.label = e.detail.value)}"
-      ></nile-input>
-
-      <nile-input
-        .value="${this.value.text}"
-        label="Value"
-        @nile-change="${(e) => (this.value = { ...this.value, text: e.detail.value })}"
-      ></nile-input>
-
-      <nile-input
-        .value="${this.value.extraCount}"
-        label="Extra Count"
-        type="number"
-        @nile-change="${(e) => (this.value = {
-            ...this.value,
-            extraCount: parseInt(e.detail.value, 10) || 0,
-        })}"
-      ></nile-input>
-
-      <nile-checkbox
-        .checked="${this.editable}"
-        label="Editable"
-        @nile-change="${(e) => (this.editable = e.detail.checked)}"
-      ></nile-checkbox>
-
-      <nile-checkbox
-        .checked="${this.closable}"
-        label="Closable"
-        @nile-change="${(e) => (this.closable = e.detail.checked)}"
-      ></nile-checkbox>
-    `;
-    }
-};
-__decorate([
-    state()
-], NileTest.prototype, "label", void 0);
-__decorate([
-    state()
-], NileTest.prototype, "value", void 0);
-__decorate([
-    state()
-], NileTest.prototype, "editable", void 0);
-__decorate([
-    state()
-], NileTest.prototype, "closable", void 0);
-__decorate([
-    state()
-], NileTest.prototype, "icon", void 0);
-__decorate([
-    property({ type: String })
-], NileTest.prototype, "removeIcon", void 0);
-__decorate([
-    state()
-], NileTest.prototype, "calendarOpen", void 0);
-NileTest = __decorate([
-    customElement('nile-test')
-], NileTest);
-export { NileTest };
-export default NileTest;
-//# sourceMappingURL=nile-test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test.js","sourceRoot":"","sources":["../../../src/nile-test/nile-test.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styles } from './nile-test.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile test component.\n *\n * @tag nile-test\n *\n */\n@customElement('nile-test')\nexport class NileTest extends NileElement {\n  /**\n   * The styles for nile-test\n   */\n  public static get styles(): CSSResultArray {\n    return [\n      styles,\n      css`\n        .chip-calendar-container {\n          position: relative;\n          display: inline-block;\n        }\n        .calendar {\n          position: absolute;\n          top: 100%;\n          left: 0;\n          margin-top: 4px;\n          background: #fff;\n          border: 1px solid #ccc;\n          padding: 8px;\n          z-index: 10;\n          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n      `,\n    ];\n  }\n\n  @state() label: string = 'Default Label';\n  @state() value: any = { text: 'Default Value', extraCount: 6, dates: [] };\n  @state() editable: boolean = false;\n  @state() closable: boolean = true;\n  @state() icon: string = '';\n  @property({ type: String }) removeIcon = '';\n  \n  // This state will control whether the calendar is shown.\n  @state() calendarOpen: boolean = false;\n\n  /* #region Methods */\n\n  private handleChipClick(e: CustomEvent) {\n    console.log('Chip clicked:', e.detail);\n    // Instead of toggling, always open the calendar when the chip is clicked.\n    this.calendarOpen = true;\n  }\n\n  private handleChipClose(e: CustomEvent) {\n    console.log('Chip closed:', e.detail);\n  }\n\n  // Handle date selection from the calendar input\n  private handleDateSelect(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const selectedDate = input.value;\n    console.log('Date selected:', selectedDate);\n\n    // Update the chip's value by adding the selected date to the dates array\n    if (!this.value.dates) {\n      this.value = { ...this.value, dates: [] };\n    }\n    this.value.dates.push(selectedDate);\n    // Optionally update extraCount if needed\n    this.value.extraCount = this.value.dates.length - 1;\n    \n    // Hide the calendar after selection\n    this.calendarOpen = false;\n    this.requestUpdate();\n  }\n\n  /**\n   * Render method\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip-calendar-container\">\n        <nile-filter-chip\n          .label=\"${this.label}\"\n          .value=\"${this.value}\"\n          .editable=\"${this.editable}\"\n          .closable=\"${this.closable}\"\n          .icon=\"${this.icon}\"\n          @nile-click=\"${this.handleChipClick}\"\n          @nile-close=\"${this.handleChipClose}\"\n        >\n          <span slot=\"icon\">\n            <nile-icon name=\"calendar\" size=\"10\"></nile-icon>\n          </span>\n        </nile-filter-chip>\n        <nile-filter-chip\n          .label=\"${this.label}\"\n          .value=\"${this.value}\"\n          .editable=\"${this.editable}\"\n          .closable=\"${this.closable}\"\n          .icon=\"${this.icon}\"\n          @nile-click=\"${this.handleChipClick}\"\n          @nile-close=\"${this.handleChipClose}\"\n        >\n          <span slot=\"icon\">\n            <nile-icon name=\"calendar\" size=\"10\"></nile-icon>\n          </span>\n        </nile-filter-chip>\n\n        ${this.calendarOpen\n          ? html`\n              <div class=\"calendar\">\n               \n                <input type=\"date\" @change=\"${this.handleDateSelect}\" />\n              </div>\n            `\n          : ''}\n      </div>\n\n      <nile-input\n        .value=\"${this.label}\"\n        label=\"Label\"\n        @nile-change=\"${(e: CustomEvent) => (this.label = e.detail.value)}\"\n      ></nile-input>\n\n      <nile-input\n        .value=\"${this.value.text}\"\n        label=\"Value\"\n        @nile-change=\"${(e: CustomEvent) =>\n          (this.value = { ...this.value, text: e.detail.value })}\"\n      ></nile-input>\n\n      <nile-input\n        .value=\"${this.value.extraCount}\"\n        label=\"Extra Count\"\n        type=\"number\"\n        @nile-change=\"${(e: CustomEvent) =>\n          (this.value = {\n            ...this.value,\n            extraCount: parseInt(e.detail.value, 10) || 0,\n          })}\"\n      ></nile-input>\n\n      <nile-checkbox\n        .checked=\"${this.editable}\"\n        label=\"Editable\"\n        @nile-change=\"${(e: CustomEvent) => (this.editable = e.detail.checked)}\"\n      ></nile-checkbox>\n\n      <nile-checkbox\n        .checked=\"${this.closable}\"\n        label=\"Closable\"\n        @nile-change=\"${(e: CustomEvent) => (this.closable = e.detail.checked)}\"\n      ></nile-checkbox>\n    `;\n  }\n}\n\nexport default NileTest;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-test': NileTest;\n  }\n}\n"]}