@aquera/nile-elements 1.3.0-beta-1.1 → 1.3.0-beta-1.2

package/dist/src/lib/virtualize.test.js

@@ -1,57 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * 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 { expect } from '@open-wc/testing';
-import { html } from 'lit';
-import { virtualize } from './virtualize.js';
-describe('Custom Virtualize', () => {
-    it('should render empty template for empty items array', () => {
-        const result = virtualize({
-            items: [],
-            renderItem: () => html `<div>test</div>`
-        });
-        expect(result).to.exist;
-    });
-    it('should render all items for small datasets without virtualization', () => {
-        const items = Array.from({ length: 5 }, (_, i) => ({ id: i, name: `Item ${i}` }));
-        const result = virtualize({
-            items,
-            renderItem: (item) => html `<div>${item.name}</div>`
-        });
-        expect(result).to.exist;
-    });
-    it('should use virtualization for large datasets', () => {
-        const items = Array.from({ length: 100 }, (_, i) => ({ id: i, name: `Item ${i}` }));
-        const result = virtualize({
-            items,
-            renderItem: (item) => html `<div>${item.name}</div>`,
-            itemHeight: 40,
-            containerHeight: 300
-        });
-        expect(result).to.exist;
-    });
-    it('should accept scroller option', () => {
-        const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));
-        const result = virtualize({
-            items,
-            renderItem: (item) => html `<div>${item.name}</div>`,
-            scroller: true
-        });
-        expect(result).to.exist;
-    });
-    it('should accept custom itemHeight and containerHeight', () => {
-        const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));
-        const result = virtualize({
-            items,
-            renderItem: (item) => html `<div>${item.name}</div>`,
-            itemHeight: 60,
-            containerHeight: 400,
-            overscan: 10
-        });
-        expect(result).to.exist;
-    });
-});
-//# sourceMappingURL=virtualize.test.js.map

package/dist/src/lib/virtualize.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtualize.test.js","sourceRoot":"","sources":["../../../src/lib/virtualize.test.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,MAAM,GAAG,UAAU,CAAC;YACxB,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA,iBAAiB;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAElF,MAAM,MAAM,GAAG,UAAU,CAAC;YACxB,KAAK;YACL,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA,QAAQ,IAAI,CAAC,IAAI,QAAQ;SACpD,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAEpF,MAAM,MAAM,GAAG,UAAU,CAAC;YACxB,KAAK;YACL,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA,QAAQ,IAAI,CAAC,IAAI,QAAQ;YACnD,UAAU,EAAE,EAAE;YACd,eAAe,EAAE,GAAG;SACrB,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAEnF,MAAM,MAAM,GAAG,UAAU,CAAC;YACxB,KAAK;YACL,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA,QAAQ,IAAI,CAAC,IAAI,QAAQ;YACnD,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAEnF,MAAM,MAAM,GAAG,UAAU,CAAC;YACxB,KAAK;YACL,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA,QAAQ,IAAI,CAAC,IAAI,QAAQ;YACnD,UAAU,EAAE,EAAE;YACd,eAAe,EAAE,GAAG;YACpB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { virtualize } from './virtualize.js';\n\ndescribe('Custom Virtualize', () => {\n  it('should render empty template for empty items array', () => {\n    const result = virtualize({\n      items: [],\n      renderItem: () => html`<div>test</div>`\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should render all items for small datasets without virtualization', () => {\n    const items = Array.from({ length: 5 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should use virtualization for large datasets', () => {\n    const items = Array.from({ length: 100 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      itemHeight: 40,\n      containerHeight: 300\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should accept scroller option', () => {\n    const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      scroller: true\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should accept custom itemHeight and containerHeight', () => {\n    const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      itemHeight: 60,\n      containerHeight: 400,\n      overscan: 10\n    });\n    \n    expect(result).to.exist;\n  });\n});\n"]}

package/dist/src/nile-badge/__snapshots__/nile-badge.test.snap.js

@@ -1,17 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileBadge should display the default slot content"] = 
-`<span
-  class="badge badge--badge-color badge--normal"
-  part="base"
->
-  <slot
-    class="badge__content"
-    part="content"
-  >
-  </slot>
-</span>
-`;
-/* end snapshot NileBadge should display the default slot content */
-

package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js

@@ -1,310 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileCalendar renders correctly with default properties"] = 
-`<div class="base">
-  <div class="calendar-config hidden">
-    <div class="calendar-switcher">
-      <nile-tab-group
-        centered=""
-        value="absolute"
-      >
-        <nile-tab
-          active=""
-          aria-disabled="false"
-          aria-selected="true"
-          centered=""
-          id="nile-tab-1"
-          panel="absolute"
-          role="tab"
-          slot="nav"
-        >
-          Absolute
-        </nile-tab>
-        <nile-tab
-          aria-disabled="false"
-          aria-selected="false"
-          centered=""
-          id="nile-tab-2"
-          panel="relative"
-          role="tab"
-          slot="nav"
-        >
-          Relative
-        </nile-tab>
-      </nile-tab-group>
-    </div>
-  </div>
-  <div class="calendar-wrapper">
-    <div class="calendar-container">
-      <div class="calendar">
-        <div class="calendar-header">
-          <nile-icon
-            class="calendar-header__month-navigation"
-            color="black"
-            description=""
-            method="fill"
-            name="arrowleft"
-            set="local"
-            size="16"
-            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
-          >
-          </nile-icon>
-          <span>
-            August
-            2025
-          </span>
-          <nile-icon
-            class="calendar-header__month-navigation"
-            color="black"
-            description=""
-            method="fill"
-            name="arrowright"
-            set="local"
-            size="16"
-            style="--nile-svg-fill: black; --nile-svg-height: 16px; --nile-svg-width: 16px;"
-          >
-          </nile-icon>
-        </div>
-        <div class="days_container">
-          <div class="day_name">
-            Su
-          </div>
-          <div class="day_name">
-            Mo
-          </div>
-          <div class="day_name">
-            Tu
-          </div>
-          <div class="day_name">
-            We
-          </div>
-          <div class="day_name">
-            Th
-          </div>
-          <div class="day_name">
-            Fr
-          </div>
-          <div class="day_name">
-            Sa
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              27
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              28
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              29
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              30
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              31
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              1
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              2
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              3
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              4
-              <div class="current__date__dot">
-              </div>
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              5
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              6
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              7
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              8
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              9
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              10
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              11
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              12
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              13
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              14
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              15
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              16
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              17
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              18
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              19
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              20
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              21
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              22
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              23
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              24
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              25
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              26
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              27
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              28
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              29
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              30
-            </span>
-          </div>
-          <div class="day_date">
-            <span style="position:relative;">
-              31
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              1
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              2
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              3
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              4
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              5
-            </span>
-          </div>
-          <div class="day_date filler">
-            <span style="position:relative;">
-              6
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-/* end snapshot NileCalendar renders correctly with default properties */
-

package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js

@@ -1,34 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["Nile Card should render the card properly"] = 
-`<div
-  class="card card--has-footer"
-  part="base"
->
-  <div
-    class="body__wrapper"
-    part="body__wrapper"
-  >
-    <slot
-      class="card__header"
-      name="header"
-      part="header"
-    >
-    </slot>
-    <slot
-      class="card__body"
-      part="body"
-    >
-    </slot>
-  </div>
-  <slot
-    class="card__footer"
-    name="footer"
-    part="footer"
-  >
-  </slot>
-</div>
-`;
-/* end snapshot Nile Card should render the card properly */
-

package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js

@@ -1,31 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileCheckbox renders correctly with default properties"] = 
-`<label
-  class="checkbox checkbox--medium"
-  part="base"
->
-  <input
-    aria-checked="false"
-    class="checkbox__input"
-    name=""
-    title=""
-    type="checkbox"
-  >
-  <span
-    class="checkbox__control"
-    part="control"
-  >
-  </span>
-  <div
-    class="checkbox__label"
-    part="label"
-  >
-    <slot>
-    </slot>
-  </div>
-</label>
-`;
-/* end snapshot NileCheckbox renders correctly with default properties */
-

package/dist/src/nile-code-editor/Old_theme copy.d.ts

@@ -1,191 +0,0 @@
-export declare const Theme: {
-    '&': {
-        fontSize: string;
-        fontFamily: string;
-        fontWeight: string;
-    };
-    '.cm-content': {};
-    ".cm-scroller": {
-        scrollbarWidth: string;
-    };
-};
-export declare const CustomTheme: {
-    '&': {
-        fontSize: string;
-        fontStyle: string;
-        fontFamily: string;
-        fontWeight: string;
-        lineHeight: string;
-        letterSpacing: string;
-    };
-    '.cm-content': {
-        fontSize: string;
-        fontStyle: string;
-        fontFamily: string;
-        fontWeight: string;
-        lineHeight: string;
-        letterSpacing: string;
-    };
-    ".cm-scroller": {
-        fontFamily: string;
-    };
-    ".cm-gutters": {
-        fontFamily: string;
-    };
-};
-export declare const fontFamily: {
-    '.cm-tooltip.cm-tooltip-autocomplete > ul': {
-        fontFamily: string;
-        fontWeight: string;
-    };
-    '.cm-content': {
-        fontFamily: string;
-    };
-};
-export declare const customisedThemeCss: {
-    '.cm-content': {
-        fontFamily: string;
-    };
-    '.cm-scroller': {
-        fontFamily: string;
-    };
-    '.cm-tooltip-autocomplete': {
-        padding: string;
-        backgroundColor: string;
-        display: string;
-        fontSize: string;
-        background: string;
-        border: string;
-        borderRadius: string;
-        paddingBlock: string;
-        paddingInline: string;
-        overscrollBehavior: string;
-        color: string;
-        zIndex: string;
-        position: string;
-        minHeight: string;
-        boxShadow: string;
-    };
-    '.cm-tooltip.cm-completionInfo.cm-completionInfo-right': {
-        fontFamily: string;
-        backgroundColor: string;
-        color: string;
-        padding: string;
-        borderTopRightRadius: string;
-        borderBottomRightRadius: string;
-        border: string;
-        fontSize: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete > ul': {
-        fontFamily: string;
-        fontWeight: string;
-        maxWidth: string;
-        width: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {
-        padding: string;
-        overflow: string;
-        textOverflow: string;
-        whiteSpace: string;
-        maxWidth: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete > ul > li:hover': {
-        backgroundColor: string;
-        color: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]': {
-        backgroundColor: string;
-        color: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]:hover': {
-        color: string;
-    };
-    '.cm-completionIcon': {
-        display: string;
-        position: string;
-    };
-    '.cm-completionIcon::after': {
-        display: string;
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionMatchedText': {
-        textDecoration: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-property::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-keyword::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-variable::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-text::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-function::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionIcon.cm-completionIcon-class::after': {
-        content: string;
-        position: string;
-        left: string;
-        top: string;
-        lineHeight: string;
-        verticalAlign: string;
-    };
-    '.cm-completionLabel': {
-        marginLeft: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete, .cm-editor .cm-tooltip-autocomplete, .cm-editor .cm-tooltip.cm-tooltip-autocomplete': {
-        position: string;
-        zIndex: string;
-        visibility: string;
-        opacity: string;
-        display: string;
-        top: string;
-        left: string;
-        right: string;
-        bottom: string;
-    };
-    '.cm-tooltip.cm-tooltip-autocomplete': {
-        maxWidth: string;
-        width: string;
-        minWidth: string;
-        boxShadow: string;
-    };
-    '.cm-tooltip-autocomplete[style*="top: -"]': {
-        top: string;
-        position: string;
-    };
-};