@aquera/nile-elements 0.0.1-beta.1

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.js

@@ -0,0 +1,234 @@
+/**
+ * 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-checkbox.css';
+import { classMap } from 'lit/directives/class-map.js';
+import { query, state } from 'lit/decorators.js';
+import { defaultValue } from '../internal/default-value';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { live } from 'lit/directives/live.js';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+/**
+ * @summary Checkboxes allow the user to toggle an option on or off.
+ *
+ * @dependency nile-icon
+ *
+ * @slot - The checkbox's label.
+ *
+ * @event nile-blur - Emitted when the checkbox loses focus.
+ * @event nile-change - Emitted when the checked state changes.
+ * @event nile-focus - Emitted when the checkbox gains focus.
+ * @event nile-input - Emitted when the checkbox receives input.
+ * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The square container that wraps the checkbox's checked state.
+ * @csspart control--checked - Matches the control part when the checkbox is checked.
+ * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.
+ * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
+ * @csspart indeterminate-icon - The indeterminate icon, an `<nile-icon>` element.
+ * @csspart label - The container that wraps the checkbox's label.
+ */
+/**
+ * Nile icon component.
+ *
+ * @tag nile-checkbox
+ *
+ */
+let NileCheckbox = class NileCheckbox extends NileElement {
+    constructor() {
+        super();
+        this.hasFocus = false;
+        this.title = ''; // make reactive to pass through
+        /** The name of the checkbox, submitted as a name/value pair with form data. */
+        this.name = '';
+        /** The checkbox's size. */
+        this.size = 'medium';
+        /** Disables the checkbox. */
+        this.disabled = false;
+        /** Draws the checkbox in a checked state. */
+        this.checked = false;
+        /** Label, declared this property for backward compatibility of old component  */
+        this.label = '';
+        /**
+         * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
+         * all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
+         */
+        this.indeterminate = false;
+        /** The default value of the form control. Primarily used for resetting the form control. */
+        this.defaultChecked = false;
+        /**
+         * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+         * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+         * the same document or shadow root for this to work.
+         */
+        this.form = '';
+        /** Makes the checkbox a required field. */
+        this.required = false;
+    }
+    handleClick() {
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        this.dispatchEvent(new CustomEvent('valueChange', {
+            composed: true,
+            bubbles: true,
+            detail: {
+                checked: this.checked,
+            },
+        }));
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        this.emit('blur');
+    }
+    handleInput() {
+        this.emit('input');
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.emit('focus');
+    }
+    handleStateChange() {
+        this.input.checked = this.checked; // force a sync update
+        this.input.indeterminate = this.indeterminate; // force a sync update
+    }
+    /** Simulates a click on the checkbox. */
+    click() {
+        this.input.click();
+    }
+    /** Sets focus on the checkbox. */
+    focus(options) {
+        this.input.focus(options);
+    }
+    /** Removes focus from the checkbox. */
+    blur() {
+        this.input.blur();
+    }
+    render() {
+        return html `
+      <label
+        part="base"
+        class=${classMap({
+            checkbox: true,
+            'checkbox--checked': this.checked,
+            'checkbox--disabled': this.disabled,
+            'checkbox--focused': this.hasFocus,
+            'checkbox--indeterminate': this.indeterminate,
+            'checkbox--medium': this.size === 'medium',
+        })}
+      >
+        <input
+          class="checkbox__input"
+          type="checkbox"
+          title=${this
+            .title /* An empty title prevents browser validation tooltips from appearing on hover */}
+          name=${this.name}
+          value=${ifDefined(this.value)}
+          .indeterminate=${live(this.indeterminate)}
+          .checked=${live(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          aria-checked=${this.checked ? 'true' : 'false'}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+        />
+
+        <span
+          part="control${this.checked ? ' control--checked' : ''}${this
+            .indeterminate
+            ? ' control--indeterminate'
+            : ''}"
+          class="checkbox__control"
+        >
+          ${this.checked
+            ? html `
+                <nile-icon
+                  part="checked-icon"
+                  class="checkbox__checked-icon"
+                  color="white"
+                  library="system"
+                  name="tick"
+                  size="12"
+                ></nile-icon>
+              `
+            : ''}
+          ${!this.checked && this.indeterminate
+            ? html `
+                <nile-icon
+                  part="indeterminate-icon"
+                  class="checkbox__indeterminate-icon"
+                  library="system"
+                  color="white"
+                  name="minus"
+                  size="12"
+                ></nile-icon>
+              `
+            : ''}
+        </span>
+
+        <div part="label" class="checkbox__label">
+          ${typeof this.label === 'boolean' ? '' : this.label}
+          <slot></slot>
+        </div>
+      </label>
+    `;
+    }
+};
+NileCheckbox.styles = styles;
+__decorate([
+    query('input[type="checkbox"]')
+], NileCheckbox.prototype, "input", void 0);
+__decorate([
+    state()
+], NileCheckbox.prototype, "hasFocus", void 0);
+__decorate([
+    property()
+], NileCheckbox.prototype, "title", void 0);
+__decorate([
+    property()
+], NileCheckbox.prototype, "name", void 0);
+__decorate([
+    property()
+], NileCheckbox.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], NileCheckbox.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCheckbox.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCheckbox.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCheckbox.prototype, "indeterminate", void 0);
+__decorate([
+    defaultValue('checked')
+], NileCheckbox.prototype, "defaultChecked", void 0);
+__decorate([
+    property({ reflect: true })
+], NileCheckbox.prototype, "form", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCheckbox.prototype, "required", void 0);
+__decorate([
+    watch(['checked', 'indeterminate'], { waitUntilFirstUpdate: true })
+], NileCheckbox.prototype, "handleStateChange", null);
+NileCheckbox = __decorate([
+    customElement('nile-checkbox')
+], NileCheckbox);
+export { NileCheckbox };
+export default NileCheckbox;
+//# sourceMappingURL=nile-checkbox.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-checkbox/nile-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-checkbox.js","sourceRoot":"","sources":["../../../src/nile-checkbox/nile-checkbox.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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-checkbox.css';\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Checkboxes allow the user to toggle an option on or off.\n *\n * @dependency nile-icon\n *\n * @slot - The checkbox's label.\n *\n * @event nile-blur - Emitted when the checkbox loses focus.\n * @event nile-change - Emitted when the checked state changes.\n * @event nile-focus - Emitted when the checkbox gains focus.\n * @event nile-input - Emitted when the checkbox receives input.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n */\n\n/**\n * Nile icon component.\n *\n * @tag nile-checkbox\n *\n */\n@customElement('nile-checkbox')\nexport class NileCheckbox extends NileElement {\n  constructor() {\n    super();\n  }\n\n  static styles: CSSResultGroup = styles;\n\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the checkbox, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the checkbox, submitted as a name/value pair with form data. */\n  @property() value: boolean;\n\n  /** The checkbox's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the checkbox. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the checkbox in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Label, declared this property for backward compatibility of old component  */\n  @property({ type: Boolean, reflect: true }) label = '';\n\n  /**\n   * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\n   * all/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n   */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue('checked') defaultChecked = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the checkbox a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this.dispatchEvent(\n      new CustomEvent('valueChange', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          checked: this.checked,\n        },\n      })\n    );\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('blur');\n  }\n\n  private handleInput() {\n    this.emit('input');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('focus');\n  }\n\n  @watch(['checked', 'indeterminate'], { waitUntilFirstUpdate: true })\n  handleStateChange() {\n    this.input.checked = this.checked; // force a sync update\n    this.input.indeterminate = this.indeterminate; // force a sync update\n  }\n\n  /** Simulates a click on the checkbox. */\n  click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the checkbox. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  blur() {\n    this.input.blur();\n  }\n\n\n  render() {\n    return html`\n      <label\n        part=\"base\"\n        class=${classMap({\n          checkbox: true,\n          'checkbox--checked': this.checked,\n          'checkbox--disabled': this.disabled,\n          'checkbox--focused': this.hasFocus,\n          'checkbox--indeterminate': this.indeterminate,\n          'checkbox--medium': this.size === 'medium',\n        })}\n      >\n        <input\n          class=\"checkbox__input\"\n          type=\"checkbox\"\n          title=${\n            this\n              .title /* An empty title prevents browser validation tooltips from appearing on hover */\n          }\n          name=${this.name}\n          value=${ifDefined(this.value)}\n          .indeterminate=${live(this.indeterminate)}\n          .checked=${live(this.checked)}\n          .disabled=${this.disabled}\n          .required=${this.required}\n          aria-checked=${this.checked ? 'true' : 'false'}\n          @click=${this.handleClick}\n          @input=${this.handleInput}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n\n        <span\n          part=\"control${this.checked ? ' control--checked' : ''}${this\n            .indeterminate\n            ? ' control--indeterminate'\n            : ''}\"\n          class=\"checkbox__control\"\n        >\n          ${this.checked\n            ? html`\n                <nile-icon\n                  part=\"checked-icon\"\n                  class=\"checkbox__checked-icon\"\n                  color=\"white\"\n                  library=\"system\"\n                  name=\"tick\"\n                  size=\"12\"\n                ></nile-icon>\n              `\n            : ''}\n          ${!this.checked && this.indeterminate\n            ? html`\n                <nile-icon\n                  part=\"indeterminate-icon\"\n                  class=\"checkbox__indeterminate-icon\"\n                  library=\"system\"\n                  color=\"white\"\n                  name=\"minus\"\n                  size=\"12\"\n                ></nile-icon>\n              `\n            : ''}\n        </span>\n\n        <div part=\"label\" class=\"checkbox__label\">\n          ${typeof this.label === 'boolean' ? '' : this.label}\n          <slot></slot>\n        </div>\n      </label>\n    `;\n  }\n}\n\nexport default NileCheckbox;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-checkbox': NileCheckbox;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 { PropertyValues } from 'lit';
+import { LitElement, TemplateResult } from 'lit-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-drawer
+ *
+ */
+export declare class NileDrawer extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Sets drawer open-close status
+     */
+    open: boolean;
+    private toggleDialogHandler;
+    private domExistence;
+    connectedCallback(): void;
+    private closeDrawer;
+    updated(changedProperties: PropertyValues<this>): void;
+    get buttonClassMap(): {
+        'nds-drawer--open': boolean;
+        'nds-drawer--closed': boolean;
+    };
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-drawer': NileDrawer;
+    }
+}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/index.js

@@ -0,0 +1,210 @@
+/**
+ * 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 { css } from 'lit';
+import { LitElement, html, property, } from 'lit-element';
+import { customElement, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-drawer
+ *
+ */
+let NileDrawer = class NileDrawer extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sets drawer open-close status
+         */
+        this.open = false;
+        this.domExistence = false;
+    }
+    //   private domExistenceSchedule: number;
+    toggleDialogHandler() {
+        if (this.open) {
+            this.domExistence = true;
+            // FIXME: Allow events without payload
+            //   this.onOpen('');
+        }
+        else {
+            // Give some time for exit animation
+            //   this.domExistenceSchedule = window.setTimeout(() => {
+            //     this.domExistence = false;
+            //   }, 1000);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window?.addEventListener('nile-drawer-open', event => {
+            if (event.target !== this)
+                this.closeDrawer();
+        });
+    }
+    closeDrawer() {
+        this.open = false;
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('open')) {
+            this.toggleDialogHandler();
+        }
+    }
+    get buttonClassMap() {
+        return {
+            'nds-drawer--open': this.open,
+            'nds-drawer--closed': !this.open,
+        };
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+      <div class="btn ${classMap(this.buttonClassMap)}">
+        <slot name="header">
+          <div class="header-section">
+            <nile-heading name="Edit Config"></nile-heading>
+          </div>
+        </slot>
+        <slot name="content"></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+};
+NileDrawer.styles = css `
+    @keyframes slide-from-right {
+      0% {
+        transform: translateX(100%);
+      }
+
+      100% {
+        transform: translateX(0);
+      }
+    }
+    :not(:defined) {
+      visibility: hidden;
+    }
+    :host {
+      box-sizing: border-box;
+      position: fixed;
+      display: none;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 424px;
+      padding: var(--bl-size-xl);
+      padding-top: max(env(safe-area-inset-top), var(--bl-size-xl));
+      padding-right: max(env(safe-area-inset-right), var(--bl-size-xl));
+      padding-bottom: max(env(safe-area-inset-bottom), var(--bl-size-xl));
+      background: var(--bl-color-primary-background);
+      box-shadow: var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);
+      transform: translateX(0); //translateX(100%);
+      transition: transform var(--bl-drawer-animation-duration, 0.25s);
+      z-index: 999;
+      background-color: #fff;
+      border-left: 1px solid #e5e5e5;
+    }
+
+    :host([open]) .drawer {
+      transform: translateX(0);
+      animation: slide-from-right var(--bl-drawer-animation-duration, 0.25s);
+      position: fixed;
+      box-shadow: 0px 14px 28px rgb(119 125 130 / 15%);
+    }
+
+    .nds-drawer {
+      box-sizing: border-box;
+      position: fixed;
+      display: flex;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 424px;
+      padding: var(--bl-size-xl);
+      padding-top: max(env(safe-area-inset-top), var(--bl-size-xl));
+      padding-right: max(env(safe-area-inset-right), var(--bl-size-xl));
+      padding-bottom: max(env(safe-area-inset-bottom), var(--bl-size-xl));
+      background: var(--bl-color-primary-background);
+      box-shadow: var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);
+      transform: translateX(100%);
+      transition: transform var(--bl-drawer-animation-duration, 0.25s);
+      z-index: 999;
+    }
+
+    iframe {
+      height: 100%;
+      width: 100%;
+      border: none;
+    }
+
+    .container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--bl-size-xl);
+      flex: 1;
+    }
+
+    header {
+      display: flex;
+      justify-content: space-between;
+      align-items: baseline;
+      gap: var(--bl-size-2xs);
+      background-color: white;
+    }
+
+    header .header-buttons {
+      display: flex;
+      gap: 24px;
+      margin-left: auto;
+    }
+
+    header h2 {
+      font: var(--bl-font-title-1-medium);
+      color: var(--bl-color-secondary);
+      overflow: hidden;
+      margin: 0;
+      padding: 0;
+    }
+
+    .content {
+      flex: 1;
+      overflow-y: scroll;
+    }
+
+    .iframe-content {
+      flex: 1;
+    }
+
+    @media only screen and (max-width: 424px) {
+      :host([open]) .drawer {
+        width: calc(100vw - 24px);
+      }
+    }
+
+    .header-section {
+      width: 100%;
+      background-color: #e5e5e5;
+    }
+    .nds-drawer--closed {
+      display: none;
+    }
+  `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileDrawer.prototype, "open", void 0);
+__decorate([
+    state()
+], NileDrawer.prototype, "domExistence", void 0);
+NileDrawer = __decorate([
+    customElement('nile-drawer')
+], NileDrawer);
+export { NileDrawer };
+//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-drawer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC1C,OAAO,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD;;;;;GAKG;AAEH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;IAA1C;;QAwHE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAiBI,iBAAY,GAAG,KAAK,CAAC;IA+CxC,CAAC;IA9DC,0CAA0C;IAElC,mBAAmB;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,sCAAsC;YACtC,qBAAqB;SACtB;aAAM;YACL,oCAAoC;YACpC,0DAA0D;YAC1D,iCAAiC;YACjC,cAAc;SACf;IACH,CAAC;IAID,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE;YACnD,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI;gBAAE,IAAI,CAAC,WAAW,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,OAAO,CAAC,iBAAuC;QAC7C,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACjC,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;IACH,CAAC;IAED,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,IAAI;YAC7B,oBAAoB,EAAE,CAAC,IAAI,CAAC,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;wBACS,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;KAShD,CAAC;IACJ,CAAC;CACF,CAAA;AA3LiB,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqH1B,CAAA;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAC9B;AAiBJ;IAAR,KAAK,EAAE;gDAA8B;AA7I3B,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4LtB;SA5LY,UAAU","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, PropertyValues } from 'lit';\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-drawer.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-drawer\n *\n */\n@customElement('nile-drawer')\nexport class NileDrawer extends LitElement {\n  static override styles = css`\n    @keyframes slide-from-right {\n      0% {\n        transform: translateX(100%);\n      }\n\n      100% {\n        transform: translateX(0);\n      }\n    }\n    :not(:defined) {\n      visibility: hidden;\n    }\n    :host {\n      box-sizing: border-box;\n      position: fixed;\n      display: none;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 424px;\n      padding: var(--bl-size-xl);\n      padding-top: max(env(safe-area-inset-top), var(--bl-size-xl));\n      padding-right: max(env(safe-area-inset-right), var(--bl-size-xl));\n      padding-bottom: max(env(safe-area-inset-bottom), var(--bl-size-xl));\n      background: var(--bl-color-primary-background);\n      box-shadow: var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);\n      transform: translateX(0); //translateX(100%);\n      transition: transform var(--bl-drawer-animation-duration, 0.25s);\n      z-index: 999;\n      background-color: #fff;\n      border-left: 1px solid #e5e5e5;\n    }\n\n    :host([open]) .drawer {\n      transform: translateX(0);\n      animation: slide-from-right var(--bl-drawer-animation-duration, 0.25s);\n      position: fixed;\n      box-shadow: 0px 14px 28px rgb(119 125 130 / 15%);\n    }\n\n    .nds-drawer {\n      box-sizing: border-box;\n      position: fixed;\n      display: flex;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 424px;\n      padding: var(--bl-size-xl);\n      padding-top: max(env(safe-area-inset-top), var(--bl-size-xl));\n      padding-right: max(env(safe-area-inset-right), var(--bl-size-xl));\n      padding-bottom: max(env(safe-area-inset-bottom), var(--bl-size-xl));\n      background: var(--bl-color-primary-background);\n      box-shadow: var(--bl-size-xs) 0 var(--bl-size-2xl) rgba(0 0 0 / 50%);\n      transform: translateX(100%);\n      transition: transform var(--bl-drawer-animation-duration, 0.25s);\n      z-index: 999;\n    }\n\n    iframe {\n      height: 100%;\n      width: 100%;\n      border: none;\n    }\n\n    .container {\n      display: flex;\n      flex-direction: column;\n      gap: var(--bl-size-xl);\n      flex: 1;\n    }\n\n    header {\n      display: flex;\n      justify-content: space-between;\n      align-items: baseline;\n      gap: var(--bl-size-2xs);\n      background-color: white;\n    }\n\n    header .header-buttons {\n      display: flex;\n      gap: 24px;\n      margin-left: auto;\n    }\n\n    header h2 {\n      font: var(--bl-font-title-1-medium);\n      color: var(--bl-color-secondary);\n      overflow: hidden;\n      margin: 0;\n      padding: 0;\n    }\n\n    .content {\n      flex: 1;\n      overflow-y: scroll;\n    }\n\n    .iframe-content {\n      flex: 1;\n    }\n\n    @media only screen and (max-width: 424px) {\n      :host([open]) .drawer {\n        width: calc(100vw - 24px);\n      }\n    }\n\n    .header-section {\n      width: 100%;\n      background-color: #e5e5e5;\n    }\n    .nds-drawer--closed {\n      display: none;\n    }\n  `;\n\n  /**\n   * Sets drawer open-close status\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  //   private domExistenceSchedule: number;\n\n  private toggleDialogHandler() {\n    if (this.open) {\n      this.domExistence = true;\n      // FIXME: Allow events without payload\n      //   this.onOpen('');\n    } else {\n      // Give some time for exit animation\n      //   this.domExistenceSchedule = window.setTimeout(() => {\n      //     this.domExistence = false;\n      //   }, 1000);\n    }\n  }\n\n  @state() private domExistence = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    window?.addEventListener('nile-drawer-open', event => {\n      if (event.target !== this) this.closeDrawer();\n    });\n  }\n\n  private closeDrawer() {\n    this.open = false;\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    if (changedProperties.has('open')) {\n      this.toggleDialogHandler();\n    }\n  }\n\n  get buttonClassMap() {\n    return {\n      'nds-drawer--open': this.open,\n      'nds-drawer--closed': !this.open,\n    };\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"btn ${classMap(this.buttonClassMap)}\">\n        <slot name=\"header\">\n          <div class=\"header-section\">\n            <nile-heading name=\"Edit Config\"></nile-heading>\n          </div>\n        </slot>\n        <slot name=\"content\"></slot>\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-drawer': NileDrawer;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/nile-drawer.css.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+/**
+ * Drawer CSS
+ */
+export declare const styles: import("lit-element").CSSResult;

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/nile-drawer.css.js

@@ -0,0 +1,30 @@
+/**
+ * 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';
+/**
+ * Drawer CSS
+ */
+export const styles = css `
+  :host {
+	background-color: var(--nile-alert-color-background-base);
+    padding: var(----nile-spacing-1-x);
+    position: fixed;
+    top: 0px;
+    right: 0px;
+    width: 424px;
+    height: 100vh;
+    background: #ffff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
+    transform: translateX(100%);
+    z-index: 999;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 35%;
+  }
+`;
+//# sourceMappingURL=nile-drawer.css.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-drawer/nile-drawer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-drawer.css.js","sourceRoot":"","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxB,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 * Drawer CSS\n */\nexport const styles = css`\n  :host {\n\tbackground-color: var(--nile-alert-color-background-base);\n    padding: var(----nile-spacing-1-x);\n    position: fixed;\n    top: 0px;\n    right: 0px;\n    width: 424px;\n    height: 100vh;\n    background: #ffff;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);\n    transform: translateX(100%);\n    z-index: 999;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\twidth: 35%;\n  }\n`;\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-footer/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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-footer
+ *
+ */
+export declare class NileFooter extends LitElement {
+    /**
+     * The styles for Footer
+     * @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 NileFooter;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-footer': NileFooter;
+    }
+}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-footer/index.js

@@ -0,0 +1,42 @@
+/**
+ * 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 } from 'lit/decorators.js';
+import { styles } from './nile-footer.css';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-footer
+ *
+ */
+let NileFooter = class NileFooter extends LitElement {
+    /**
+     * The styles for Footer
+     * @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 `
+			<slot> </slot>
+			`;
+    }
+};
+NileFooter = __decorate([
+    customElement('nile-footer')
+], NileFooter);
+export { NileFooter };
+export default NileFooter;
+//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-footer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC;;;;;GAKG;AAEH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;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,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAyBtB;SAzBY,UAAU;AA2BvB,eAAe,UAAU,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-footer.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-footer\n *\n */\n@customElement('nile-footer')\nexport class NileFooter extends LitElement {\n\n\t/**\n\t * The styles for Footer\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\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFooter;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-footer': NileFooter;\n  }\n}"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-footer/nile-footer.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.
+*/
+/**
+ * Footer CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;