@aquera/nile-elements 0.0.1-beta.16 → 0.0.1-beta.16-2

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-chip/nile-chip.js

@@ -0,0 +1,267 @@
+/**
+ * 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, query, state } from 'lit/decorators.js';
+import { styles } from './nile-chip.css';
+import { classMap } from 'lit/directives/class-map.js';
+import { HasSlotController } from '../internal/slot';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+let NileChip = class NileChip extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, 'help-text', 'label');
+        this.tags = [];
+        this.inputValue = '';
+        this.isDropdownOpen = false;
+        /** Sets the input to a warning state, changing its visual appearance. */
+        this.warning = false;
+        /** Sets the input to an error state, changing its visual appearance. */
+        this.error = false;
+        /** Sets the input to a success state, changing its visual appearance. */
+        this.success = false;
+        /** Disables the duplicate entries. */
+        this.noDuplicates = false;
+        /** The input's label. If you need to display HTML, use the `label` slot instead. */
+        this.label = '';
+        /** Adds a clear button when the input is not empty. */
+        this.acceptUserInput = false;
+        /** Adds a clear button when the input is not empty. */
+        this.clearable = false;
+        /** Placeholder text to show as a hint when the input is empty. */
+        this.placeholder = 'type here...';
+        /** Makes the input readonly. */
+        this.readonly = false;
+        /** Disables the input. */
+        this.disabled = false;
+        /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
+        this.helpText = '';
+        // Auto-complete options
+        this.autoCompleteOptions = [];
+        this.filteredAutoCompleteOptions = [];
+        this.value = [];
+        this.noWrap = false;
+    }
+    static get styles() {
+        return [styles];
+    }
+    onAutoCompleteOptionsChanged() {
+        this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.value.includes(option));
+        }
+    }
+    onValueChanged() {
+        this.tags = [...this.value];
+        this.onTagsChanged();
+    }
+    onTagsChanged() {
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.tags.includes(option));
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.value.includes(option));
+        }
+    }
+    handleSelect(event) {
+        // Add the selected value to the tags array only if it doesn't already exist
+        if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {
+            this.tags = [...this.tags, event.detail.value];
+            this.emit('nile-chip-change', { value: this.tags });
+            this.resetInput();
+        }
+    }
+    handleRemove(value) {
+        // Remove the tag from the tags array
+        this.tags = this.tags.filter(tag => tag !== value);
+        if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {
+            this.filteredAutoCompleteOptions = [
+                ...this.filteredAutoCompleteOptions,
+                value,
+            ];
+        }
+        this.emit('nile-chip-change', { value: this.tags });
+    }
+    handleInputChange(event) {
+        // Update the input value
+        this.inputValue = event.detail.value;
+    }
+    handleInputKeydown(event) {
+        if (!this.acceptUserInput) {
+            return;
+        }
+        if (event.key === 'Enter' &&
+            this.inputValue &&
+            (!this.noDuplicates || !this.tags.includes(this.inputValue))) {
+            this.tags = [...this.tags, this.inputValue];
+            this.resetInput();
+            this.emit('nile-chip-change', { value: this.tags });
+        }
+    }
+    handleFocus() {
+        this.isDropdownOpen = true;
+    }
+    resetInput() {
+        // Reset the input-related properties
+        this.inputValue = '';
+        this.isDropdownOpen = false;
+        this.autoComplete.value = '';
+        this.autoComplete.handleFocus();
+    }
+    render() {
+        // Check if slots are present
+        const hasLabelSlot = this.hasSlotController.test('label');
+        const hasHelpTextSlot = this.hasSlotController.test('help-text');
+        // Check if label and help text are present
+        const hasLabel = this.label ? true : !!hasLabelSlot;
+        const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+        return html `
+      <div
+        part="form-control"
+        class=${classMap({
+            'form-control': true,
+            'form-control--medium': true,
+            'form-control--has-label': hasLabel,
+            'form-control--has-help-text': hasHelpText,
+            'nile-chip--disabled': this.disabled,
+        })}
+      >
+        <label
+          part="form-control-label"
+          class="form-control__label"
+          for="input"
+          aria-hidden=${hasLabel ? 'false' : 'true'}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <div
+          class=${classMap({
+            'nile-chip': true,
+            'nile-chip--warning': this.warning,
+            'nile-chip--error': this.error,
+            'nile-chip--success': this.success,
+            'nile-chip--no-wrap': this.noWrap,
+        })}
+        >
+          ${this.tags.map(tag => html `
+              <nile-tag
+                class="nile-chip__tags"
+                @nile-remove=${() => this.handleRemove(tag)}
+                removable
+                pill
+              >
+                ${tag}
+              </nile-tag>
+            `)}
+          <div class="nile-chip__auto-complete">
+            <nile-auto-complete
+              .allMenuItems=${this.filteredAutoCompleteOptions}
+              .value=${this.inputValue}
+              ?isDropdownOpen=${this.isDropdownOpen}
+              .noBorder=${true}
+              openOnFocus
+              .placeholder=${this.placeholder}
+              @nile-input=${this.handleInputChange}
+              @keydown=${this.handleInputKeydown}
+              @nile-focus=${this.handleFocus}
+              @nile-complete=${this.handleSelect}
+            ></nile-auto-complete>
+          </div>
+          <slot
+            name="help-text"
+            part="form-control-help-text"
+            id="help-text"
+            class="form-control__help-text"
+            aria-hidden=${hasHelpText ? 'false' : 'true'}
+          >
+            ${this.helpText}
+          </slot>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], NileChip.prototype, "tags", void 0);
+__decorate([
+    state()
+], NileChip.prototype, "inputValue", void 0);
+__decorate([
+    state()
+], NileChip.prototype, "isDropdownOpen", void 0);
+__decorate([
+    query('nile-auto-complete')
+], NileChip.prototype, "autoComplete", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "warning", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "success", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "noDuplicates", void 0);
+__decorate([
+    property()
+], NileChip.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "acceptUserInput", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "clearable", void 0);
+__decorate([
+    property()
+], NileChip.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileChip.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileChip.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'help-text' })
+], NileChip.prototype, "helpText", void 0);
+__decorate([
+    property({ type: Array })
+], NileChip.prototype, "autoCompleteOptions", void 0);
+__decorate([
+    property({ type: Array })
+], NileChip.prototype, "filteredAutoCompleteOptions", void 0);
+__decorate([
+    property({ type: Array })
+], NileChip.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "noWrap", void 0);
+__decorate([
+    watch('autoCompleteOptions')
+], NileChip.prototype, "onAutoCompleteOptionsChanged", null);
+__decorate([
+    watch('value')
+], NileChip.prototype, "onValueChanged", null);
+__decorate([
+    watch('tags')
+], NileChip.prototype, "onTagsChanged", null);
+NileChip = __decorate([
+    customElement('nile-chip')
+], NileChip);
+export { NileChip };
+export default NileChip;
+//# sourceMappingURL=nile-chip.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-chip/nile-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.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, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Disables the duplicate entries. */\n  @property({ type: Boolean }) noDuplicates = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = 'type here...';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  // Auto-complete options\n  @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) value: any[] = [];\n\n  @property({ type: Boolean }) noWrap: boolean = false;\n\n  @watch('autoCompleteOptions')\n  onAutoCompleteOptionsChanged() {\n    this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n    this.onTagsChanged();\n  }\n\n  @watch('tags')\n  onTagsChanged() {\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.tags.includes(option)\n        );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n    // Add the selected value to the tags array only if it doesn't already exist\n    if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {\n      this.tags = [...this.tags, event.detail.value];\n      this.emit('nile-chip-change', { value: this.tags });\n      this.resetInput();\n    }\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n\n    if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n      this.filteredAutoCompleteOptions = [\n        ...this.filteredAutoCompleteOptions,\n        value,\n      ];\n    }\n    this.emit('nile-chip-change', { value: this.tags });\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if (\n      event.key === 'Enter' &&\n      this.inputValue &&\n      (!this.noDuplicates || !this.tags.includes(this.inputValue))\n    ) {\n      this.tags = [...this.tags, this.inputValue];\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n          class=${classMap({\n            'nile-chip': true,\n            'nile-chip--warning': this.warning,\n            'nile-chip--error': this.error,\n            'nile-chip--success': this.success,\n            'nile-chip--no-wrap': this.noWrap,\n          })}\n        >\n          ${this.tags.map(\n            tag => html`\n              <nile-tag\n                class=\"nile-chip__tags\"\n                @nile-remove=${() => this.handleRemove(tag)}\n                removable\n                pill\n              >\n                ${tag}\n              </nile-tag>\n            `\n          )}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=${this.filteredAutoCompleteOptions}\n              .value=${this.inputValue}\n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              openOnFocus\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/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/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.d.ts

@@ -0,0 +1 @@
+export { NileDropdown } from './nile-dropdown';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.js

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.js.map

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.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.
+*/
+/**
+ * Dropdown CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;