@aquera/nile-elements 0.0.6-1 → 0.0.6-11

package/dist/src/nile-button-toggle/nile-button-toggle.css.js

@@ -0,0 +1,52 @@
+/**
+ * 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-element';
+/**
+ * ButtonToggle CSS
+ */
+export const styles = css `
+  :host {
+  }
+
+  .nile-button-toggle {
+    display: flex;
+    padding: 12px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #000;
+    text-align: center;
+    font-family: Colfax-regular;
+    font-size: 14px;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .nile-button-toggle__initial {
+    border-radius: 4px 0 0 4px;
+  }
+
+  .nile-button-toggle__end {
+    border-radius: 0 4px 4px 0;
+  }
+
+  .nile-button-toggle__middle {
+    border-width: 1px 0px;
+    border-style: solid;
+    border-color: #ccc;
+    border-radius: 0;
+  }
+
+  .nile-button-toggle__active {
+    background-color: #c7ced4;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-button-toggle.css.js.map

package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-button-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxB,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-element';\n\n/**\n * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-button-toggle/nile-button-toggle.d.ts

@@ -0,0 +1,39 @@
+/**
+ * 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 { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-button-toggle
+ *
+ */
+export declare class NileButtonToggle extends LitElement {
+    /**
+     * The styles for ButtonToggle
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    active: boolean;
+    initial: boolean;
+    middle: boolean;
+    end: boolean;
+    value: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    toggle(): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileButtonToggle;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-button-toggle': NileButtonToggle;
+    }
+}

package/dist/src/nile-button-toggle/nile-button-toggle.js

@@ -0,0 +1,94 @@
+/**
+ * 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 { LitElement, html, property } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-button-toggle.css';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-button-toggle
+ *
+ */
+let NileButtonToggle = class NileButtonToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.initial = false;
+        this.middle = false;
+        this.end = false;
+        this.value = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for ButtonToggle
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.toggle);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('click', this.toggle);
+        super.disconnectedCallback();
+    }
+    toggle() {
+        this.active = true;
+        const eventData = { active: this.active, value: this.value };
+        this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        let classes = ['nile-button-toggle'];
+        if (this.active) {
+            classes.push('nile-button-toggle__active');
+        }
+        if (this.initial) {
+            classes.push('nile-button-toggle__initial');
+        }
+        if (this.middle) {
+            classes.push('nile-button-toggle__middle');
+        }
+        if (this.end) {
+            classes.push('nile-button-toggle__end');
+        }
+        const classString = classes.join(' ');
+        return html `
+      <div class="${classString}">
+        <slot name="prefix"></slot>
+        <slot> </slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "initial", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "middle", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "end", void 0);
+__decorate([
+    property({ type: String })
+], NileButtonToggle.prototype, "value", void 0);
+NileButtonToggle = __decorate([
+    customElement('nile-button-toggle')
+], NileButtonToggle);
+export { NileButtonToggle };
+export default NileButtonToggle;
+//# sourceMappingURL=nile-button-toggle.js.map

package/dist/src/nile-button-toggle/nile-button-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-button-toggle.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAEhD;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAWL,WAAM,GAAG,KAAK,CAAC;QAGf,YAAO,GAAG,KAAK,CAAC;QAGhB,WAAM,GAAG,KAAK,CAAC;QAGf,QAAG,GAAG,KAAK,CAAC;QAGZ,UAAK,GAAG,EAAE,CAAC;QAgDZ,gBAAgB;IACjB,CAAC;IAtEA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAiBA,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/C,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7D,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAEnG,CAAC;IAEF;;;OAGG;IACK,MAAM;QACX,IAAI,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAC;QACrC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SAC5C;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SAC5C;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;SACzC;QAED,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEtC,OAAO,IAAI,CAAA;oBACK,WAAW;;;;KAI1B,CAAC;IACJ,CAAC;CAGF,CAAA;AA7DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC5B;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC5B;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC/B;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAChB;AAvBA,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAwE5B;SAxEY,gBAAgB;AA0E7B,eAAe,gBAAgB,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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle\n *\n */\n@customElement('nile-button-toggle')\nexport class NileButtonToggle extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggle\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  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  initial = false;\n\n  @property({ type: Boolean, reflect: true })\n  middle = false;\n\n  @property({ type: Boolean, reflect: true })\n  end = false;\n\n  @property({ type: String })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.toggle);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.toggle);\n    super.disconnectedCallback();\n  }\n\n  toggle() {\n    this.active = true;\n    const eventData = { active: this.active, value: this.value };\n    this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));\n\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n  public render(): TemplateResult {\n    let classes = ['nile-button-toggle'];\n    if (this.active) {\n      classes.push('nile-button-toggle__active');\n    }\n    if (this.initial) {\n      classes.push('nile-button-toggle__initial');\n    }\n    if (this.middle) {\n      classes.push('nile-button-toggle__middle');\n    }\n    if (this.end) {\n      classes.push('nile-button-toggle__end');\n    }\n\n    const classString = classes.join(' ');\n\n    return html`\n      <div class=\"${classString}\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    `;\n  }\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle': NileButtonToggle;\n  }\n}\n"]}

package/dist/src/nile-button-toggle-group/index.d.ts

@@ -0,0 +1 @@
+export { NileButtonToggleGroup } from './nile-button-toggle-group';

package/dist/src/nile-button-toggle-group/index.js

@@ -0,0 +1,2 @@
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-button-toggle-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { NileButtonToggleGroup } from './nile-button-toggle-group';\n"]}

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.d.ts

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

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js

@@ -0,0 +1,17 @@
+/**
+* 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-element';
+/**
+ * ButtonToggleGroup CSS
+ */
+export const styles = css `
+	:host {
+    display: inline-flex;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-button-toggle-group.css.js.map

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-button-toggle-group.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;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-element';\n\n/**\n * ButtonToggleGroup CSS\n */\nexport const styles = css`\n\t:host {\n    display: inline-flex;\n\t}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-button-toggle-group
+ *
+ */
+export declare class NileButtonToggleGroup extends LitElement {
+    /**
+     * The styles for ButtonToggleGroup
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    private toggles;
+    private defaultSlot;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updateTogglePositions(): void;
+    handleToggle(event: CustomEvent): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileButtonToggleGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-button-toggle-group': NileButtonToggleGroup;
+    }
+}

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js

@@ -0,0 +1,76 @@
+/**
+ * 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 { LitElement, html } from 'lit-element';
+import { customElement, query, queryAll } from 'lit/decorators.js';
+import { styles } from './nile-button-toggle-group.css';
+import NileButtonToggle from '../nile-button-toggle/nile-button-toggle';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-button-toggle-group
+ *
+ */
+let NileButtonToggleGroup = class NileButtonToggleGroup extends LitElement {
+    /**
+     * The styles for ButtonToggleGroup
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    firstUpdated() {
+        this.defaultSlot.addEventListener('slotchange', () => this.updateTogglePositions());
+        this.addEventListener('nile-toggle-changed', this.handleToggle);
+        this.updateTogglePositions();
+    }
+    updateTogglePositions() {
+        const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });
+        const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle);
+        toggles.forEach((toggle, index) => {
+            toggle.initial = index === 0;
+            toggle.middle = index > 0 && index < toggles.length - 1;
+            toggle.end = index === toggles.length - 1;
+        });
+    }
+    handleToggle(event) {
+        const toggles = this.querySelectorAll('nile-button-toggle');
+        if (toggles && event.detail.active) {
+            toggles.forEach((toggle) => {
+                if (toggle !== event.target) {
+                    toggle.active = false;
+                }
+            });
+            this.dispatchEvent(new CustomEvent('nile-changed', { detail: { value: event.detail.value } }));
+        }
+    }
+    ;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+			<slot> </slot>
+			`;
+    }
+};
+__decorate([
+    queryAll('nile-button-toggle')
+], NileButtonToggleGroup.prototype, "toggles", void 0);
+__decorate([
+    query('slot:not([name])')
+], NileButtonToggleGroup.prototype, "defaultSlot", void 0);
+NileButtonToggleGroup = __decorate([
+    customElement('nile-button-toggle-group')
+], NileButtonToggleGroup);
+export { NileButtonToggleGroup };
+export default NileButtonToggleGroup;
+//# sourceMappingURL=nile-button-toggle-group.js.map

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-button-toggle-group.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAC;AACtD,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE;;;;;GAKG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAEpD;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IASA,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,qBAAqB;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACtE,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,gBAAgB,CAAuB,CAAC;QAErG,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;YAC7B,MAAM,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,MAAM,CAAC,GAAG,GAAG,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAkB;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAE5D,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAClC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAW,EAAE,EAAE;gBAC9B,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;oBAC3B,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;iBACvB;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;SAChG;IACH,CAAC;IAAA,CAAC;IAEH;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;IAET,CAAC;IACJ,CAAC;CAGD,CAAA;AApDC;IADC,QAAQ,CAAC,oBAAoB,CAAC;sDACgB;AAG/C;IADC,KAAK,CAAC,kBAAkB,CAAC;0DACY;AAd3B,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA+DjC;SA/DY,qBAAqB;AAiElC,eAAe,qBAAqB,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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement, query, queryAll } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle-group.css';\nimport NileButtonToggle from '../nile-button-toggle/nile-button-toggle';\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle-group\n *\n */\n@customElement('nile-button-toggle-group')\nexport class NileButtonToggleGroup extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggleGroup\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  @queryAll('nile-button-toggle')\n  private toggles!: NodeListOf<NileButtonToggle>;\n\n  @query('slot:not([name])')\n  private defaultSlot!: HTMLSlotElement;\n\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this.defaultSlot.addEventListener('slotchange', () => this.updateTogglePositions());\n    this.addEventListener('nile-toggle-changed', this.handleToggle);\n    this.updateTogglePositions();\n  }\n\n  updateTogglePositions() {\n    const assignedNodes = this.defaultSlot.assignedNodes({flatten: true});\n    const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle) as NileButtonToggle[];\n\n    toggles.forEach((toggle, index) => {\n      toggle.initial = index === 0;\n      toggle.middle = index > 0 && index < toggles.length - 1;\n      toggle.end = index === toggles.length - 1;\n    });\n  }\n\n  handleToggle(event: CustomEvent) {\n    const toggles = this.querySelectorAll('nile-button-toggle');\n\n    if (toggles && event.detail.active) {\n      toggles.forEach((toggle: any) => {\n        if (toggle !== event.target) {\n          toggle.active = false;\n        }\n      });\n\n      this.dispatchEvent(new CustomEvent('nile-changed', { detail: { value: event.detail.value } }));\n    }\n  };\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\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggleGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle-group': NileButtonToggleGroup;\n  }\n}\n"]}

package/dist/src/nile-content-editor/index.d.ts

@@ -0,0 +1 @@
+export { NileContentEditor } from './nile-content-editor';

package/dist/src/nile-content-editor/index.js

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

package/dist/src/nile-content-editor/index.js.map

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

package/dist/src/nile-content-editor/nile-content-editor.css.d.ts

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

package/dist/src/nile-content-editor/nile-content-editor.css.js

@@ -0,0 +1,88 @@
+/**
+ * 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-element';
+/**
+ * AttributeExpression CSS
+ */
+export const styles = css `
+  :host {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .content-editable-wrapper {
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .dropdown-position {
+    position: relative;
+    bottom: 60px;
+  }
+  .content-editable-input {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 9px;
+    border: 1px solid #c7ced4;
+    border-radius: 4px;
+    overflow-x: auto;
+    overflow-anchor: none;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    cursor: text;
+    white-space: nowrap;
+    background-color: #ffffff;
+    height: 38px;
+  }
+  .content-editable-input:focus {
+    outline: none;
+  }
+
+  .error {
+    border-color: #e5434d;
+  }
+
+  .chips {
+    background: #e5e9eb;
+    color: #000;
+    border-radius: 4px;
+    padding: 6px;
+    margin-left: 3px;
+    display: inline;
+    letter-spacing: 0.2px;
+  }
+
+  .text-area {
+    height: 120px;
+    white-space: pre-wrap;
+    overflow: scroll;
+    line-height: 24px;
+  }
+
+  .chip-error {
+    background: #f3a5aa;
+  }
+  .nile-options-container {
+    box-sizing: border-box;
+    background-color: #ffffff;
+    border: 1px solid #c7ced4;
+    overflow: auto;
+  }
+
+  label {
+    display: inline-block;
+    margin-bottom: 6px;
+    font-family: 'colfax-medium';
+  }
+
+  .asterik {
+    color: #e5434d;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-content-editor.css.js.map

package/dist/src/nile-content-editor/nile-content-editor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExB,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-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 60px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .chips {\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    margin-left: 3px;\n    display: inline;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    white-space: pre-wrap;\n    overflow: scroll;\n    line-height: 24px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-content-editor/nile-content-editor.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 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 { TemplateResult } from 'lit-element';
+import { CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-attribute-expression
+ *
+ */
+export declare class NileContentEditor extends NileElement {
+    /**
+   * @summary Allows you to handle both input and dropdown selection
+  
+   * @dependency nile-option
+   
+   * @event nile-change - Emitted when the control's value changes.
+   */
+    value: string;
+    options: Array<any>;
+    showLabel: boolean;
+    labelText: string;
+    type: string;
+    required: boolean;
+    input: HTMLInputElement;
+    autoOptions: HTMLInputElement;
+    private openDropdown;
+    helpText: string;
+    errorMessage: string;
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    handleTypeChange(): void;
+    disconnectedCallback(): void;
+    afterFirstRender(): Promise<boolean>;
+    private handlekeyDown;
+    generateValuesFromHTMLTags(string: any): string;
+    generateHTMLTagsWithValues(string: any): string;
+    emitInputChange(): void;
+    moveCursorToEnd: () => void;
+    handleOptions(option: any): void;
+    renderAutoOptions(): TemplateResult;
+    render(): TemplateResult;
+}
+export default NileContentEditor;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-content-editor': NileContentEditor;
+    }
+}