@limetech/lime-elements 38.37.1 → 38.38.1-dev.2

package/dist/types/components/ai-avatar/ai-avatar.d.ts

@@ -13,6 +13,7 @@ import { Languages } from './../date-picker/date.types';
  * @private
  * @exampleComponent limel-example-ai-avatar-basic
  * @exampleComponent limel-example-ai-avatar-colors
+ * @exampleComponent limel-example-ai-avatar-white-background
  */
 export declare class AiAvatar {
   /**

package/dist/types/components/table/columns.d.ts

@@ -1,5 +1,5 @@
 import { Column, ColumnSorter } from './table.types';
-import Tabulator from 'tabulator-tables';
+import { CellComponent, ColumnCalc, ColumnDefinition, Formatter, SorterFromTable } from 'tabulator-tables';
 import { ElementPool } from './element-pool';
 export declare class ColumnDefinitionFactory {
   private pool;
@@ -10,7 +10,7 @@ export declare class ColumnDefinitionFactory {
    * @param column - config describing the column
    * @returns Tabulator column
    */
-  create(column: Column<object>): Tabulator.ColumnDefinition;
+  create(column: Column<object>): ColumnDefinition;
 }
 /**
  * Formats the header of the column
@@ -26,7 +26,7 @@ export declare const formatHeader: (column: Column) => () => string | HTMLElemen
  * @param pool - pool to get custom components from
  * @returns Tabulator formatter
  */
-export declare function createFormatter(column: Column, pool: ElementPool): Tabulator.Formatter;
+export declare function createFormatter(column: Column, pool: ElementPool): Formatter;
 /**
  * Format the value of a cell in the table
  *
@@ -34,7 +34,7 @@ export declare function createFormatter(column: Column, pool: ElementPool): Tabu
  * @param column - configuration for the current column
  * @returns the formatted value
  */
-export declare function formatCell(cell: Tabulator.CellComponent, column: Column): string;
+export declare function formatCell(cell: CellComponent, column: Column): string;
 /**
  * Create a custom component that renders a cell value
  *
@@ -44,7 +44,7 @@ export declare function formatCell(cell: Tabulator.CellComponent, column: Column
  * @param pool - pool to get custom components from
  * @returns custom component that renders a value in the table
  */
-export declare function createCustomComponent(cell: Tabulator.CellComponent, column: Column, value: string, pool: ElementPool): HTMLElement;
+export declare function createCustomComponent(cell: CellComponent, column: Column, value: string, pool: ElementPool): HTMLElement;
 /**
  * Set all properties for a custom element, including event listeners
  *
@@ -52,20 +52,16 @@ export declare function createCustomComponent(cell: Tabulator.CellComponent, col
  * @param props - object of properties and event listeners
  */
 export declare function setElementProperties(element: HTMLElement, props: object): void;
-interface TabulatorSorter extends Tabulator.Sorter {
-  field: string;
-}
 /**
  * Create a column sorter from a tabulator sorter
  *
  * @param columns - all available columns in the table
  * @returns function that creates a sorter from a tabulator sorter
  */
-export declare const createColumnSorter: (columns: Column[]) => (sorter: TabulatorSorter) => ColumnSorter;
+export declare const createColumnSorter: (columns: Column[]) => (sorter: SorterFromTable) => ColumnSorter;
 /**
  *
  * @param column
  */
-export declare function getColumnAggregator(column: Column): Tabulator.ColumnCalc;
-export {};
+export declare function getColumnAggregator(column: Column): ColumnCalc;
 //# sourceMappingURL=columns.d.ts.map

package/dist/types/components/table/table-selection.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import Tabulator from 'tabulator-tables';
+import { Tabulator, ColumnDefinition as TabulatorColumnDefinition, CellComponent as TabulatorCellComponent } from 'tabulator-tables';
 import { ElementPool } from './element-pool';
 import { RowData } from './table.types';
 /**
@@ -40,7 +40,7 @@ export declare class TableSelection {
    * @param columnDefinitions - The column definition for the table
    * @returns The column definitions with the checkbox column prepended to it
    */
-  getColumnDefinitions(columnDefinitions: Tabulator.ColumnDefinition[]): Tabulator.ColumnDefinition[];
+  getColumnDefinitions(columnDefinitions: TabulatorColumnDefinition[]): TabulatorColumnDefinition[];
   private getRowSelectorColumnDefinition;
   private headerClick;
   private getRowSelectorFormatter;
@@ -52,11 +52,11 @@ export declare class TableSelection {
    * @param ev - The pointer event
    * @param cell - The clicked cell component
    */
-  protected rowSelectorCellClick: (ev: PointerEvent, cell: Tabulator.CellComponent) => void;
+  protected rowSelectorCellClick: (ev: PointerEvent, cell: TabulatorCellComponent) => void;
   private getRowData;
   private updateRowSelectors;
   private updateRowSelector;
-  private getActiveRows;
+  private readonly getActiveRows;
   private getRowByIndex;
 }
 //# sourceMappingURL=table-selection.d.ts.map

package/dist/types/components/table/table.d.ts

@@ -8,6 +8,7 @@ import { Languages } from '../date-picker/date.types';
  * @exampleComponent limel-example-table-header-menu
  * @exampleComponent limel-example-table-movable-columns
  * @exampleComponent limel-example-table-sorting-disabled
+ * @exampleComponent limel-example-table-pagination
  * @exampleComponent limel-example-table-local
  * @exampleComponent limel-example-table-remote
  * @exampleComponent limel-example-table-activate-row
@@ -106,6 +107,12 @@ export declare class Table {
    * Defines the language for translations.
    */
   language: Languages;
+  /**
+   * Location of the pagination controls.
+   * - `top`: Display pagination controls at the top of the table
+   * - `bottom`: Display pagination controls at the bottom of the table (default)
+   */
+  paginationLocation: 'top' | 'bottom';
   /**
    * Emitted when `mode` is `remote` and the table is loading new data. The
    * consumer is responsible for giving the table new data
@@ -132,7 +139,9 @@ export declare class Table {
   private tabulator;
   private pool;
   private columnFactory;
-  private firstRequest;
+  private initialized;
+  private destroyed;
+  private resizeObserver;
   private currentSorting;
   private tableSelection;
   private shouldSort;
@@ -159,6 +168,7 @@ export declare class Table {
   private haveSameAggregateFields;
   private init;
   private initTabulatorComponent;
+  private createTabulator;
   private initTableSelection;
   private setSelection;
   private updateMaxPage;
@@ -176,7 +186,7 @@ export declare class Table {
   private handlePageLoaded;
   private handleRenderComplete;
   private onClickRow;
-  private getActiveRows;
+  private readonly getActiveRows;
   private getActiveRowsData;
   private selectAllOnChange;
   private formatRows;
@@ -184,9 +194,9 @@ export declare class Table {
   private isActiveRow;
   private calculatePageCount;
   private hasAggregation;
-  private getColumnOptions;
-  private handleMoveColumn;
-  private findColumn;
+  private readonly getColumnOptions;
+  private readonly handleMoveColumn;
+  private readonly findColumn;
   render(): any;
   private renderSelectAll;
   private renderEmptyMessage;

package/dist/types/components.d.ts

@@ -202,6 +202,7 @@ export namespace Components {
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
      * @exampleComponent limel-example-ai-avatar-colors
+     * @exampleComponent limel-example-ai-avatar-white-background
      */
     interface LimelAiAvatar {
         /**
@@ -3129,6 +3130,7 @@ export namespace Components {
      * @exampleComponent limel-example-table-header-menu
      * @exampleComponent limel-example-table-movable-columns
      * @exampleComponent limel-example-table-sorting-disabled
+     * @exampleComponent limel-example-table-pagination
      * @exampleComponent limel-example-table-local
      * @exampleComponent limel-example-table-remote
      * @exampleComponent limel-example-table-activate-row
@@ -3189,6 +3191,10 @@ export namespace Components {
           * Number of rows per page
          */
         "pageSize": number;
+        /**
+          * Location of the pagination controls. - `top`: Display pagination controls at the top of the table - `bottom`: Display pagination controls at the bottom of the table (default)
+         */
+        "paginationLocation": 'top' | 'bottom';
         /**
           * Enables row selection
          */
@@ -3655,6 +3661,7 @@ declare global {
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
      * @exampleComponent limel-example-ai-avatar-colors
+     * @exampleComponent limel-example-ai-avatar-white-background
      */
     interface HTMLLimelAiAvatarElement extends Components.LimelAiAvatar, HTMLStencilElement {
     }
@@ -5102,6 +5109,7 @@ declare global {
      * @exampleComponent limel-example-table-header-menu
      * @exampleComponent limel-example-table-movable-columns
      * @exampleComponent limel-example-table-sorting-disabled
+     * @exampleComponent limel-example-table-pagination
      * @exampleComponent limel-example-table-local
      * @exampleComponent limel-example-table-remote
      * @exampleComponent limel-example-table-activate-row
@@ -5418,6 +5426,7 @@ declare namespace LocalJSX {
      * @private 
      * @exampleComponent limel-example-ai-avatar-basic
      * @exampleComponent limel-example-ai-avatar-colors
+     * @exampleComponent limel-example-ai-avatar-white-background
      */
     interface LimelAiAvatar {
         /**
@@ -8591,6 +8600,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-table-header-menu
      * @exampleComponent limel-example-table-movable-columns
      * @exampleComponent limel-example-table-sorting-disabled
+     * @exampleComponent limel-example-table-pagination
      * @exampleComponent limel-example-table-local
      * @exampleComponent limel-example-table-remote
      * @exampleComponent limel-example-table-activate-row
@@ -8679,6 +8689,10 @@ declare namespace LocalJSX {
           * Number of rows per page
          */
         "pageSize"?: number;
+        /**
+          * Location of the pagination controls. - `top`: Display pagination controls at the top of the table - `bottom`: Display pagination controls at the bottom of the table (default)
+         */
+        "paginationLocation"?: 'top' | 'bottom';
         /**
           * Enables row selection
          */
@@ -9076,6 +9090,7 @@ declare module "@stencil/core" {
              * @private 
              * @exampleComponent limel-example-ai-avatar-basic
              * @exampleComponent limel-example-ai-avatar-colors
+             * @exampleComponent limel-example-ai-avatar-white-background
              */
             "limel-ai-avatar": LocalJSX.LimelAiAvatar & JSXBase.HTMLAttributes<HTMLLimelAiAvatarElement>;
             /**
@@ -10183,6 +10198,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-table-header-menu
              * @exampleComponent limel-example-table-movable-columns
              * @exampleComponent limel-example-table-sorting-disabled
+             * @exampleComponent limel-example-table-pagination
              * @exampleComponent limel-example-table-local
              * @exampleComponent limel-example-table-remote
              * @exampleComponent limel-example-table-activate-row

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.37.1",
+  "version": "38.38.1-dev.2",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -51,7 +51,7 @@
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
-    "@types/tabulator-tables": "^4.9.4",
+    "@types/tabulator-tables": "^6.2.4",
     "codemirror": "^5.65.9",
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.13",
@@ -90,7 +90,7 @@
     "shelljs": "0.10.0",
     "shx": "^0.4.0",
     "style-to-object": "^1.0.9",
-    "tabulator-tables": "^4.9.3",
+    "tabulator-tables": "^6.3.1",
     "typescript": "^4.9.5",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"

package/dist/lime-elements/p-b906e1c5.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,H as t}from"./p-bdfa539c.js";import{t as e}from"./p-df36e1ae.js";const i=':host(limel-ai-avatar){display:flex;justify-content:center;align-self:center;position:relative;aspect-ratio:1;max-width:10rem;max-height:8rem;min-width:1.75rem;min-height:1.75rem;border-radius:0.5rem}*{box-sizing:border-box}:host(limel-ai-avatar[is-thinking]:not([is-thinking=false])){--ai-avatar-animation-play-state:running;--ai-avatar-orbitals-opacity:0.6;--ai-avatar-orbitals-animation-play-state:running}.core,.orbitals{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%}.core{opacity:0.3;width:70%;animation:breathe 3s ease infinite var(--ai-avatar-animation-play-state, paused);background-color:rgb(var(--color-glaucous-darker), 0.6);mix-blend-mode:plus-lighter}.orbitals{mix-blend-mode:plus-lighter;width:clamp(0.375rem, 20%, 3.5rem);animation:rotate 5s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);transition:opacity 0.2s ease;opacity:var(--ai-avatar-orbitals-opacity, 0)}.orbitals:after,.orbitals:before{content:"";display:block;position:absolute;inset:0;margin:auto;width:clamp(0.125rem, 50%, 0.75rem);aspect-ratio:1;border-radius:50%;background-color:rgb(var(--color-glaucous-lighter))}.orbitals:before{animation:orbit 1s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.6;transform-origin:-220% 0;margin-right:-70%}.orbitals:after{animation:orbit 2s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.8;scale:0.7;transform-origin:0% -250%;margin-bottom:-70%}@keyframes orbit{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes breathe{1%,100%{transform:scale(1)}50%{transform:scale(0.86)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}svg{position:absolute;margin:auto;mix-blend-mode:screen;animation-iteration-count:infinite;animation-play-state:var(--ai-avatar-animation-play-state, paused)}.red{rotate:20deg;color:rgb(var(--color-red-default));animation-name:rotate, scale-circle-one;animation-duration:5s}.green{rotate:36deg;color:rgb(var(--color-green-default));animation-name:rotate, scale-circle-two;animation-duration:5.5s}.blue{rotate:100deg;color:rgb(var(--color-blue-default));animation-name:rotate, scale-circle-three;animation-duration:4.5s}.orange{rotate:165deg;color:rgb(var(--color-orange-default));animation-name:rotate, scale-circle-four;animation-duration:6.5s}@keyframes scale-circle-one{0%,100%{transform:scaleX(1) scaleY(0.8)}25%,75%{transform:scaleX(0.8) scaleY(0.9)}50%{transform:scaleX(1) scaleY(0.7)}}@keyframes scale-circle-two{0%,100%{transform:scaleX(0.8) scaleY(1)}25%,75%{transform:scaleX(0.9) scaleY(0.75)}50%{transform:scaleX(0.72) scaleY(1)}}@keyframes scale-circle-three{0%,100%{transform:scaleX(0.9) scaleY(0.8)}50%{transform:scaleX(0.75) scaleY(0.9)}}@keyframes scale-circle-four{0%,100%{transform:scaleX(0.8) scaleY(0.95)}25%,75%{transform:scaleX(0.95) scaleY(0.75)}50%{transform:scaleX(0.75) scaleY(0.95)}}';const o=class{constructor(r){a(this,r);this.getTranslation=a=>e.get(a,this.language);this.isThinking=false;this.language=document.documentElement.lang}render(){return r(t,{role:"img","aria-label":this.getHostAriaLabel()},this.renderCircle("red"),this.renderCircle("green"),this.renderCircle("blue"),this.renderCircle("orange"),r("div",{class:"core"}),r("div",{class:"orbitals"}))}getHostAriaLabel(){let a="";if(this.isThinking){a=` (${this.getTranslation("ai-avatar.thinking")})`}return`${this.getTranslation("ai-avatar.label")}${a}`}renderCircle(a){return r("svg",{class:a,viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",role:"presentation"},r("circle",{cx:"50",cy:"50",r:"40",fill:"none",stroke:"currentColor","stroke-width":"6"}))}};o.style=i;export{o as limel_ai_avatar};
-//# sourceMappingURL=p-b906e1c5.entry.js.map

package/dist/lime-elements/p-b906e1c5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["aiAvatarCss","AiAvatar","this","getTranslation","key","translate","get","language","document","documentElement","lang","render","h","Host","role","getHostAriaLabel","renderCircle","class","thinkingText","isThinking","className","viewBox","xmlns","cx","cy","r","fill","stroke"],"sources":["./src/components/ai-avatar/ai-avatar.scss?tag=limel-ai-avatar&encapsulation=shadow","./src/components/ai-avatar/ai-avatar.tsx"],"sourcesContent":["/**\n* @prop --ai-avatar-animation-play-state: Set it to `running` to start the animation.\n*/\n:host(limel-ai-avatar) {\n    display: flex;\n    justify-content: center;\n    align-self: center;\n    position: relative;\n\n    aspect-ratio: 1;\n    max-width: 10rem;\n    max-height: 8rem;\n    min-width: 1.75rem;\n    min-height: 1.75rem;\n\n    border-radius: 0.5rem;\n}\n\n* {\n    box-sizing: border-box;\n}\n\n:host(limel-ai-avatar[is-thinking]:not([is-thinking='false'])) {\n    --ai-avatar-animation-play-state: running;\n    --ai-avatar-orbitals-opacity: 0.6;\n    --ai-avatar-orbitals-animation-play-state: running;\n}\n\n.core,\n.orbitals {\n    position: absolute;\n    inset: 0;\n    margin: auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    aspect-ratio: 1;\n\n    border-radius: 50%;\n}\n\n.core {\n    opacity: 0.3;\n    width: 70%;\n    animation: breathe 3s ease infinite\n        var(--ai-avatar-animation-play-state, paused);\n\n    background-color: rgb(var(--color-glaucous-darker), 0.6);\n    mix-blend-mode: plus-lighter;\n}\n\n.orbitals {\n    mix-blend-mode: plus-lighter;\n    width: clamp(0.375rem, 20%, 3.5rem);\n\n    animation: rotate 5s linear infinite\n        var(--ai-avatar-orbitals-animation-play-state, paused);\n\n    transition: opacity 0.2s ease;\n    opacity: var(--ai-avatar-orbitals-opacity, 0);\n\n    &:after,\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        inset: 0;\n        margin: auto;\n\n        width: clamp(0.125rem, 50%, 0.75rem);\n        aspect-ratio: 1;\n        border-radius: 50%;\n        background-color: rgb(var(--color-glaucous-lighter));\n    }\n    &:before {\n        animation: orbit 1s linear infinite\n            var(--ai-avatar-orbitals-animation-play-state, paused);\n\n        opacity: 0.6;\n        transform-origin: -220% 0;\n        margin-right: -70%;\n    }\n    &:after {\n        animation: orbit 2s linear infinite\n            var(--ai-avatar-orbitals-animation-play-state, paused);\n\n        opacity: 0.8;\n        scale: 0.7;\n        transform-origin: 0% -250%;\n        margin-bottom: -70%;\n    }\n}\n\n@keyframes orbit {\n    0% {\n        transform: rotateZ(0deg) translate3d(0, 0, 0);\n    }\n    100% {\n        transform: rotateZ(360deg) translate3d(0, 0, 0);\n    }\n}\n\n@keyframes breathe {\n    1%,\n    100% {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(0.86);\n    }\n}\n\n@keyframes rotate {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\nsvg {\n    position: absolute;\n    margin: auto;\n    mix-blend-mode: screen;\n\n    animation-iteration-count: infinite;\n    animation-play-state: var(--ai-avatar-animation-play-state, paused);\n}\n\n.red {\n    rotate: 20deg;\n    color: rgb(var(--color-red-default));\n    animation-name: rotate, scale-circle-one;\n    animation-duration: 5s;\n}\n\n.green {\n    rotate: 36deg;\n    color: rgb(var(--color-green-default));\n    animation-name: rotate, scale-circle-two;\n    animation-duration: 5.5s;\n}\n\n.blue {\n    rotate: 100deg;\n    color: rgb(var(--color-blue-default));\n    animation-name: rotate, scale-circle-three;\n    animation-duration: 4.5s;\n}\n\n.orange {\n    rotate: 165deg;\n    color: rgb(var(--color-orange-default));\n    animation-name: rotate, scale-circle-four;\n    animation-duration: 6.5s;\n}\n\n@keyframes scale-circle-one {\n    0%,\n    100% {\n        transform: scaleX(1) scaleY(0.8);\n    }\n    25%,\n    75% {\n        transform: scaleX(0.8) scaleY(0.9);\n    }\n    50% {\n        transform: scaleX(1) scaleY(0.7);\n    }\n}\n\n@keyframes scale-circle-two {\n    0%,\n    100% {\n        transform: scaleX(0.8) scaleY(1);\n    }\n    25%,\n    75% {\n        transform: scaleX(0.9) scaleY(0.75);\n    }\n    50% {\n        transform: scaleX(0.72) scaleY(1);\n    }\n}\n\n@keyframes scale-circle-three {\n    0%,\n    100% {\n        transform: scaleX(0.9) scaleY(0.8);\n    }\n    50% {\n        transform: scaleX(0.75) scaleY(0.9);\n    }\n}\n\n@keyframes scale-circle-four {\n    0%,\n    100% {\n        transform: scaleX(0.8) scaleY(0.95);\n    }\n    25%,\n    75% {\n        transform: scaleX(0.95) scaleY(0.75);\n    }\n    50% {\n        transform: scaleX(0.75) scaleY(0.95);\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Languages } from './../date-picker/date.types';\nimport translate from './../../global/translations';\n\n/**\n * This component displays an avatar, representing Lime AI assistants.\n *\n * :::warning\n * This is a private component used internally in the Lime's various applications,\n * which is the reason for having it in Lime Elements —to ease the distribution\n * of the component across all our apps.\n *\n * 3rd party developers are not allowed use this component directly.\n * :::\n *\n * @private\n * @exampleComponent limel-example-ai-avatar-basic\n * @exampleComponent limel-example-ai-avatar-colors\n */\n@Component({\n    tag: 'limel-ai-avatar',\n    shadow: true,\n    styleUrl: 'ai-avatar.scss',\n})\nexport class AiAvatar {\n    /**\n     * Set to `true` to trigger animations that indicate that the AI is\n     * \"thinking\" or processing something.\n     */\n    @Prop({ reflect: true })\n    public isThinking = false;\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = document.documentElement.lang as Languages;\n\n    public render() {\n        return (\n            <Host role=\"img\" aria-label={this.getHostAriaLabel()}>\n                {this.renderCircle('red')}\n                {this.renderCircle('green')}\n                {this.renderCircle('blue')}\n                {this.renderCircle('orange')}\n                <div class=\"core\" />\n                <div class=\"orbitals\" />\n            </Host>\n        );\n    }\n\n    private getHostAriaLabel(): string {\n        let thinkingText = '';\n        if (this.isThinking) {\n            thinkingText = ` (${this.getTranslation('ai-avatar.thinking')})`;\n        }\n\n        return `${this.getTranslation('ai-avatar.label')}${thinkingText}`;\n    }\n\n    private renderCircle(className: string) {\n        return (\n            <svg\n                class={className}\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                role=\"presentation\"\n            >\n                <circle\n                    cx=\"50\"\n                    cy=\"50\"\n                    r=\"40\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"6\"\n                />\n            </svg>\n        );\n    }\n\n    private getTranslation = (key: string) => {\n        return translate.get(key, this.language);\n    };\n}\n"],"mappings":"sFAAA,MAAMA,EAAc,q8F,MCwBPC,EAAQ,M,yBAwDTC,KAAAC,eAAkBC,GACfC,EAAUC,IAAIF,EAAKF,KAAKK,U,gBAnDf,M,cAMSC,SAASC,gBAAgBC,I,CAE/CC,SACH,OACIC,EAACC,EAAI,CAACC,KAAK,MAAK,aAAaZ,KAAKa,oBAC7Bb,KAAKc,aAAa,OAClBd,KAAKc,aAAa,SAClBd,KAAKc,aAAa,QAClBd,KAAKc,aAAa,UACnBJ,EAAA,OAAKK,MAAM,SACXL,EAAA,OAAKK,MAAM,a,CAKfF,mBACJ,IAAIG,EAAe,GACnB,GAAIhB,KAAKiB,WAAY,CACjBD,EAAe,KAAKhB,KAAKC,eAAe,wB,CAG5C,MAAO,GAAGD,KAAKC,eAAe,qBAAqBe,G,CAG/CF,aAAaI,GACjB,OACIR,EAAA,OACIK,MAAOG,EACPC,QAAQ,cACRC,MAAM,6BACNR,KAAK,gBAELF,EAAA,UACIW,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,KAAK,OACLC,OAAO,eAAc,eACR,M"}