tuix-webcomponents 0.62.0 → 0.64.0

package/dist/src/tuix-modal/TuixModal.js

@@ -1,64 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { BorderRadiusPaper, PaperElevation, } from '../tuix-paper/enums/tuix-paper.enum.js';
-import { commonModalStyles, mobileModalStyles } from './TuixModal.styles.js';
-import { TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { IconName, IconSizeVariant, } from '../tuix-icon/enums/tuix-icon.enums.js';
-let TuixModal = class TuixModal extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.visible = false;
-        this.dark = false;
-        this.scrollable = false;
-    }
-    _onClose() {
-        this.visible = false;
-        this.dispatchEvent(new CustomEvent('on-close', { bubbles: true }));
-    }
-    render() {
-        return html `
-      <tuix-paper
-        class="modal-container"
-        elevation=${PaperElevation.VARIANT_4}
-        border-radius=${BorderRadiusPaper.SOFT}
-        ?dark=${this.dark}
-      >
-        <div class="content">
-          <header>
-            <slot name="title"></slot>
-            <tuix-icon
-              @click=${this._onClose}
-              class="close-icon"
-              size="${IconSizeVariant.MEDIUM}"
-              name="${IconName.X}"
-              color="${TextVariant.MAIN}"
-              ?dark=${this.dark}
-            ></tuix-icon>
-          </header>
-          <div class="body" ?scrollable=${this.scrollable}>
-            <slot name="body"></slot>
-          </div>
-          <div class="action-buttons">
-            <slot name="actions"></slot>
-          </div>
-        </div>
-      </tuix-paper>
-    `;
-    }
-};
-TuixModal.styles = [commonModalStyles, mobileModalStyles];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "visible", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "dark", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "scrollable", void 0);
-TuixModal = __decorate([
-    customElement('tuix-modal')
-], TuixModal);
-export { TuixModal };
-//# sourceMappingURL=TuixModal.js.map

package/dist/src/tuix-modal/TuixModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixModal.js","sourceRoot":"","sources":["../../../src/tuix-modal/TuixModal.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EACL,iBAAiB,EACjB,cAAc,GACf,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EACL,QAAQ,EACR,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAG/C,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAIE,YAAO,GAAG,KAAK,CAAC;QAGhB,SAAI,GAAG,KAAK,CAAC;QAGb,eAAU,GAAG,KAAK,CAAC;IAqCrB,CAAC;IAnCW,QAAQ;QAChB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;oBAGK,cAAc,CAAC,SAAS;wBACpB,iBAAiB,CAAC,IAAI;gBAC9B,IAAI,CAAC,IAAI;;;;;;uBAMF,IAAI,CAAC,QAAQ;;sBAEd,eAAe,CAAC,MAAM;sBACtB,QAAQ,CAAC,CAAC;uBACT,WAAW,CAAC,IAAI;sBACjB,IAAI,CAAC,IAAI;;;0CAGW,IAAI,CAAC,UAAU;;;;;;;;KAQpD,CAAC;IACJ,CAAC;;AA7CM,gBAAM,GAAG,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,AAAzC,CAA0C;AAGvD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC9B;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACxB;AAVR,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA+CrB;SA/CY,SAAS","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {\n  BorderRadiusPaper,\n  PaperElevation,\n} from '../tuix-paper/enums/tuix-paper.enum.js';\nimport { commonModalStyles, mobileModalStyles } from './TuixModal.styles.js';\nimport { TextVariant } from '../tuix-text/enums/tuix-text.enums.js';\nimport {\n  IconName,\n  IconSizeVariant,\n} from '../tuix-icon/enums/tuix-icon.enums.js';\n\n@customElement('tuix-modal')\nexport class TuixModal extends LitElement {\n  static styles = [commonModalStyles, mobileModalStyles];\n\n  @property({ type: Boolean, reflect: true })\n  visible = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  scrollable = false;\n\n  protected _onClose() {\n    this.visible = false;\n    this.dispatchEvent(new CustomEvent('on-close', { bubbles: true }));\n  }\n\n  render() {\n    return html`\n      <tuix-paper\n        class=\"modal-container\"\n        elevation=${PaperElevation.VARIANT_4}\n        border-radius=${BorderRadiusPaper.SOFT}\n        ?dark=${this.dark}\n      >\n        <div class=\"content\">\n          <header>\n            <slot name=\"title\"></slot>\n            <tuix-icon\n              @click=${this._onClose}\n              class=\"close-icon\"\n              size=\"${IconSizeVariant.MEDIUM}\"\n              name=\"${IconName.X}\"\n              color=\"${TextVariant.MAIN}\"\n              ?dark=${this.dark}\n            ></tuix-icon>\n          </header>\n          <div class=\"body\" ?scrollable=${this.scrollable}>\n            <slot name=\"body\"></slot>\n          </div>\n          <div class=\"action-buttons\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </div>\n      </tuix-paper>\n    `;\n  }\n}\n"]}

package/dist/src/tuix-modal/TuixModal.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const commonModalStyles: import("lit").CSSResult;
-export declare const mobileModalStyles: import("lit").CSSResult;

package/dist/src/tuix-modal/TuixModal.styles.js

@@ -1,56 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { Palette } from '../utils/colors.js';
-export const commonModalStyles = css `
-  :host {
-    display: none;
-    position: fixed;
-    width: 100%;
-    height: 100vh;
-    align-items: center;
-    top: 0;
-    left: 0;
-    background-color: ${unsafeCSS(Palette.BLACK + '80')};
-  }
-
-  :host([visible]) {
-    display: flex;
-  }
-
-  .modal-container {
-    margin: auto;
-    max-width: 96%;
-    max-height: 96vh;
-
-    .content {
-      border-radius: 4px;
-
-      header {
-        display: flex;
-        justify-content: space-between;
-        padding: 16px 16px 8px;
-
-        .close-icon {
-          cursor: pointer;
-        }
-      }
-
-      div.body {
-        padding: 8px 16px 32px;
-      }
-
-      div.action-buttons {
-        padding: 8px 16px 16px 16px;
-      }
-    }
-  }
-`;
-export const mobileModalStyles = css `
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .modal-container {
-      min-width: 100%;
-      max-height: 100%;
-    }
-  }
-`;
-//# sourceMappingURL=TuixModal.styles.js.map

package/dist/src/tuix-modal/TuixModal.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixModal.styles.js","sourceRoot":"","sources":["../../../src/tuix-modal/TuixModal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;wBASZ,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;uCACG,WAAW,CAAC,MAAM;;;;;;CAMxD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\nimport { Palette } from '../utils/colors';\n\nexport const commonModalStyles = css`\n  :host {\n    display: none;\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    align-items: center;\n    top: 0;\n    left: 0;\n    background-color: ${unsafeCSS(Palette.BLACK + '80')};\n  }\n\n  :host([visible]) {\n    display: flex;\n  }\n\n  .modal-container {\n    margin: auto;\n    max-width: 96%;\n    max-height: 96vh;\n\n    .content {\n      border-radius: 4px;\n\n      header {\n        display: flex;\n        justify-content: space-between;\n        padding: 16px 16px 8px;\n\n        .close-icon {\n          cursor: pointer;\n        }\n      }\n\n      div.body {\n        padding: 8px 16px 32px;\n      }\n\n      div.action-buttons {\n        padding: 8px 16px 16px 16px;\n      }\n    }\n  }\n`;\n\nexport const mobileModalStyles = css`\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .modal-container {\n      min-width: 100%;\n      max-height: 100%;\n    }\n  }\n`;\n"]}

package/dist/src/tuix-paper/TuixPaper.d.ts

@@ -1,10 +0,0 @@
-import { LitElement, TemplateResult } from 'lit';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum.js';
-export declare class TuixPaper extends LitElement {
-    static styles: import("lit").CSSResult[];
-    elevation: PaperElevation;
-    borderRadius: BorderRadiusPaper;
-    dark: boolean;
-    private _getOptionalClasses;
-    render(): TemplateResult;
-}

package/dist/src/tuix-paper/TuixPaper.js

@@ -1,47 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { paperStyles } from './TuixPaper.styles.js';
-let TuixPaper = class TuixPaper extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.elevation = PaperElevation.VARIANT_1;
-        this.borderRadius = BorderRadiusPaper.NONE;
-        this.dark = false;
-    }
-    _getOptionalClasses() {
-        const variantClass = `variant_${this.elevation}`;
-        const darkClass = `dark_${this.elevation}`;
-        return {
-            elevation: true,
-            [variantClass]: !this.dark,
-            [darkClass]: this.dark,
-        };
-    }
-    render() {
-        return html ` <div
-      class="${classMap(this._getOptionalClasses())}"
-      style="${styleMap({ borderRadius: this.borderRadius })}"
-    >
-      <slot></slot>
-    </div>`;
-    }
-};
-TuixPaper.styles = [paperStyles];
-__decorate([
-    property({ type: PaperElevation })
-], TuixPaper.prototype, "elevation", void 0);
-__decorate([
-    property({ type: String, attribute: 'border-radius' })
-], TuixPaper.prototype, "borderRadius", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixPaper.prototype, "dark", void 0);
-TuixPaper = __decorate([
-    customElement('tuix-paper')
-], TuixPaper);
-export { TuixPaper };
-//# sourceMappingURL=TuixPaper.js.map

package/dist/src/tuix-paper/TuixPaper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixPaper.js","sourceRoot":"","sources":["../../../src/tuix-paper/TuixPaper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAIE,cAAS,GAAG,cAAc,CAAC,SAAS,CAAC;QAGrC,iBAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC;QAGtC,SAAI,GAAG,KAAK,CAAC;IAoBf,CAAC;IAlBS,mBAAmB;QACzB,MAAM,YAAY,GAAG,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QACjD,MAAM,SAAS,GAAG,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QAC3C,OAAO;YACL,SAAS,EAAE,IAAI;YACf,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI;YAC1B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI;SACvB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;eACA,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;eACpC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;;WAGjD,CAAC;IACV,CAAC;;AA5BM,gBAAM,GAAG,CAAC,WAAW,CAAC,AAAhB,CAAiB;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;4CACE;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CACjB;AAGtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC9B;AAVF,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA8BrB;SA9BY,SAAS","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { paperStyles } from './TuixPaper.styles';\n\n@customElement('tuix-paper')\nexport class TuixPaper extends LitElement {\n  static styles = [paperStyles];\n\n  @property({ type: PaperElevation })\n  elevation = PaperElevation.VARIANT_1;\n\n  @property({ type: String, attribute: 'border-radius' })\n  borderRadius = BorderRadiusPaper.NONE;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  private _getOptionalClasses(): ClassInfo {\n    const variantClass = `variant_${this.elevation}`;\n    const darkClass = `dark_${this.elevation}`;\n    return {\n      elevation: true,\n      [variantClass]: !this.dark,\n      [darkClass]: this.dark,\n    };\n  }\n\n  render(): TemplateResult {\n    return html` <div\n      class=\"${classMap(this._getOptionalClasses())}\"\n      style=\"${styleMap({ borderRadius: this.borderRadius })}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

package/dist/src/tuix-paper/TuixPaper.styles.d.ts

@@ -1 +0,0 @@
-export declare const paperStyles: import("lit").CSSResult;

package/dist/src/tuix-paper/TuixPaper.styles.js

@@ -1,31 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { PaperElevation } from './enums/tuix-paper.enum.js';
-import { Palette } from '../utils/colors.js';
-const calculatedStyles = Object.values(PaperElevation)
-    .slice(1, -1)
-    .map((variant, index) => `
-  .elevation.variant_${variant} {
-    box-shadow: 0px ${2 ** index}px ${2 ** (index + 2)}px ${Palette.SHADOW};
-  }
-  .elevation.dark_${variant} {
-    background-color:rgb(${23 + 3 * index},${23 + 3 * index},${26 + 5 * index});
-  }`)
-    .join('\n');
-export const paperStyles = css `
-  ${unsafeCSS(`
-  .elevation {
-    background-color: ${Palette.WHITE};
-  }
-  .elevation.dark_${PaperElevation.VARIANT_0} {
-    background-color: ${Palette.BLACK};
-  }
-  ${calculatedStyles}
-  .elevation.variant_${PaperElevation.VARIANT_4} {
-    box-shadow: 0px 7px 24px ${Palette.SHADOW};
-  }
-  .elevation.dark_${PaperElevation.VARIANT_4} {
-    background-color: rgb(33, 33, 40);
-  }
-`)}
-`;
-//# sourceMappingURL=TuixPaper.styles.js.map

package/dist/src/tuix-paper/TuixPaper.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixPaper.styles.js","sourceRoot":"","sources":["../../../src/tuix-paper/TuixPaper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;KACnD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACZ,GAAG,CACF,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;uBACD,OAAO;sBACR,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,OAAO,CAAC,MAAM;;oBAEtD,OAAO;2BACA,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK;IACzE,CACD;KACA,IAAI,CAAC,IAAI,CAAC,CAAC;AAEd,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;IAC1B,SAAS,CAAC;;wBAEU,OAAO,CAAC,KAAK;;oBAEjB,cAAc,CAAC,SAAS;wBACpB,OAAO,CAAC,KAAK;;IAEjC,gBAAgB;uBACG,cAAc,CAAC,SAAS;+BAChB,OAAO,CAAC,MAAM;;oBAEzB,cAAc,CAAC,SAAS;;;CAG3C,CAAC;CACD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { PaperElevation } from './enums/tuix-paper.enum';\nimport { Palette } from '../utils/colors';\n\nconst calculatedStyles = Object.values(PaperElevation)\n  .slice(1, -1)\n  .map(\n    (variant, index) => `\n  .elevation.variant_${variant} {\n    box-shadow: 0px ${2 ** index}px ${2 ** (index + 2)}px ${Palette.SHADOW};\n  }\n  .elevation.dark_${variant} {\n    background-color:rgb(${23 + 3 * index},${23 + 3 * index},${26 + 5 * index});\n  }`\n  )\n  .join('\\n');\n\nexport const paperStyles = css`\n  ${unsafeCSS(`\n  .elevation {\n    background-color: ${Palette.WHITE};\n  }\n  .elevation.dark_${PaperElevation.VARIANT_0} {\n    background-color: ${Palette.BLACK};\n  }\n  ${calculatedStyles}\n  .elevation.variant_${PaperElevation.VARIANT_4} {\n    box-shadow: 0px 7px 24px ${Palette.SHADOW};\n  }\n  .elevation.dark_${PaperElevation.VARIANT_4} {\n    background-color: rgb(33, 33, 40);\n  }\n`)}\n`;\n"]}

package/dist/src/tuix-paper/enums/tuix-paper.enum.d.ts

@@ -1,13 +0,0 @@
-export declare enum PaperElevation {
-    VARIANT_0 = "0",
-    VARIANT_1 = "1",
-    VARIANT_2 = "2",
-    VARIANT_3 = "3",
-    VARIANT_4 = "4"
-}
-export declare enum BorderRadiusPaper {
-    NONE = "0px",
-    SOFT = "4px",
-    MEDIUM = "10px",
-    STRONG = "20px"
-}

package/dist/src/tuix-paper/enums/tuix-paper.enum.js

@@ -1,16 +0,0 @@
-export var PaperElevation;
-(function (PaperElevation) {
-    PaperElevation["VARIANT_0"] = "0";
-    PaperElevation["VARIANT_1"] = "1";
-    PaperElevation["VARIANT_2"] = "2";
-    PaperElevation["VARIANT_3"] = "3";
-    PaperElevation["VARIANT_4"] = "4";
-})(PaperElevation || (PaperElevation = {}));
-export var BorderRadiusPaper;
-(function (BorderRadiusPaper) {
-    BorderRadiusPaper["NONE"] = "0px";
-    BorderRadiusPaper["SOFT"] = "4px";
-    BorderRadiusPaper["MEDIUM"] = "10px";
-    BorderRadiusPaper["STRONG"] = "20px";
-})(BorderRadiusPaper || (BorderRadiusPaper = {}));
-//# sourceMappingURL=tuix-paper.enum.js.map

package/dist/src/tuix-paper/enums/tuix-paper.enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-paper.enum.js","sourceRoot":"","sources":["../../../../src/tuix-paper/enums/tuix-paper.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;AACjB,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,iCAAY,CAAA;IACZ,iCAAY,CAAA;IACZ,oCAAe,CAAA;IACf,oCAAe,CAAA;AACjB,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B","sourcesContent":["export enum PaperElevation {\n  VARIANT_0 = '0',\n  VARIANT_1 = '1',\n  VARIANT_2 = '2',\n  VARIANT_3 = '3',\n  VARIANT_4 = '4',\n}\n\nexport enum BorderRadiusPaper {\n  NONE = '0px',\n  SOFT = '4px',\n  MEDIUM = '10px',\n  STRONG = '20px',\n}\n"]}

package/dist/src/tuix-radio-button/TuixRadioButton.d.ts

@@ -1,16 +0,0 @@
-import { LitElement } from 'lit';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
-import { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface.js';
-export declare class TuixRadioButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    disabled: boolean;
-    dark: boolean;
-    error: boolean;
-    options: TuixRadioButtonOption[];
-    labelSide: CheckboxLabelSide;
-    selectedOption: TuixRadioButtonOption | null;
-    private _onRadioButtonChange;
-    private _getFullContainerClasses;
-    private _formatTemplate;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-radio-button/TuixRadioButton.js

@@ -1,96 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { radioButtonContainerStyles, radioButtonInnerStyles, radioButtonLabelStyles, radioButtonStyles, radioHostStyles, } from './TuixRadioButton.styles.js';
-let TuixRadioButton = class TuixRadioButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.dark = false;
-        this.error = false;
-        this.options = [];
-        this.labelSide = CheckboxLabelSide.RIGHT;
-        this.selectedOption = null;
-    }
-    _onRadioButtonChange(event) {
-        this.dispatchEvent(new CustomEvent('change', {
-            detail: {
-                value: event.target.value,
-            },
-            bubbles: true,
-        }));
-    }
-    _getFullContainerClasses() {
-        return {
-            't-radio-button-full-container': true,
-            't-with-error': this.error && !this.disabled,
-            't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,
-            't-multiple-options': this.options.length > 1,
-        };
-    }
-    _formatTemplate(option, index) {
-        return html `<label class="${classMap(this._getFullContainerClasses())}">
-      <div class="t-radio-button-container">
-        <input
-          type="radio"
-          class="t-radio-button"
-          ?disabled="${this.disabled}"
-          .value="${option}"
-          name="tuix-radio-button"
-          ?checked="${this.selectedOption === option}"
-          @change="${this._onRadioButtonChange}"
-        />
-        <div class="t-radio-button-checkmark">
-          <div class="t-radio-button-inner"></div>
-        </div>
-      </div>
-      <div class="t-radio-button-label">
-        <slot name="label-${index}">
-          <tuix-text
-            size="${TextSize.Field1}"
-            color="${TextVariant.PRIMARY}"
-            ?dark="${this.dark}"
-          >
-            ${option}
-          </tuix-text>
-        </slot>
-      </div>
-    </label>`;
-    }
-    render() {
-        return html `${this.options.map((option, index) => this._formatTemplate(option, index))}`;
-    }
-};
-TuixRadioButton.styles = [
-    radioHostStyles,
-    radioButtonContainerStyles,
-    radioButtonStyles,
-    radioButtonInnerStyles,
-    radioButtonLabelStyles,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "dark", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "error", void 0);
-__decorate([
-    property({ type: Array })
-], TuixRadioButton.prototype, "options", void 0);
-__decorate([
-    property({ type: String })
-], TuixRadioButton.prototype, "labelSide", void 0);
-__decorate([
-    property({ type: String })
-], TuixRadioButton.prototype, "selectedOption", void 0);
-TuixRadioButton = __decorate([
-    customElement('tuix-radio-button')
-], TuixRadioButton);
-export { TuixRadioButton };
-//# sourceMappingURL=TuixRadioButton.js.map

package/dist/src/tuix-radio-button/TuixRadioButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixRadioButton.js","sourceRoot":"","sources":["../../../src/tuix-radio-button/TuixRadioButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';\nimport { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';\nimport {\n  radioButtonContainerStyles,\n  radioButtonInnerStyles,\n  radioButtonLabelStyles,\n  radioButtonStyles,\n  radioHostStyles,\n} from './TuixRadioButton.styles';\nimport { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface';\n\n@customElement('tuix-radio-button')\nexport class TuixRadioButton extends LitElement {\n  static styles = [\n    radioHostStyles,\n    radioButtonContainerStyles,\n    radioButtonStyles,\n    radioButtonInnerStyles,\n    radioButtonLabelStyles,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @property({ type: Array })\n  options: TuixRadioButtonOption[] = [];\n\n  @property({ type: String })\n  labelSide = CheckboxLabelSide.RIGHT;\n\n  @property({ type: String })\n  selectedOption: TuixRadioButtonOption | null = null;\n\n  private _onRadioButtonChange(event: InputEvent) {\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          value: (event.target as HTMLInputElement).value,\n        },\n        bubbles: true,\n      })\n    );\n  }\n\n  private _getFullContainerClasses(): ClassInfo {\n    return {\n      't-radio-button-full-container': true,\n      't-with-error': this.error && !this.disabled,\n      't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,\n      't-multiple-options': this.options.length > 1,\n    };\n  }\n\n  private _formatTemplate(option: TuixRadioButtonOption, index: number) {\n    return html`<label class=\"${classMap(this._getFullContainerClasses())}\">\n      <div class=\"t-radio-button-container\">\n        <input\n          type=\"radio\"\n          class=\"t-radio-button\"\n          ?disabled=\"${this.disabled}\"\n          .value=\"${option}\"\n          name=\"tuix-radio-button\"\n          ?checked=\"${this.selectedOption === option}\"\n          @change=\"${this._onRadioButtonChange}\"\n        />\n        <div class=\"t-radio-button-checkmark\">\n          <div class=\"t-radio-button-inner\"></div>\n        </div>\n      </div>\n      <div class=\"t-radio-button-label\">\n        <slot name=\"label-${index}\">\n          <tuix-text\n            size=\"${TextSize.Field1}\"\n            color=\"${TextVariant.PRIMARY}\"\n            ?dark=\"${this.dark}\"\n          >\n            ${option}\n          </tuix-text>\n        </slot>\n      </div>\n    </label>`;\n  }\n\n  render() {\n    return html`${this.options.map((option, index) =>\n      this._formatTemplate(option, index)\n    )}`;\n  }\n}\n"]}

package/dist/src/tuix-radio-button/TuixRadioButton.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const radioHostStyles: import("lit").CSSResult;
-export declare const radioButtonContainerStyles: import("lit").CSSResult;
-export declare const radioButtonStyles: import("lit").CSSResult;
-export declare const radioButtonInnerStyles: import("lit").CSSResult;
-export declare const radioButtonLabelStyles: import("lit").CSSResult;

package/dist/src/tuix-radio-button/TuixRadioButton.styles.js

@@ -1,136 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles.js';
-import { Palette } from '../utils/colors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-export const radioHostStyles = css `
-  ${hostStyles}
-  :host {
-    --t-margin-between-radio-buttons: 1rem;
-    --t-radio-button-inner-color-disabled: ${unsafeCSS(Palette.PRIMARY_300)};
-  }
-`;
-export const radioButtonContainerStyles = css `
-  .t-radio-button-full-container {
-    display: flex;
-    justify-content: var(--t-label-right-default-justify, flex-start);
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  :host([disabled]) .t-radio-button-full-container {
-    cursor: not-allowed;
-  }
-  .t-radio-button-container {
-    --t-radio-button-size-box: 1.5rem;
-    --t-radio-button-shadow-width: 2px;
-    display: block;
-    position: relative;
-    height: var(--t-radio-button-size-box);
-    width: var(--t-radio-button-size-box);
-    min-width: var(--t-radio-button-size-box);
-  }
-  .t-radio-button-container .t-radio-button {
-    position: absolute;
-    opacity: 0;
-    height: 0;
-    width: 0;
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-radio-button-container {
-      --t-radio-button-size-box: 1rem;
-      --t-radio-button-shadow-width: 1px;
-      margin-top: 1px;
-    }
-  }
-`;
-export const radioButtonStyles = css `
-  .t-radio-button-full-container.t-multiple-options {
-    margin-bottom: var(--t-margin-between-radio-buttons);
-  }
-  .t-radio-button-container .t-radio-button-checkmark {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    height: var(--t-radio-button-size-box);
-    width: var(--t-radio-button-size-box);
-    background-color: var(--t-bg-color-primary);
-    border: 1px solid var(--t-stroke-color-grey);
-    box-sizing: border-box;
-    border-radius: 50%;
-  }
-  .t-radio-button-container
-    .t-radio-button:checked
-    ~ .t-radio-button-checkmark {
-    border: 1px solid var(--t-main-color-tuix);
-  }
-  .t-radio-button-container .t-radio-button:focus ~ .t-radio-button-checkmark {
-    box-shadow: 0 0 0px var(--t-radio-button-shadow-width)
-      var(--t-stroke-color-focus);
-  }
-  .t-radio-button-full-container:hover
-    .t-radio-button-container
-    .t-radio-button-checkmark {
-    border: 1px solid var(--t-main-color-tuix);
-  }
-  .t-radio-button-full-container.t-with-error
-    .t-radio-button-container
-    .t-radio-button-checkmark {
-    border: 1px solid var(--t-text-color-error);
-  }
-
-  .t-radio-button-container
-    .t-radio-button:disabled
-    ~ .t-radio-button-checkmark {
-    background-color: var(--t-bg-color-disabled);
-    border: none;
-    box-shadow: none;
-  }
-`;
-export const radioButtonInnerStyles = css `
-  .t-radio-button-container .t-radio-button-checkmark .t-radio-button-inner {
-    background-color: var(--t-main-color-tuix);
-    margin: auto;
-    height: calc(var(--t-radio-button-size-box) / 2 - 2px);
-    width: calc(var(--t-radio-button-size-box) / 2 - 2px);
-    border-radius: 50%;
-    display: none;
-  }
-  .t-radio-button-container
-    .t-radio-button:checked
-    ~ .t-radio-button-checkmark
-    .t-radio-button-inner {
-    display: block;
-  }
-  :host([error])
-    .t-radio-button-container
-    .t-radio-button-checkmark
-    .t-radio-button-inner {
-    background-color: var(--t-text-color-error);
-  }
-  :host([disabled])
-    .t-radio-button-container
-    .t-radio-button-checkmark
-    .t-radio-button-inner {
-    background-color: var(--t-radio-button-inner-color-disabled);
-    cursor: not-allowed;
-  }
-`;
-export const radioButtonLabelStyles = css `
-  .t-radio-button-label {
-    display: block;
-    color: var(--t-text-color-label);
-    margin-left: 0.625rem;
-  }
-  .t-radio-button-full-container.t-with-label-left {
-    flex-direction: row-reverse;
-    justify-content: var(--t-label-left-default-justify, space-between);
-  }
-  .t-radio-button-full-container.t-with-label-left .t-radio-button-label {
-    margin-right: 0.625rem;
-    margin-left: 0;
-  }
-`;
-//# sourceMappingURL=TuixRadioButton.styles.js.map

package/dist/src/tuix-radio-button/TuixRadioButton.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixRadioButton.styles.js","sourceRoot":"","sources":["../../../src/tuix-radio-button/TuixRadioButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;IAC9B,UAAU;;;6CAG+B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;CAE1E,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA4BN,WAAW,CAAC,MAAM;;;;;;;CAOxD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BxC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcxC,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles';\nimport { Palette } from '../utils/colors';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\n\nexport const radioHostStyles = css`\n  ${hostStyles}\n  :host {\n    --t-margin-between-radio-buttons: 1rem;\n    --t-radio-button-inner-color-disabled: ${unsafeCSS(Palette.PRIMARY_300)};\n  }\n`;\n\nexport const radioButtonContainerStyles = css`\n  .t-radio-button-full-container {\n    display: flex;\n    justify-content: var(--t-label-right-default-justify, flex-start);\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  :host([disabled]) .t-radio-button-full-container {\n    cursor: not-allowed;\n  }\n  .t-radio-button-container {\n    --t-radio-button-size-box: 1.5rem;\n    --t-radio-button-shadow-width: 2px;\n    display: block;\n    position: relative;\n    height: var(--t-radio-button-size-box);\n    width: var(--t-radio-button-size-box);\n    min-width: var(--t-radio-button-size-box);\n  }\n  .t-radio-button-container .t-radio-button {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-radio-button-container {\n      --t-radio-button-size-box: 1rem;\n      --t-radio-button-shadow-width: 1px;\n      margin-top: 1px;\n    }\n  }\n`;\n\nexport const radioButtonStyles = css`\n  .t-radio-button-full-container.t-multiple-options {\n    margin-bottom: var(--t-margin-between-radio-buttons);\n  }\n  .t-radio-button-container .t-radio-button-checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    height: var(--t-radio-button-size-box);\n    width: var(--t-radio-button-size-box);\n    background-color: var(--t-bg-color-primary);\n    border: 1px solid var(--t-stroke-color-grey);\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n  .t-radio-button-container\n    .t-radio-button:checked\n    ~ .t-radio-button-checkmark {\n    border: 1px solid var(--t-main-color-tuix);\n  }\n  .t-radio-button-container .t-radio-button:focus ~ .t-radio-button-checkmark {\n    box-shadow: 0 0 0px var(--t-radio-button-shadow-width)\n      var(--t-stroke-color-focus);\n  }\n  .t-radio-button-full-container:hover\n    .t-radio-button-container\n    .t-radio-button-checkmark {\n    border: 1px solid var(--t-main-color-tuix);\n  }\n  .t-radio-button-full-container.t-with-error\n    .t-radio-button-container\n    .t-radio-button-checkmark {\n    border: 1px solid var(--t-text-color-error);\n  }\n\n  .t-radio-button-container\n    .t-radio-button:disabled\n    ~ .t-radio-button-checkmark {\n    background-color: var(--t-bg-color-disabled);\n    border: none;\n    box-shadow: none;\n  }\n`;\n\nexport const radioButtonInnerStyles = css`\n  .t-radio-button-container .t-radio-button-checkmark .t-radio-button-inner {\n    background-color: var(--t-main-color-tuix);\n    margin: auto;\n    height: calc(var(--t-radio-button-size-box) / 2 - 2px);\n    width: calc(var(--t-radio-button-size-box) / 2 - 2px);\n    border-radius: 50%;\n    display: none;\n  }\n  .t-radio-button-container\n    .t-radio-button:checked\n    ~ .t-radio-button-checkmark\n    .t-radio-button-inner {\n    display: block;\n  }\n  :host([error])\n    .t-radio-button-container\n    .t-radio-button-checkmark\n    .t-radio-button-inner {\n    background-color: var(--t-text-color-error);\n  }\n  :host([disabled])\n    .t-radio-button-container\n    .t-radio-button-checkmark\n    .t-radio-button-inner {\n    background-color: var(--t-radio-button-inner-color-disabled);\n    cursor: not-allowed;\n  }\n`;\n\nexport const radioButtonLabelStyles = css`\n  .t-radio-button-label {\n    display: block;\n    color: var(--t-text-color-label);\n    margin-left: 0.625rem;\n  }\n  .t-radio-button-full-container.t-with-label-left {\n    flex-direction: row-reverse;\n    justify-content: var(--t-label-left-default-justify, space-between);\n  }\n  .t-radio-button-full-container.t-with-label-left .t-radio-button-label {\n    margin-right: 0.625rem;\n    margin-left: 0;\n  }\n`;\n"]}

package/dist/src/tuix-radio-button/interfaces/tuix-radio-button.interface.d.ts

@@ -1,3 +0,0 @@
-import { DetailValue } from '../../utils/interfaces/detail-value.interface.js';
-export type TuixRadioButtonOption = string | number;
-export type CustomEventTuixRadioButton<T extends TuixRadioButtonOption = TuixRadioButtonOption> = CustomEvent<DetailValue<T>>;

package/dist/src/tuix-radio-button/interfaces/tuix-radio-button.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tuix-radio-button.interface.js.map

package/dist/src/tuix-radio-button/interfaces/tuix-radio-button.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-radio-button.interface.js","sourceRoot":"","sources":["../../../../src/tuix-radio-button/interfaces/tuix-radio-button.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { DetailValue } from '../../utils/interfaces/detail-value.interface';\n\nexport type TuixRadioButtonOption = string | number;\n\nexport type CustomEventTuixRadioButton<\n  T extends TuixRadioButtonOption = TuixRadioButtonOption\n> = CustomEvent<DetailValue<T>>;\n"]}

package/dist/src/tuix-table/TuixTable.d.ts

@@ -1,46 +0,0 @@
-import { LitElement } from 'lit';
-import type { IDataTableHeader, ThreeDotsLoaderConfig } from './interfaces/tuix-table.interface.js';
-export declare class TuixTable extends LitElement {
-    static styles: import("lit").CSSResult[];
-    paginated: boolean;
-    disableMobileTable: boolean;
-    showMobileTableInTablet: boolean;
-    loader?: ThreeDotsLoaderConfig;
-    data: Record<string, any>[];
-    headers: IDataTableHeader<any>[];
-    pageSizeOptions: number[];
-    totalItems?: number;
-    currentPage?: number;
-    currentSize?: number;
-    isLoadingData: boolean;
-    private _isTabletView;
-    private _isMobileView;
-    private _headerPercents;
-    private _mqTablet?;
-    private _mqMobile?;
-    private _onScreenSizeChange;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProps: Map<string, any>): void;
-    private get _effectiveTotalItems();
-    private get _effectiveCurrentPage();
-    private get _effectivePageSize();
-    private get totalPages();
-    private get _paginationProps();
-    private _nextPage;
-    private _prevPage;
-    private _setPageSize;
-    private _computeHeaderPercents;
-    private _cellStyleString;
-    private _textVariantColor;
-    private _renderHeaderCells;
-    private _renderCell;
-    private _renderRows;
-    private _onPageSizeChange;
-    private _renderPageSizeOptions;
-    private _renderSpinner;
-    private _renderPagination;
-    private _renderTable;
-    private _renderCards;
-    render(): import("lit-html").TemplateResult<1>;
-}