@nuralyui/table 0.0.3 → 0.0.7

package/components/hy-table-pagination.js

@@ -1,111 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { styles } from './table-pagination.style.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { Sizes } from '../table.types.js';
-let HyTablePagination = class HyTablePagination extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.enableNext = true;
-        this.enablePrevious = true;
-    }
-    willUpdate(_changedProperties) {
-        this.numberOfPages = Math.ceil(this.numberOfItems / this.selectedItemPerPage);
-        this.fromItem =
-            this.currentPage > 0 ? this.currentPage * this.selectedItemPerPage - this.selectedItemPerPage + 1 : 0;
-        this.toItem =
-            this.currentPage * this.selectedItemPerPage <= this.numberOfItems
-                ? this.currentPage * this.selectedItemPerPage
-                : this.numberOfItems;
-        this.enableNext = this.toItem < this.numberOfItems;
-        this.enablePrevious = this.fromItem > 1;
-    }
-    _handleItemPerPageChange(itemPerPageEvent) {
-        this.selectedItemPerPage = +itemPerPageEvent.target.value;
-        this.dispatchEvent(new CustomEvent('item-per-page', { detail: { selectedItemPerPage: this.selectedItemPerPage } }));
-    }
-    _nextPage() {
-        this.currentPage++;
-        this.dispatchEvent(new CustomEvent('update-page', { detail: { page: this.currentPage } }));
-    }
-    _previousPage() {
-        this.currentPage--;
-        this.dispatchEvent(new CustomEvent('update-page', { detail: { page: this.currentPage } }));
-    }
-    render() {
-        return html `
-      <div class="pagination-container">
-        <div class="left-content">
-          <span class="select-details">
-            Items per page:
-            <select @change=${this._handleItemPerPageChange}>
-              ${repeat(this.itemPerPage, (item) => html ` <option value=${item}>${item}</option> `)}
-            </select>
-          </span>
-          <span class="items-details"> ${this.fromItem} - ${this.toItem} of ${this.numberOfItems} items</span>
-        </div>
-
-        <div class="right-content">
-          <span class="page-details"> ${this.currentPage} of ${this.numberOfPages} pages </span>
-          <span class="icon-container">
-            <hy-icon
-              class="left-arrow"
-              data-enabled=${this.enablePrevious}
-              name="caret-left"
-              @click=${this.enablePrevious ? this._previousPage : nothing}
-            ></hy-icon>
-
-            <hy-icon
-              class="right-arrow"
-              data-enabled=${this.enableNext}
-              name="caret-right"
-              @click=${this.enableNext ? this._nextPage : nothing}
-            ></hy-icon>
-          </span>
-        </div>
-      </div>
-    `;
-    }
-};
-HyTablePagination.styles = styles;
-__decorate([
-    property()
-], HyTablePagination.prototype, "numberOfItems", void 0);
-__decorate([
-    property()
-], HyTablePagination.prototype, "itemPerPage", void 0);
-__decorate([
-    property()
-], HyTablePagination.prototype, "selectedItemPerPage", void 0);
-__decorate([
-    property()
-], HyTablePagination.prototype, "currentPage", void 0);
-__decorate([
-    property({ type: Sizes, reflect: true })
-], HyTablePagination.prototype, "size", void 0);
-__decorate([
-    state()
-], HyTablePagination.prototype, "numberOfPages", void 0);
-__decorate([
-    state()
-], HyTablePagination.prototype, "fromItem", void 0);
-__decorate([
-    state()
-], HyTablePagination.prototype, "toItem", void 0);
-__decorate([
-    state()
-], HyTablePagination.prototype, "enableNext", void 0);
-__decorate([
-    state()
-], HyTablePagination.prototype, "enablePrevious", void 0);
-HyTablePagination = __decorate([
-    customElement('hy-table-pagination')
-], HyTablePagination);
-export { HyTablePagination };
-//# sourceMappingURL=hy-table-pagination.js.map

package/components/hy-table-pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-table-pagination.js","sourceRoot":"","sources":["../../../../src/components/table/components/hy-table-pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import {LitElement, PropertyValueMap, html, nothing} from 'lit';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport {styles} from './table-pagination.style.js';\nimport {repeat} from 'lit/directives/repeat.js';\nimport {Sizes} from '../table.types.js';\n\n@customElement('hy-table-pagination')\nexport class HyTablePagination extends LitElement {\n  @property()\n  numberOfItems!: number;\n  @property()\n  itemPerPage!: number[];\n  @property()\n  selectedItemPerPage!: number;\n  @property()\n  currentPage!: number;\n  @property({type: Sizes, reflect: true}) size!: Sizes;\n\n  @state()\n  numberOfPages!: number;\n  @state()\n  fromItem!: number;\n  @state()\n  toItem!: number;\n  @state()\n  enableNext = true;\n  @state()\n  enablePrevious = true;\n\n  override willUpdate(_changedProperties: PropertyValueMap<this>): void {\n    this.numberOfPages = Math.ceil(this.numberOfItems / this.selectedItemPerPage);\n    this.fromItem =\n      this.currentPage > 0 ? this.currentPage * this.selectedItemPerPage - this.selectedItemPerPage + 1 : 0;\n    this.toItem =\n      this.currentPage * this.selectedItemPerPage <= this.numberOfItems\n        ? this.currentPage * this.selectedItemPerPage\n        : this.numberOfItems;\n    this.enableNext = this.toItem < this.numberOfItems;\n    this.enablePrevious = this.fromItem > 1;\n  }\n\n  _handleItemPerPageChange(itemPerPageEvent: Event) {\n    this.selectedItemPerPage = +(itemPerPageEvent.target as HTMLSelectElement).value;\n    this.dispatchEvent(new CustomEvent('item-per-page', {detail: {selectedItemPerPage: this.selectedItemPerPage}}));\n  }\n\n  _nextPage() {\n    this.currentPage++;\n    this.dispatchEvent(new CustomEvent('update-page', {detail: {page: this.currentPage}}));\n  }\n  _previousPage() {\n    this.currentPage--;\n    this.dispatchEvent(new CustomEvent('update-page', {detail: {page: this.currentPage}}));\n  }\n\n  override render() {\n    return html`\n      <div class=\"pagination-container\">\n        <div class=\"left-content\">\n          <span class=\"select-details\">\n            Items per page:\n            <select @change=${this._handleItemPerPageChange}>\n              ${repeat(this.itemPerPage, (item) => html` <option value=${item}>${item}</option> `)}\n            </select>\n          </span>\n          <span class=\"items-details\"> ${this.fromItem} - ${this.toItem} of ${this.numberOfItems} items</span>\n        </div>\n\n        <div class=\"right-content\">\n          <span class=\"page-details\"> ${this.currentPage} of ${this.numberOfPages} pages </span>\n          <span class=\"icon-container\">\n            <hy-icon\n              class=\"left-arrow\"\n              data-enabled=${this.enablePrevious}\n              name=\"caret-left\"\n              @click=${this.enablePrevious ? this._previousPage : nothing}\n            ></hy-icon>\n\n            <hy-icon\n              class=\"right-arrow\"\n              data-enabled=${this.enableNext}\n              name=\"caret-right\"\n              @click=${this.enableNext ? this._nextPage : nothing}\n            ></hy-icon>\n          </span>\n        </div>\n      </div>\n    `;\n  }\n  static override styles = styles;\n}\n"]}

package/components/table-actions.style.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=table-actions.style.d.ts.map

package/components/table-actions.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-actions.style.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-actions.style.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,MAAM,2BAAsC,CAAC"}

package/components/table-actions.style.js

@@ -1,31 +0,0 @@
-import { css } from 'lit';
-import { styleVariables } from './table-actions.variables.js';
-const tableActionsStyle = css `
-  .actions-container {
-    background-color: var(--hybrid-actions-background-color);
-    padding: 10px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    color: var(--hybrid-actions-text-color);
-  }
-
-  .actions-container button {
-    cursor: pointer;
-    border: none;
-    color: var(--hybrid-actions-text-color);
-    background-color: var(--hybrid-actions-background-color);
-  }
-
-  .actions-container {
-    padding: 10px;
-  }
-  :host([size='small']) .actions-container {
-    padding: 5px;
-  }
-  :host([size='large']) .actions-container {
-    padding: 15px;
-  }
-`;
-export const styles = [tableActionsStyle, styleVariables];
-//# sourceMappingURL=table-actions.style.js.map

package/components/table-actions.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-actions.style.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-actions.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\nimport {styleVariables} from './table-actions.variables.js';\n\nconst tableActionsStyle = css`\n  .actions-container {\n    background-color: var(--hybrid-actions-background-color);\n    padding: 10px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n    color: var(--hybrid-actions-text-color);\n  }\n\n  .actions-container button {\n    cursor: pointer;\n    border: none;\n    color: var(--hybrid-actions-text-color);\n    background-color: var(--hybrid-actions-background-color);\n  }\n\n  .actions-container {\n    padding: 10px;\n  }\n  :host([size='small']) .actions-container {\n    padding: 5px;\n  }\n  :host([size='large']) .actions-container {\n    padding: 15px;\n  }\n`;\n\nexport const styles = [tableActionsStyle, styleVariables];\n"]}

package/components/table-actions.variables.d.ts

@@ -1,2 +0,0 @@
-export declare const styleVariables: import("lit").CSSResult;
-//# sourceMappingURL=table-actions.variables.d.ts.map

package/components/table-actions.variables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-actions.variables.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-actions.variables.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAU1B,CAAC"}

package/components/table-actions.variables.js

@@ -1,13 +0,0 @@
-import { css } from 'lit';
-export const styleVariables = css `
-  :host {
-    --hybrid-actions-text-color: #ffffff;
-    --hybrid-actions-background-color: #0f62fe;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host {
-    }
-  }
-`;
-//# sourceMappingURL=table-actions.variables.js.map

package/components/table-actions.variables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-actions.variables.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-actions.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;CAUhC,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    --hybrid-actions-text-color: #ffffff;\n    --hybrid-actions-background-color: #0f62fe;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n    }\n  }\n`;\n"]}

package/components/table-content.style.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=table-content.style.d.ts.map

package/components/table-content.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-content.style.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-content.style.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,MAAM,2BAAsC,CAAC"}

package/components/table-content.style.js

@@ -1,77 +0,0 @@
-import { css } from 'lit';
-import { styleVariables } from './table-content.variables.js';
-const tableContentStyle = css `
-  :host {
-    display: block;
-    overflow: auto;
-  }
-
-  input[type='checkbox'][data-indeterminate='true']::after {
-    width: 13px;
-    height: 13px;
-    background-color: var(--hybrid-table-input-color);
-    color: var(--hybrid-table-checkbox-some-checked-sign-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    content: '-';
-  }
-  table {
-    width: 100%;
-    border-spacing: 0px;
-    color: var(--hybrid-table-text-color);
-  }
-  td {
-    text-align: center;
-    border-bottom: var(--hybrid-table-column-border);
-  }
-  th {
-    cursor: pointer;
-  }
-  th span {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-  }
-  hy-icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    --hybrid-icon-color: var(--hybrid-table-text-color);
-  }
-  tr {
-    background-color: var(--hybrid-table-row-background-color);
-  }
-  tr:hover {
-    background-color: var(--hybrid-table-row-hover-background-color);
-  }
-  tr:first-child {
-    background-color: var(--hybrid-table-header-background-color);
-  }
-
-  tr:has(:not(th) > input:checked) {
-    background-color: var(--hybrid-table-row-checked-background-color);
-  }
-
-  td,
-  th {
-    padding: 10px;
-  }
-  input,
-  .expand-icon {
-    cursor: pointer;
-    accent-color: var(--hybrid-table-input-color);
-  }
-
-  :host([size='small']) td,
-  :host([size='small']) th {
-    padding: 5px;
-  }
-
-  :host([size='large']) td,
-  :host([size='large']) th {
-    padding: 15px;
-  }
-`;
-export const styles = [tableContentStyle, styleVariables];
-//# sourceMappingURL=table-content.style.js.map

package/components/table-content.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-content.style.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-content.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwE5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\nimport {styleVariables} from './table-content.variables.js';\n\nconst tableContentStyle = css`\n  :host {\n    display: block;\n    overflow: auto;\n  }\n\n  input[type='checkbox'][data-indeterminate='true']::after {\n    width: 13px;\n    height: 13px;\n    background-color: var(--hybrid-table-input-color);\n    color: var(--hybrid-table-checkbox-some-checked-sign-color);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    content: '-';\n  }\n  table {\n    width: 100%;\n    border-spacing: 0px;\n    color: var(--hybrid-table-text-color);\n  }\n  td {\n    text-align: center;\n    border-bottom: var(--hybrid-table-column-border);\n  }\n  th {\n    cursor: pointer;\n  }\n  th span {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n  }\n  hy-icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    --hybrid-icon-color: var(--hybrid-table-text-color);\n  }\n  tr {\n    background-color: var(--hybrid-table-row-background-color);\n  }\n  tr:hover {\n    background-color: var(--hybrid-table-row-hover-background-color);\n  }\n  tr:first-child {\n    background-color: var(--hybrid-table-header-background-color);\n  }\n\n  tr:has(:not(th) > input:checked) {\n    background-color: var(--hybrid-table-row-checked-background-color);\n  }\n\n  td,\n  th {\n    padding: 10px;\n  }\n  input,\n  .expand-icon {\n    cursor: pointer;\n    accent-color: var(--hybrid-table-input-color);\n  }\n\n  :host([size='small']) td,\n  :host([size='small']) th {\n    padding: 5px;\n  }\n\n  :host([size='large']) td,\n  :host([size='large']) th {\n    padding: 15px;\n  }\n`;\n\nexport const styles = [tableContentStyle, styleVariables];\n"]}

package/components/table-content.variables.d.ts

@@ -1,2 +0,0 @@
-export declare const styleVariables: import("lit").CSSResult;
-//# sourceMappingURL=table-content.variables.d.ts.map

package/components/table-content.variables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-content.variables.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-content.variables.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA0B1B,CAAC"}

package/components/table-content.variables.js

@@ -1,29 +0,0 @@
-import { css } from 'lit';
-export const styleVariables = css `
-  :host {
-    --hybrid-table-text-color: #161616;
-    --hybrid-table-input-color: #161616;
-    --hybrid-table-column-border: 1px solid #e0e0e0;
-    --hybrid-table-row-background-color: #f4f4f4;
-    --hybrid-table-row-checked-background-color: #e5e5e5;
-    --hybrid-table-row-hover-background-color: #d3d3d3;
-    --hybrid-table-header-background-color: #e0e0e0;
-    --hybrid-table-checkbox-some-checked-background-color: #161616;
-    --hybrid-table-checkbox-some-checked-sign-color: #ffffff;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host {
-      --hybrid-table-text-color: #f4f4f4;
-      --hybrid-table-input-color: #ffffff;
-      --hybrid-table-column-border: 1px solid #8d8d8d;
-      --hybrid-table-row-background-color: #393939;
-      --hybrid-table-header-background-color: #525252;
-      --hybrid-table-row-hover-background-color: #525252;
-      --hybrid-table-row-checked-background-color: #6f6f6f;
-      --hybrid-table-checkbox-some-checked-background-color: #ffffff;
-      --hybrid-table-checkbox-some-checked-sign-color: #161616;
-    }
-  }
-`;
-//# sourceMappingURL=table-content.variables.js.map

package/components/table-content.variables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-content.variables.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-content.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BhC,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    --hybrid-table-text-color: #161616;\n    --hybrid-table-input-color: #161616;\n    --hybrid-table-column-border: 1px solid #e0e0e0;\n    --hybrid-table-row-background-color: #f4f4f4;\n    --hybrid-table-row-checked-background-color: #e5e5e5;\n    --hybrid-table-row-hover-background-color: #d3d3d3;\n    --hybrid-table-header-background-color: #e0e0e0;\n    --hybrid-table-checkbox-some-checked-background-color: #161616;\n    --hybrid-table-checkbox-some-checked-sign-color: #ffffff;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --hybrid-table-text-color: #f4f4f4;\n      --hybrid-table-input-color: #ffffff;\n      --hybrid-table-column-border: 1px solid #8d8d8d;\n      --hybrid-table-row-background-color: #393939;\n      --hybrid-table-header-background-color: #525252;\n      --hybrid-table-row-hover-background-color: #525252;\n      --hybrid-table-row-checked-background-color: #6f6f6f;\n      --hybrid-table-checkbox-some-checked-background-color: #ffffff;\n      --hybrid-table-checkbox-some-checked-sign-color: #161616;\n    }\n  }\n`;\n"]}

package/components/table-filter.style.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=table-filter.style.d.ts.map

package/components/table-filter.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-filter.style.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-filter.style.ts"],"names":[],"mappings":"AAsCA,eAAO,MAAM,MAAM,2BAAsC,CAAC"}

package/components/table-filter.style.js

@@ -1,39 +0,0 @@
-import { css } from 'lit';
-import { styleVariables } from './table-filter.variables.js';
-const tableActionsStyle = css `
-  :host([showInput]) {
-    width: 100%;
-  }
-
-  .filter-container {
-    position: relative;
-    margin-bottom: 5px;
-  }
-  .filter-container input {
-    padding: 5px;
-    padding-left: 30px;
-    width: 100%;
-    box-sizing: border-box;
-    background-color: var(--hybrid-filter-input-background-color);
-    color: var(--hybrid-filter-input-text-color);
-  }
-  input:focus {
-    outline-style: none;
-    border: var(--hybrid-filter-focused-input-border);
-  }
-  .icon-container {
-    height: 25px;
-    width: 35px;
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .search-icon {
-    position: absolute;
-    left: 10px;
-    top: 25%;
-  }
-`;
-export const styles = [tableActionsStyle, styleVariables];
-//# sourceMappingURL=table-filter.style.js.map

package/components/table-filter.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-filter.style.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-filter.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC5B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\nimport {styleVariables} from './table-filter.variables.js';\nconst tableActionsStyle = css`\n  :host([showInput]) {\n    width: 100%;\n  }\n\n  .filter-container {\n    position: relative;\n    margin-bottom: 5px;\n  }\n  .filter-container input {\n    padding: 5px;\n    padding-left: 30px;\n    width: 100%;\n    box-sizing: border-box;\n    background-color: var(--hybrid-filter-input-background-color);\n    color: var(--hybrid-filter-input-text-color);\n  }\n  input:focus {\n    outline-style: none;\n    border: var(--hybrid-filter-focused-input-border);\n  }\n  .icon-container {\n    height: 25px;\n    width: 35px;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .search-icon {\n    position: absolute;\n    left: 10px;\n    top: 25%;\n  }\n`;\n\nexport const styles = [tableActionsStyle, styleVariables];\n"]}

package/components/table-filter.variables.d.ts

@@ -1,2 +0,0 @@
-export declare const styleVariables: import("lit").CSSResult;
-//# sourceMappingURL=table-filter.variables.d.ts.map

package/components/table-filter.variables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-filter.variables.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-filter.variables.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAc1B,CAAC"}

package/components/table-filter.variables.js

@@ -1,17 +0,0 @@
-import { css } from 'lit';
-export const styleVariables = css `
-  :host {
-    --hybrid-filter-input-background-color: #ffffff;
-    --hybrid-filter-input-text-color: #000000;
-    --hybrid-filter-focused-input-border: 1px solid #e0e0e0;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host {
-      --hybrid-filter-input-background-color: #393939;
-      --hybrid-filter-focused-input-border: 1px solid #393939;
-      --hybrid-filter-input-text-color: #c6c6c6;
-    }
-  }
-`;
-//# sourceMappingURL=table-filter.variables.js.map

package/components/table-filter.variables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-filter.variables.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-filter.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAchC,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    --hybrid-filter-input-background-color: #ffffff;\n    --hybrid-filter-input-text-color: #000000;\n    --hybrid-filter-focused-input-border: 1px solid #e0e0e0;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --hybrid-filter-input-background-color: #393939;\n      --hybrid-filter-focused-input-border: 1px solid #393939;\n      --hybrid-filter-input-text-color: #c6c6c6;\n    }\n  }\n`;\n"]}

package/components/table-pagination.style.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=table-pagination.style.d.ts.map

package/components/table-pagination.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-pagination.style.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-pagination.style.ts"],"names":[],"mappings":"AAsGA,eAAO,MAAM,MAAM,2BAAyC,CAAC"}

package/components/table-pagination.style.js

@@ -1,102 +0,0 @@
-import { css } from 'lit';
-import { styleVariables } from './table-pagination.variables.js';
-const tablePaginationStyle = css `
-  .pagination-container {
-    display: flex;
-    justify-content: space-between;
-    background-color: var(--hybrid-pagination-background-color);
-    color: var(--hybrid-pagination-text-color);
-  }
-
-  .left-content {
-    display: flex;
-    justify-content: space-between;
-  }
-  .left-content .items-details {
-    border-left: var(--hybrid-pagination-borders);
-    padding: 10px;
-  }
-  .right-arrow,
-  .left-arrow {
-    --hybrid-icon-color: var(--hybrid-pagination-text-color);
-  }
-
-  :host([size='small']) .left-content .items-details {
-    padding: 5px;
-  }
-
-  :host([size='large']) .left-content .items-details {
-    padding: 15px;
-  }
-
-  .left-content .select-details {
-    padding: 10px;
-  }
-
-  :host([size='small']) .left-content .select-details {
-    padding: 5px;
-  }
-
-  :host([size='large']) .left-content .select-details {
-    padding: 15px;
-  }
-
-  .right-content {
-    display: flex;
-    justify-content: space-between;
-    border-left: var(--hybrid-pagination-borders);
-  }
-  .right-content .icon-container {
-    display: flex;
-    justify-content: space-between;
-    border-left: var(--hybrid-pagination-borders);
-  }
-
-  .right-content .page-details {
-    padding: 10px;
-  }
-
-  :host([size='small']) .right-content .page-details {
-    padding: 5px;
-  }
-
-  :host([size='large']) .right-content .page-details {
-    padding: 15px;
-  }
-
-  .icon-container .left-arrow,
-  .icon-container .right-arrow {
-    padding: 10px;
-  }
-
-  :host([size='small']) .icon-container .left-arrow,
-  :host([size='small']) .icon-container .right-arrow {
-    padding: 5px;
-  }
-
-  :host([size='large']) .icon-container .left-arrow,
-  :host([size='large']) .icon-container .right-arrow {
-    padding: 15px;
-  }
-
-  .icon-container .left-arrow {
-    border-right: var(--hybrid-pagination-borders);
-  }
-
-  select {
-    border: none;
-    background-color: var(--hybrid-pagination-background-color);
-    cursor: pointer;
-    color: var(--hybrid-pagination-text-color);
-  }
-
-  hy-icon[data-enabled='false'] {
-    cursor: not-allowed;
-  }
-
-  hy-icon[data-enabled='true'] {
-    cursor: pointer;
-  }
-`;
-export const styles = [tablePaginationStyle, styleVariables];
-//# sourceMappingURL=table-pagination.style.js.map

package/components/table-pagination.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-pagination.style.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-pagination.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAE/D,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG/B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import {css} from 'lit';\nimport {styleVariables} from './table-pagination.variables.js';\n\nconst tablePaginationStyle = css`\n  .pagination-container {\n    display: flex;\n    justify-content: space-between;\n    background-color: var(--hybrid-pagination-background-color);\n    color: var(--hybrid-pagination-text-color);\n  }\n\n  .left-content {\n    display: flex;\n    justify-content: space-between;\n  }\n  .left-content .items-details {\n    border-left: var(--hybrid-pagination-borders);\n    padding: 10px;\n  }\n  .right-arrow,\n  .left-arrow {\n    --hybrid-icon-color: var(--hybrid-pagination-text-color);\n  }\n\n  :host([size='small']) .left-content .items-details {\n    padding: 5px;\n  }\n\n  :host([size='large']) .left-content .items-details {\n    padding: 15px;\n  }\n\n  .left-content .select-details {\n    padding: 10px;\n  }\n\n  :host([size='small']) .left-content .select-details {\n    padding: 5px;\n  }\n\n  :host([size='large']) .left-content .select-details {\n    padding: 15px;\n  }\n\n  .right-content {\n    display: flex;\n    justify-content: space-between;\n    border-left: var(--hybrid-pagination-borders);\n  }\n  .right-content .icon-container {\n    display: flex;\n    justify-content: space-between;\n    border-left: var(--hybrid-pagination-borders);\n  }\n\n  .right-content .page-details {\n    padding: 10px;\n  }\n\n  :host([size='small']) .right-content .page-details {\n    padding: 5px;\n  }\n\n  :host([size='large']) .right-content .page-details {\n    padding: 15px;\n  }\n\n  .icon-container .left-arrow,\n  .icon-container .right-arrow {\n    padding: 10px;\n  }\n\n  :host([size='small']) .icon-container .left-arrow,\n  :host([size='small']) .icon-container .right-arrow {\n    padding: 5px;\n  }\n\n  :host([size='large']) .icon-container .left-arrow,\n  :host([size='large']) .icon-container .right-arrow {\n    padding: 15px;\n  }\n\n  .icon-container .left-arrow {\n    border-right: var(--hybrid-pagination-borders);\n  }\n\n  select {\n    border: none;\n    background-color: var(--hybrid-pagination-background-color);\n    cursor: pointer;\n    color: var(--hybrid-pagination-text-color);\n  }\n\n  hy-icon[data-enabled='false'] {\n    cursor: not-allowed;\n  }\n\n  hy-icon[data-enabled='true'] {\n    cursor: pointer;\n  }\n`;\n\nexport const styles = [tablePaginationStyle, styleVariables];\n"]}

package/components/table-pagination.variables.d.ts

@@ -1,2 +0,0 @@
-export declare const styleVariables: import("lit").CSSResult;
-//# sourceMappingURL=table-pagination.variables.d.ts.map

package/components/table-pagination.variables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-pagination.variables.d.ts","sourceRoot":"","sources":["../../../../src/components/table/components/table-pagination.variables.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAc1B,CAAC"}

package/components/table-pagination.variables.js

@@ -1,17 +0,0 @@
-import { css } from 'lit';
-export const styleVariables = css `
-  :host {
-    --hybrid-pagination-background-color: #f4f4f4;
-    --hybrid-pagination-text-color: #161616;
-    --hybrid-pagination-borders: 1px solid #e0e0e0;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host {
-      --hybrid-pagination-background-color: #393939;
-      --hybrid-pagination-text-color: #f4f4f4;
-      --hybrid-pagination-borders: 1px solid #8d8d8d;
-    }
-  }
-`;
-//# sourceMappingURL=table-pagination.variables.js.map

package/components/table-pagination.variables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-pagination.variables.js","sourceRoot":"","sources":["../../../../src/components/table/components/table-pagination.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAchC,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport const styleVariables = css`\n  :host {\n    --hybrid-pagination-background-color: #f4f4f4;\n    --hybrid-pagination-text-color: #161616;\n    --hybrid-pagination-borders: 1px solid #e0e0e0;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --hybrid-pagination-background-color: #393939;\n      --hybrid-pagination-text-color: #f4f4f4;\n      --hybrid-pagination-borders: 1px solid #8d8d8d;\n    }\n  }\n`;\n"]}

package/demo/table-demo.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-export declare class TableDemo extends LitElement {
-    headers: {
-        name: string;
-        key: string;
-    }[];
-    rows: {
-        id: number;
-        status: string;
-        priority: string;
-        title: string;
-        assignee: string;
-    }[];
-    static styles: import("lit").CSSResult[];
-    render(): import("lit").TemplateResult<1>;
-}
-//# sourceMappingURL=table-demo.d.ts.map

package/demo/table-demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/table/demo/table-demo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAG1C,qBAAa,SAAU,SAAQ,UAAU;IAEvC,OAAO;;;QAqBL;IAGF,IAAI;;;;;;QAyDF;IACF,OAAgB,MAAM,4BAOpB;IACO,MAAM;CAyDhB"}