@aquera/nile-elements 0.0.5-9 → 0.0.6

package/dist/nile-switcher/nile-switcher.esm.js

@@ -0,0 +1,30 @@
+import{__decorate as e}from"tslib";import{x as t}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as n}from"./nile-switcher.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{choose as s}from"lit/directives/choose.js";import{classMap as r}from"lit/directives/class-map.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let c=class extends l{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e){const{value:i,label:n,placeholder:l}=e;return t`<nile-input
+      .value=${i}
+      .label=${n}
+      .placeholder=${l}
+      @nile-input=${this.handleChange}
+    ></nile-input>`}renderNileTextArea(e){const{value:i}=e;return t`<nile-textarea
+      .value=${i}
+      @nile-input=${this.handleChange}
+    ></nile-textarea>`}renderNileCheckBox(e){const{value:i,label:n}=e;return t`<nile-checkbox
+      .checked=${i}
+      .label=${n}
+      @valueChange="${this.handleChangeCheckbox}"
+    ></nile-checkbox>`}handleChange(e){this.emit("nile-change",{value:e.detail.value})}handleChangeCheckbox(e){this.emit("nile-change",{value:e.detail.checked})}renderDropdown(e){const{options:i,multiple:n,placeholder:l}=e;return t`<nile-select
+      .placeholder=${l}
+      .multiple="${n}"
+      @nile-change="${this.handleChange}"
+    >
+      ${i&&i.map((e=>t`<nile-option .value="${e}">${e} </nile-option>`))}
+    </nile-select>`}renderIcon(){const e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return t`<nile-icon
+      size="14"
+      class=${r({"pointer-cursor":!0,"flex-start":"stringinput"===e})}
+      .name=${e}
+      color="#005EA6"
+      @click=${this.toggleField}
+    ></nile-icon>`}toggleField(){this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch}}singleFieldSwitcher(e,i,n){const l=e.inputType,r=i.inputType;return t`
+      ${n?s(r,[["text-area",()=>this.renderNileTextArea(i)]],(()=>this.renderNileTextArea(i))):s(l,[["text",()=>this.renderNileText(e)],["checkbox",()=>this.renderNileCheckBox(e)],["dropdown",()=>this.renderDropdown(this.nileSwitchConfig.defaultInput)]],(()=>this.renderNileText(e)))}
+      ${this.renderIcon()}
+    `}render(){const{toggleSwitch:e,defaultInput:i,switchInput:n}=this.nileSwitchConfig;return t`<div class="input-container">
+      ${this.singleFieldSwitcher(i,n,e)}
+    </div>`}};c.styles=n,e([o()],c.prototype,"nileSwitchConfig",void 0),c=e([i("nile-switcher")],c);export{c as N};

package/dist/src/index.d.ts

@@ -30,3 +30,4 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileSwitcher } from './nile-switcher';

package/dist/src/index.js

@@ -30,4 +30,5 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileSwitcher } from './nile-switcher';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink} from './nile-link';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\n"]}

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

@@ -0,0 +1 @@
+export { NileSwitcher } from './nile-switcher';

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

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

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

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

package/dist/src/nile-switcher/nile-switcher.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.
+ */
+/**
+ * FieldGenerator CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

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

@@ -0,0 +1,35 @@
+/**
+ * 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';
+/**
+ * FieldGenerator CSS
+ */
+export const styles = css `
+  :host {
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .pointer-cursor {
+    cursor: pointer;
+  }
+  .input-container {
+    display: flex;
+  }
+
+  .input-container > :first-child {
+    width: 100%;
+    padding-right: 12px;
+  }
+  .flex-start {
+    align-items: flex-start;
+    padding-top: 10px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-switcher.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-switcher.css.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBxB,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 * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .input-container {\n    display: flex;\n  }\n\n  .input-container > :first-child {\n    width: 100%;\n    padding-right: 12px;\n  }\n  .flex-start {\n    align-items: flex-start;\n    padding-top: 10px;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,60 @@
+/**
+ * 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 NileElement from '../internal/nile-element';
+import { CSSResultGroup } from 'lit';
+/**
+ * @summary Allows you to switch between nile elements
+
+ * @dependency nile-icon
+ * @dependency nile-input
+ * @dependency nile-checkbox
+ * @dependency nile-dropdown
+ * @dependency nile-textarea
+ *
+ 
+ * @event nile-change - Emitted when the control's value changes.
+ */
+export interface switchconfig {
+    toggleSwitch: boolean;
+    defaultInput: switchInputType;
+    switchInput: switchInputType;
+}
+export interface switchInputType {
+    inputType: 'dropdown' | 'text' | 'checkbox' | 'text-area';
+    value?: String | boolean;
+    label?: String;
+    placeholder?: string;
+    options?: Array<any>;
+    multiple?: boolean;
+}
+export declare class NileSwitcher extends NileElement {
+    /**
+     * The styles for nile switcher
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static styles: CSSResultGroup;
+    nileSwitchConfig: switchconfig;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    renderNileText(defaultInput: switchInputType): TemplateResult<1>;
+    renderNileTextArea(switchInput: switchInputType): TemplateResult<1>;
+    renderNileCheckBox(defaultInput: switchInputType): TemplateResult<1>;
+    handleChange(event: CustomEvent): void;
+    handleChangeCheckbox(event: CustomEvent): void;
+    renderDropdown(defaultInput: switchInputType): TemplateResult<1>;
+    renderIcon(): TemplateResult<1>;
+    toggleField(): void;
+    singleFieldSwitcher(defaultInput: switchInputType, switchInput: switchInputType, toggleField: boolean): TemplateResult<1>;
+    render(): TemplateResult;
+}
+export default NileSwitcher;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-switcher': NileSwitcher;
+    }
+}

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

@@ -0,0 +1,124 @@
+/**
+ * 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, property } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-switcher.css';
+import NileElement from '../internal/nile-element';
+import { choose } from 'lit/directives/choose.js';
+import { classMap } from 'lit/directives/class-map.js';
+let NileSwitcher = class NileSwitcher extends NileElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.emit('nile-init');
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.emit('nile-destroy');
+    }
+    renderNileText(defaultInput) {
+        const { value, label, placeholder } = defaultInput;
+        return html `<nile-input
+      .value=${value}
+      .label=${label}
+      .placeholder=${placeholder}
+      @nile-input=${this.handleChange}
+    ></nile-input>`;
+    }
+    renderNileTextArea(switchInput) {
+        const { value } = switchInput;
+        return html `<nile-textarea
+      .value=${value}
+      @nile-input=${this.handleChange}
+    ></nile-textarea>`;
+    }
+    renderNileCheckBox(defaultInput) {
+        const { value, label } = defaultInput;
+        return html `<nile-checkbox
+      .checked=${value}
+      .label=${label}
+      @valueChange="${this.handleChangeCheckbox}"
+    ></nile-checkbox>`;
+    }
+    handleChange(event) {
+        this.emit('nile-change', { value: event.detail.value });
+    }
+    handleChangeCheckbox(event) {
+        this.emit('nile-change', { value: event.detail.checked });
+    }
+    renderDropdown(defaultInput) {
+        const { options, multiple, placeholder } = defaultInput;
+        return html `<nile-select
+      .placeholder=${placeholder}
+      .multiple="${multiple}"
+      @nile-change="${this.handleChange}"
+    >
+      ${options &&
+            options.map((option) => {
+                return html `<nile-option .value="${option}">${option} </nile-option>`;
+            })}
+    </nile-select>`;
+    }
+    renderIcon() {
+        const icon = !this.nileSwitchConfig.toggleSwitch
+            ? 'header-functions'
+            : 'stringinput';
+        return html `<nile-icon
+      size="14"
+      class=${classMap({
+            'pointer-cursor': true,
+            'flex-start': icon === 'stringinput',
+        })}
+      .name=${icon}
+      color="#005EA6"
+      @click=${this.toggleField}
+    ></nile-icon>`;
+    }
+    toggleField() {
+        this.nileSwitchConfig = {
+            ...this.nileSwitchConfig,
+            toggleSwitch: !this.nileSwitchConfig.toggleSwitch,
+        };
+    }
+    singleFieldSwitcher(defaultInput, switchInput, toggleField) {
+        const defaultInputType = defaultInput.inputType;
+        const switchInputType = switchInput.inputType;
+        return html `
+      ${!toggleField
+            ? choose(defaultInputType, [
+                ['text', () => this.renderNileText(defaultInput)],
+                ['checkbox', () => this.renderNileCheckBox(defaultInput)],
+                [
+                    'dropdown',
+                    () => this.renderDropdown(this.nileSwitchConfig.defaultInput),
+                ],
+            ], () => this.renderNileText(defaultInput))
+            : choose(switchInputType, [['text-area', () => this.renderNileTextArea(switchInput)]], () => this.renderNileTextArea(switchInput))}
+      ${this.renderIcon()}
+    `;
+    }
+    render() {
+        const { toggleSwitch: toggleField, defaultInput, switchInput, } = this.nileSwitchConfig;
+        return html `<div class="input-container">
+      ${this.singleFieldSwitcher(defaultInput, switchInput, toggleField)}
+    </div>`;
+    }
+};
+/**
+ * The styles for nile switcher
+ * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+ */
+NileSwitcher.styles = styles;
+__decorate([
+    property()
+], NileSwitcher.prototype, "nileSwitchConfig", void 0);
+NileSwitcher = __decorate([
+    customElement('nile-switcher')
+], NileSwitcher);
+export { NileSwitcher };
+export default NileSwitcher;
+//# sourceMappingURL=nile-switcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-switcher.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n */\n\nexport interface switchconfig {\n  toggleSwitch: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType: 'dropdown' | 'text' | 'checkbox' | 'text-area';\n  value?: String | boolean;\n  label?: String;\n  placeholder?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property() nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(defaultInput: switchInputType) {\n    const { value, label, placeholder } = defaultInput;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .placeholder=${placeholder}\n      @nile-input=${this.handleChange}\n    ></nile-input>`;\n  }\n\n  renderNileTextArea(switchInput: switchInputType) {\n    const { value } = switchInput;\n    return html`<nile-textarea\n      .value=${value}\n      @nile-input=${this.handleChange}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(defaultInput: switchInputType) {\n    const { value, label } = defaultInput;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      @valueChange=\"${this.handleChangeCheckbox}\"\n    ></nile-checkbox>`;\n  }\n\n  handleChange(event: CustomEvent) {\n    this.emit('nile-change', { value: event.detail.value });\n  }\n\n  handleChangeCheckbox(event: CustomEvent) {\n    this.emit('nile-change', { value: event.detail.checked });\n  }\n\n  renderDropdown(defaultInput: switchInputType) {\n    const { options, multiple, placeholder } = defaultInput;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .multiple=\"${multiple}\"\n      @nile-change=\"${this.handleChange}\"\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': icon === 'stringinput',\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    this.nileSwitchConfig = {\n      ...this.nileSwitchConfig,\n      toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n    };\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              ['text', () => this.renderNileText(defaultInput)],\n              ['checkbox', () => this.renderNileCheckBox(defaultInput)],\n              [\n                'dropdown',\n                () => this.renderDropdown(this.nileSwitchConfig.defaultInput),\n              ],\n            ],\n            () => this.renderNileText(defaultInput)\n          )\n        : choose(\n            switchInputType,\n            [['text-area', () => this.renderNileTextArea(switchInput)]],\n\n            () => this.renderNileTextArea(switchInput)\n          )}\n      ${this.renderIcon()}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(defaultInput, switchInput, toggleField)}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"]}