@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-auto-complete/nile-auto-complete.js

@@ -0,0 +1,125 @@
+import { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { customElement, query, state } from 'lit/decorators.js';
+import { styles } from './nile-auto-complete.css';
+import NileElement from '../internal/nile-element';
+import { watch } from '../watch';
+// Define the custom element 'nile-auto-complete'
+let NileAutoComplete = class NileAutoComplete extends NileElement {
+    constructor() {
+        super(...arguments);
+        // Define component properties
+        this.isDropdownOpen = false;
+        this.openOnFocus = false;
+        this.value = '';
+        this.placeholder = 'Type here ..';
+        this.noBorder = false;
+        this.menuItems = [];
+        this.allMenuItems = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.menuItems = [...this.allMenuItems];
+    }
+    // Watch for changes in 'allMenuItems' property
+    handleAllMenuItemsChange() {
+        this.menuItems = [...this.allMenuItems];
+    }
+    // Watch for changes in 'value' and 'isDropdownOpen' properties
+    async handleValueChange() {
+        await this.updateComplete;
+        // Filter menu items based on the search value
+        this.menuItems = this.allMenuItems.filter((item) => item.toLowerCase().includes(this.value?.toLowerCase()));
+    }
+    handleSelect(event) {
+        this.value = event.detail.value;
+        this.emit('nile-complete', { value: event.detail.value });
+        this.isDropdownOpen = false;
+        this.dropdownElement?.hide();
+    }
+    handleSearch(event) {
+        const searchValue = event.detail.value.toLowerCase();
+        this.value = searchValue;
+        // Filter menu items based on the search value
+        this.menuItems = this.allMenuItems.filter((item) => item?.toLowerCase().includes(searchValue));
+        this.isDropdownOpen = this.menuItems.length > 0;
+        if (this.isDropdownOpen)
+            this.dropdownElement?.show();
+    }
+    handleFocus() {
+        if (!this.openOnFocus) {
+            return;
+        }
+        // Delay opening the dropdown to allow focus to take effect
+        setTimeout(() => {
+            this.isDropdownOpen = true;
+            this.dropdownElement?.show();
+        }, 300);
+    }
+    handleClick() {
+        this.isDropdownOpen = true;
+        this.dropdownElement?.show();
+    }
+    render() {
+        return html `
+      <nile-dropdown class="nile-dropdown--input"  ?open=${this.isDropdownOpen} noOpenOnCLick>
+        <nile-input class="nile-auto-complete--input"
+          ?no-border=${this.noBorder}
+          .value=${this.value}
+          @nile-input=${this.handleSearch}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+          slot="trigger"
+          placeholder=${this.placeholder}
+        ></nile-input>
+        ${this.menuItems.length > 0
+            ? html `
+              <nile-menu @nile-select=${this.handleSelect}>
+                ${this.menuItems.map((item) => html `
+                    <nile-menu-item value=${item}>${item}</nile-menu-item>
+                  `)}
+              </nile-menu>
+            `
+            : ''}
+      </nile-dropdown>
+    `;
+    }
+};
+NileAutoComplete.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], NileAutoComplete.prototype, "isDropdownOpen", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileAutoComplete.prototype, "openOnFocus", void 0);
+__decorate([
+    property({ type: String })
+], NileAutoComplete.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NileAutoComplete.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileAutoComplete.prototype, "noBorder", void 0);
+__decorate([
+    state()
+], NileAutoComplete.prototype, "menuItems", void 0);
+__decorate([
+    property({ type: Array })
+], NileAutoComplete.prototype, "allMenuItems", void 0);
+__decorate([
+    query('nile-dropdown')
+], NileAutoComplete.prototype, "dropdownElement", void 0);
+__decorate([
+    watch('allMenuItems')
+], NileAutoComplete.prototype, "handleAllMenuItemsChange", null);
+__decorate([
+    watch('value', { waitUntilFirstUpdate: true }),
+    watch('isDropdownOpen', { waitUntilFirstUpdate: true })
+], NileAutoComplete.prototype, "handleValueChange", null);
+NileAutoComplete = __decorate([
+    customElement('nile-auto-complete')
+], NileAutoComplete);
+export { NileAutoComplete };
+export default NileAutoComplete;
+//# sourceMappingURL=nile-auto-complete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\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-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../watch';\nimport type { CSSResultGroup } from 'lit';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  // Define component properties\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) openOnFocus: boolean = false;\n\n  @property({ type: String }) value: string = '';\n\n  @property({ type: String }) placeholder: string = 'Type here ..';\n\n  @property({ type: Boolean }) noBorder: boolean = false;\n\n  @state() menuItems: any = [];\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @query('nile-dropdown') dropdownElement: any;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'allMenuItems' property\n  @watch('allMenuItems')\n  handleAllMenuItemsChange() {\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'value' and 'isDropdownOpen' properties\n  @watch('value', { waitUntilFirstUpdate: true })\n\n  @watch('isDropdownOpen', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item.toLowerCase().includes(this.value?.toLowerCase())\n    );\n  }\n\n  private handleSelect(event: CustomEvent) {\n    this.value = event.detail.value;\n    this.emit('nile-complete', { value: event.detail.value });\n    this.isDropdownOpen = false;\n    this.dropdownElement?.hide();\n  }\n\n  private handleSearch(event: CustomEvent) {\n    const searchValue = event.detail.value.toLowerCase();\n    this.value = searchValue;\n\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item?.toLowerCase().includes(searchValue)\n    );\n\n    this.isDropdownOpen = this.menuItems.length > 0;\n    if (this.isDropdownOpen) this.dropdownElement?.show();\n  }\n\n  public handleFocus() {\n    if (!this.openOnFocus) {\n      return;\n    }\n\n    // Delay opening the dropdown to allow focus to take effect\n    setTimeout(() => {\n      this.isDropdownOpen = true;\n      this.dropdownElement?.show();\n    }, 300);\n  }\n\n  private handleClick() {\n    this.isDropdownOpen = true;\n    this.dropdownElement?.show();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <nile-dropdown class=\"nile-dropdown--input\"  ?open=${this.isDropdownOpen} noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=${this.noBorder}\n          .value=${this.value}\n          @nile-input=${this.handleSearch}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          slot=\"trigger\"\n          placeholder=${this.placeholder}\n        ></nile-input>\n        ${this.menuItems.length > 0\n          ? html`\n              <nile-menu @nile-select=${this.handleSelect}>\n                ${this.menuItems.map(\n                  (item: unknown)  => html`\n                    <nile-menu-item value=${item}>${item}</nile-menu-item>\n                  `\n                )}\n              </nile-menu>\n            `\n          : ''}\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-badge/index.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+/**
+ * An nile-badge element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+export declare class NileBadge extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Button Lab
+     */
+    name: number;
+    /**
+     * Button Lab
+     */
+    icon: string;
+    /**
+     * Button Lab
+     */
+    active: boolean;
+    get buttonClassMap(): {
+        'nds-badge--active': boolean;
+    };
+    /**
+     * Button Lab
+     */
+    href: string;
+    _hasSlotContent(slotName: string): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-badge': NileBadge;
+    }
+}

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

@@ -0,0 +1,121 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * An nile-badge element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+let NileBadge = class NileBadge extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Button Lab
+         */
+        this.name = 0;
+        /**
+         * Button Lab
+         */
+        this.icon = '';
+        /**
+         * Button Lab
+         */
+        this.active = false;
+        /**
+         * Button Lab
+         */
+        this.href = '/';
+    }
+    get buttonClassMap() {
+        return {
+            'nds-badge--active': this.active,
+        };
+    }
+    _hasSlotContent(slotName) {
+        const slot = this.querySelector(`slot[name=${slotName}]`);
+        console.log(slot, 'slot');
+    }
+    render() {
+        const { name, icon, href } = this;
+        const hrefPath = `/${href}`;
+        return html `
+      <a class="nds-badge ${classMap(this.buttonClassMap)}">
+        <span class="nds-badge__link">${this.name}</span>
+      </a>
+    `;
+    }
+};
+NileBadge.styles = css `
+    :host {
+      display: block;
+    }
+    .nds-badge {
+      width: 24px;
+      height: 24px;
+      border-radius: 9rem;
+      font-size: 14px;
+      justify-content: space-around;
+      font-weight: bold;
+      display: flex;
+      background-color: rgb(221, 221, 221);
+      flex-wrap: nowrap;
+      align-items: center;
+      color: var(--nile-colors-dark-900);
+    }
+
+    .nds-badge:hover {
+      background: rgba(0, 94, 166, 0.1);
+    }
+    
+    .nds-badge__link {
+      font-family: var(--nile-font-family-sans-serif);
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 1;
+      letter-spacing: 0.2px;
+      text-decoration: none;
+      font-size: 12px;
+    }
+
+    .nds-badge__link:hover {
+      color: var(--nile-colors-dark-900);
+    }
+    
+    .nds-badge--active {
+      background-color: var(--nile-colors-primary-700);
+      color: var(--nile-colors-neutral-100);
+    }
+
+    .nds-badge--active:hover {
+      background-color: var(---nile-colors-primary-700);
+    }
+
+    .nds-badge__icon {
+      margin-bottom: 0;
+      height: 14px;
+    }
+  `;
+__decorate([
+    property()
+], NileBadge.prototype, "name", void 0);
+__decorate([
+    property()
+], NileBadge.prototype, "icon", void 0);
+__decorate([
+    property()
+], NileBadge.prototype, "active", void 0);
+__decorate([
+    property()
+], NileBadge.prototype, "href", void 0);
+NileBadge = __decorate([
+    customElement('nile-badge')
+], NileBadge);
+export { NileBadge };
+// <span class="nds-badge__icon">
+// <nile-icon name="${this.icon}" size="14" color="#000"></nile-icon>
+// </span>
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-badge/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;GAMG;AAEH,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAqDE;;WAEG;QAEH,SAAI,GAAG,CAAC,CAAC;QAET;;WAEG;QAEH,SAAI,GAAW,EAAE,CAAC;QAElB;;WAEG;QAEH,WAAM,GAAY,KAAK,CAAC;QAQxB;;WAEG;QAEH,SAAI,GAAG,GAAG,CAAC;IAgBb,CAAC;IA1BC,IAAI,cAAc;QAChB,OAAO;YACL,mBAAmB,EAAE,IAAI,CAAC,MAAM;SACjC,CAAC;IACJ,CAAC;IAQD,eAAe,CAAC,QAAgB;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;4BACa,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;wCACjB,IAAI,CAAC,IAAI;;KAE5C,CAAC;IACJ,CAAC;CACF,CAAA;AAhGiB,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkD1B,CAAA;AAMF;IADC,QAAQ,EAAE;uCACF;AAMT;IADC,QAAQ,EAAE;uCACO;AAMlB;IADC,QAAQ,EAAE;yCACa;AAYxB;IADC,QAAQ,EAAE;uCACA;AAjFA,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAiGrB;SAjGY,SAAS;AAyGtB,iCAAiC;AACjC,qEAAqE;AACrE,UAAU","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n/**\n * An nile-badge element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-badge')\nexport class NileBadge extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n    .nds-badge {\n      width: 24px;\n      height: 24px;\n      border-radius: 9rem;\n      font-size: 14px;\n      justify-content: space-around;\n      font-weight: bold;\n      display: flex;\n      background-color: rgb(221, 221, 221);\n      flex-wrap: nowrap;\n      align-items: center;\n      color: var(--nile-colors-dark-900);\n    }\n\n    .nds-badge:hover {\n      background: rgba(0, 94, 166, 0.1);\n    }\n    \n    .nds-badge__link {\n      font-family: var(--nile-font-family-sans-serif);\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 1;\n      letter-spacing: 0.2px;\n      text-decoration: none;\n      font-size: 12px;\n    }\n\n    .nds-badge__link:hover {\n      color: var(--nile-colors-dark-900);\n    }\n    \n    .nds-badge--active {\n      background-color: var(--nile-colors-primary-700);\n      color: var(--nile-colors-neutral-100);\n    }\n\n    .nds-badge--active:hover {\n      background-color: var(---nile-colors-primary-700);\n    }\n\n    .nds-badge__icon {\n      margin-bottom: 0;\n      height: 14px;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  name = 0;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  icon: string = '';\n\n  /**\n   * Button Lab\n   */\n  @property()\n  active: boolean = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-badge--active': this.active,\n    };\n  }\n\n  /**\n   * Button Lab\n   */\n  @property()\n  href = '/';\n\n  _hasSlotContent(slotName: string) {\n    const slot = this.querySelector(`slot[name=${slotName}]`);\n    console.log(slot, 'slot');\n  }\n\n  override render() {\n    const { name, icon, href } = this;\n    const hrefPath = `/${href}`;\n    return html`\n      <a class=\"nds-badge ${classMap(this.buttonClassMap)}\">\n        <span class=\"nds-badge__link\">${this.name}</span>\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-badge': NileBadge;\n  }\n}\n\n// <span class=\"nds-badge__icon\">\n// <nile-icon name=\"${this.icon}\" size=\"14\" color=\"#000\"></nile-icon>\n// </span>\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAO,eAAe,CAAC","sourcesContent":["export { NileButton }  from './nile-button';\n"]}

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