mapa-library-ui 0.0.8

package/fesm2022/mapa-library-ui.mjs

@@ -0,0 +1,323 @@
+import * as i0 from '@angular/core';
+import { Directive, Self, Optional, Input, EventEmitter, Output } from '@angular/core';
+import * as i1 from '@angular/material/input';
+import * as i2 from '@angular/forms';
+import { map, startWith } from 'rxjs';
+import * as i1$1 from '@angular/material/paginator';
+
+class ElementBase {
+    constructor(options = {}) {
+        this.value = options.value || '';
+        this.key = options.key || '';
+        this.label = options.label || '';
+        this.required = !!options.required;
+        this.order = options.order === undefined ? 1 : options.order;
+        this.controlType = options.controlType || '';
+        this.type = options.type || '';
+        this.placeholder = options.placeholder || '';
+        this.hint = options.hint || '';
+        this.prefix = options.prefix || '';
+        this.suffix = options.suffix || '';
+        this.autosize = options.autosize || false;
+        this.autosizeMinWidth = options.autosizeMinWidth || '212px';
+        this.autosizeMaxWidth = options.autosizeMaxWidth || '400px';
+        this.options = options.options || [];
+        this.multiple = options.multiple || false;
+    }
+}
+
+class Dropdown extends ElementBase {
+    constructor() {
+        super(...arguments);
+        this.controlType = 'dropdown';
+    }
+}
+
+class InputText extends ElementBase {
+    constructor() {
+        super(...arguments);
+        this.controlType = 'input';
+    }
+}
+
+/*
+* Originally from: https://github.com/anotherkitten/mat-input-autosize
+* @author: Ellie Larson (anotherkitten)
+*/
+class MatInputAutosizeDirective {
+    constructor(el, childMatInput, childNgModel) {
+        this.childMatInput = childMatInput;
+        this.childNgModel = childNgModel;
+        this.matInputAutosizeMinWidth = '120px';
+        this.changeHiddenText = (newValue) => {
+            if (this.hiddenText) {
+                this.hiddenText.data = newValue + ' ';
+            }
+        };
+        this.inputElement = el.nativeElement;
+    }
+    ngAfterViewInit() {
+        this.checkErrors();
+        this.overwriteParentWidth();
+        this.createHiddenTextContainer();
+        this.setOwnStyles();
+        this.subscribeToChanges();
+    }
+    ngOnDestroy() {
+        if (this.changeDetectSub) {
+            this.changeDetectSub.unsubscribe();
+        }
+    }
+    checkErrors() {
+        if (!(this.inputElement instanceof HTMLInputElement)) {
+            throw new Error('matInputAutosize directive must be on an input element');
+        }
+        if (!this.childMatInput) {
+            throw new Error('Element with matInputAutosize directive must also have the matInput directive');
+        }
+    }
+    overwriteParentWidth() {
+        Object.assign(this.inputElement.parentNode.style, {
+            width: '100%',
+        });
+    }
+    createHiddenTextContainer() {
+        const textContainer = document.createElement('div');
+        Object.assign(textContainer.style, {
+            display: 'inline-block',
+            'max-width': this.matInputAutosizeMaxWidth || null,
+            'min-width': this.matInputAutosizeMinWidth,
+            font: this.matInputAutosizeFontStyle || null,
+            visibility: 'hidden',
+            'white-space': 'pre',
+        });
+        this.inputElement.parentNode?.appendChild(textContainer);
+        this.hiddenText = document.createTextNode(' ');
+        textContainer.appendChild(this.hiddenText);
+    }
+    setOwnStyles() {
+        Object.assign(this.inputElement.style, {
+            position: 'absolute',
+            left: '0',
+        });
+    }
+    subscribeToChanges() {
+        if (this.childNgModel) {
+            this.changeDetectSub = this.childNgModel.control.valueChanges.subscribe(this.changeHiddenText);
+        }
+        else {
+            this.inputElement.addEventListener('input', () => this.changeHiddenText(this.inputElement.value));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatInputAutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i1.MatInput, self: true }, { token: i2.NgModel, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MatInputAutosizeDirective, isStandalone: true, selector: "[matInputAutosize]", inputs: { matInputAutosizeMaxWidth: "matInputAutosizeMaxWidth", matInputAutosizeMinWidth: "matInputAutosizeMinWidth", matInputAutosizeFontStyle: "matInputAutosizeFontStyle" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatInputAutosizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matInputAutosize]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.MatInput, decorators: [{
+                    type: Self
+                }] }, { type: i2.NgModel, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { matInputAutosizeMaxWidth: [{
+                type: Input
+            }], matInputAutosizeMinWidth: [{
+                type: Input
+            }], matInputAutosizeFontStyle: [{
+                type: Input
+            }] } });
+
+class BubblePaginationDirective {
+    constructor(matPag, elementRef, ren) {
+        this.matPag = matPag;
+        this.elementRef = elementRef;
+        this.ren = ren;
+        this.pageIndexChangeEmitter = new EventEmitter();
+        this.showFirstButton = true;
+        this.showLastButton = true;
+        this.renderButtonsNumber = 2;
+        this.appCustomLength = 0;
+        this.hideDefaultArrows = false;
+        this.buttonsRef = [];
+    }
+    ngAfterViewInit() {
+        this.styleDefaultPagination();
+        this.createBubbleDivRef();
+        this.renderButtons();
+    }
+    ngOnChanges(changes) {
+        if (!changes?.["appCustomLength"]?.firstChange) {
+            this.removeButtons();
+            this.switchPage(0);
+            this.renderButtons();
+        }
+    }
+    renderButtons() {
+        this.buildButtons();
+        this.matPag.page
+            .pipe(map((e) => [e.previousPageIndex ?? 0, e.pageIndex]), startWith([0, 0]))
+            .subscribe(([prev, curr]) => {
+            this.changeActiveButtonStyles(prev, curr);
+            this.updateButtonsOnPageEvent();
+        });
+    }
+    changeActiveButtonStyles(previousIndex, newIndex) {
+        const previouslyActive = this.buttonsRef[previousIndex];
+        const currentActive = this.buttonsRef[newIndex];
+        try {
+            this.ren.removeClass(previouslyActive, "g-bubble__active");
+            this.ren.addClass(currentActive, "g-bubble__active");
+        }
+        catch { }
+        this.buttonsRef.forEach((button) => this.ren.setStyle(button, "display", "none"));
+        const renderElements = this.renderButtonsNumber;
+        const endDots = newIndex < this.buttonsRef.length - renderElements - 1;
+        const startDots = newIndex - renderElements > 0;
+        const firstButton = this.buttonsRef[0];
+        const lastButton = this.buttonsRef[this.buttonsRef.length - 1];
+        try {
+            if (this.showLastButton) {
+                this.ren.setStyle(this.dotsEndRef, "display", endDots ? "block" : "none");
+                this.ren.setStyle(lastButton, "display", endDots ? "flex" : "none");
+            }
+        }
+        catch { }
+        try {
+            if (this.showFirstButton) {
+                this.ren.setStyle(this.dotsStartRef, "display", startDots ? "block" : "none");
+                this.ren.setStyle(firstButton, "display", startDots ? "flex" : "none");
+            }
+        }
+        catch { }
+        const startingIndex = startDots ? newIndex - renderElements : 0;
+        const endingIndex = endDots
+            ? newIndex + renderElements
+            : this.buttonsRef.length - 1;
+        for (let i = startingIndex; i <= endingIndex; i++) {
+            const button = this.buttonsRef[i];
+            this.ren.setStyle(button, "display", "flex");
+        }
+    }
+    styleDefaultPagination() {
+        const nativeElement = this.elementRef.nativeElement;
+        const itemsPerPage = nativeElement.querySelector(".mat-mdc-paginator-page-size");
+        const howManyDisplayedEl = nativeElement.querySelector(".mat-mdc-paginator-range-label");
+        const previousButton = nativeElement.querySelector("button.mat-mdc-paginator-navigation-previous");
+        const nextButtonDefault = nativeElement.querySelector("button.mat-mdc-paginator-navigation-next");
+        if (this.hideDefaultArrows) {
+            this.ren.setStyle(previousButton, "display", "none");
+            this.ren.setStyle(nextButtonDefault, "display", "none");
+        }
+    }
+    createBubbleDivRef() {
+        const actionContainer = this.elementRef.nativeElement.querySelector("div.mat-mdc-paginator-range-actions");
+        const nextButtonDefault = this.elementRef.nativeElement.querySelector("button.mat-mdc-paginator-navigation-next");
+        this.bubbleContainerRef = this.ren.createElement("div");
+        this.ren.addClass(this.bubbleContainerRef, "g-bubble-container");
+        this.ren.insertBefore(actionContainer, this.bubbleContainerRef, nextButtonDefault);
+    }
+    buildButtons() {
+        const neededButtons = Math.ceil(this.appCustomLength / this.matPag.pageSize);
+        if (neededButtons === 1) {
+            this.ren.setStyle(this.elementRef.nativeElement, "display", "none");
+            return;
+        }
+        this.buttonsRef = [this.createButton(0)];
+        this.dotsStartRef = this.createDotsElement();
+        for (let index = 1; index < neededButtons - 1; index++) {
+            this.buttonsRef = [...this.buttonsRef, this.createButton(index)];
+        }
+        this.dotsEndRef = this.createDotsElement();
+        this.buttonsRef = [
+            ...this.buttonsRef,
+            this.createButton(neededButtons - 1),
+        ];
+    }
+    removeButtons() {
+        this.bubbleContainerRef.innerHTML = '';
+        this.buttonsRef.forEach((button) => {
+            this.ren.removeChild(this.bubbleContainerRef, button);
+        });
+        this.buttonsRef = [];
+        this.buttonsRef.length = 0;
+    }
+    createButton(i) {
+        const bubbleButton = this.ren.createElement("div");
+        const text = this.ren.createText(String(i + 1));
+        this.ren.addClass(bubbleButton, "g-bubble");
+        this.ren.setStyle(bubbleButton, "margin-right", "8px");
+        this.ren.appendChild(bubbleButton, text);
+        this.ren.listen(bubbleButton, "click", () => {
+            this.switchPage(i);
+        });
+        this.ren.appendChild(this.bubbleContainerRef, bubbleButton);
+        this.ren.setStyle(bubbleButton, "display", "none");
+        return bubbleButton;
+    }
+    createDotsElement() {
+        const dotsEl = this.ren.createElement("span");
+        const dotsText = this.ren.createText(".....");
+        this.ren.setStyle(dotsEl, "font-size", "18px");
+        this.ren.setStyle(dotsEl, "margin-right", "8px");
+        this.ren.setStyle(dotsEl, "padding-top", "6px");
+        this.ren.setStyle(dotsEl, "color", "#919191");
+        this.ren.appendChild(dotsEl, dotsText);
+        this.ren.appendChild(this.bubbleContainerRef, dotsEl);
+        this.ren.setStyle(dotsEl, "display", "none");
+        return dotsEl;
+    }
+    switchPage(i) {
+        const previousPageIndex = this.matPag.pageIndex;
+        this.matPag.pageIndex = i;
+        try {
+            this.matPag["_emitPageEvent"](previousPageIndex);
+        }
+        catch { }
+        this.pageIndexChangeEmitter.emit(i);
+    }
+    updateButtonsOnPageEvent() {
+        const neededButtons = Math.ceil(this.appCustomLength / this.matPag.pageSize);
+        if (neededButtons === this.buttonsRef.length) {
+            return;
+        }
+        this.removeButtons();
+        this.buildButtons();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BubblePaginationDirective, deps: [{ token: i1$1.MatPaginator }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BubblePaginationDirective, isStandalone: true, selector: "[appBubblePagination]", inputs: { showFirstButton: "showFirstButton", showLastButton: "showLastButton", renderButtonsNumber: "renderButtonsNumber", appCustomLength: "appCustomLength", hideDefaultArrows: "hideDefaultArrows" }, outputs: { pageIndexChangeEmitter: "pageIndexChangeEmitter" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BubblePaginationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[appBubblePagination]",
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatPaginator }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { pageIndexChangeEmitter: [{
+                type: Output
+            }], showFirstButton: [{
+                type: Input
+            }], showLastButton: [{
+                type: Input
+            }], renderButtonsNumber: [{
+                type: Input
+            }], appCustomLength: [{
+                type: Input
+            }], hideDefaultArrows: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of mapa-library-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BubblePaginationDirective, Dropdown, ElementBase, InputText, MatInputAutosizeDirective };
+//# sourceMappingURL=mapa-library-ui.mjs.map

package/fesm2022/mapa-library-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/core/elements/input-text.ts","../../../projects/mapa-library-ui/src/lib/core/directives/mat-input-autosize.directive.ts","../../../projects/mapa-library-ui/src/lib/core/directives/custom-paginator.directive.ts","../../../projects/mapa-library-ui/src/public-api.ts","../../../projects/mapa-library-ui/src/mapa-library-ui.ts"],"sourcesContent":["import { ElementOption } from '../interfaces/option.interface';\n\nexport class ElementBase {\n  value: string;\n  key: string;\n  label: string;\n  required: boolean;\n  order: number;\n  controlType: string;\n  type: string;\n  placeholder?: string;\n  hint?: string;\n  prefix?: string;\n  suffix?: string;\n  autosize?: boolean;\n  autosizeMinWidth?: string;\n  autosizeMaxWidth?: string;\n  options: ElementOption[];\n  multiple?: boolean;\n\n  constructor(\n    options: {\n      value?: string;\n      key?: string;\n      label?: string;\n      required?: boolean;\n      order?: number;\n      controlType?: string;\n      type?: string;\n      placeholder?: string;\n      hint?: string;\n      prefix?: string;\n      suffix?: string;\n      autosize?: boolean;\n      autosizeMinWidth?: string;\n      autosizeMaxWidth?: string;\n      options?: ElementOption[];\n      multiple?: boolean;\n    } = {}\n  ) {\n    this.value = options.value || '';\n    this.key = options.key || '';\n    this.label = options.label || '';\n    this.required = !!options.required;\n    this.order = options.order === undefined ? 1 : options.order;\n    this.controlType = options.controlType || '';\n    this.type = options.type || '';\n    this.placeholder = options.placeholder || '';\n    this.hint = options.hint || '';\n    this.prefix = options.prefix || '';\n    this.suffix = options.suffix || '';\n    this.autosize = options.autosize || false;\n    this.autosizeMinWidth = options.autosizeMinWidth || '212px';\n    this.autosizeMaxWidth = options.autosizeMaxWidth || '400px';\n    this.options = options.options || [];\n    this.multiple = options.multiple || false;\n  }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n  override controlType = 'dropdown';\n}\n","import { ElementBase } from './element-base';\n\nexport class InputText extends ElementBase {\n  override controlType = 'input';\n}\n","/*\n* Originally from: https://github.com/anotherkitten/mat-input-autosize\n* @author: Ellie Larson (anotherkitten)\n*/\n\nimport {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  Input,\n  OnDestroy,\n  Optional,\n  Self,\n} from '@angular/core';\nimport { NgModel } from '@angular/forms';\nimport { MatInput } from '@angular/material/input';\nimport { Subscription } from 'rxjs';\n\n@Directive({\n  selector: '[matInputAutosize]',\n  standalone: true,\n})\nexport class MatInputAutosizeDirective implements AfterViewInit, OnDestroy {\n  inputElement: HTMLInputElement;\n  hiddenText!: Text;\n  changeDetectSub!: Subscription;\n\n  @Input() matInputAutosizeMaxWidth: any;\n  @Input() matInputAutosizeMinWidth = '120px';\n  @Input() matInputAutosizeFontStyle: any;\n\n  constructor(\n    el: ElementRef<HTMLInputElement>,\n    @Self() private childMatInput: MatInput,\n    @Optional() @Self() private childNgModel: NgModel\n  ) {\n    this.inputElement = el.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    this.checkErrors();\n    this.overwriteParentWidth();\n    this.createHiddenTextContainer();\n    this.setOwnStyles();\n    this.subscribeToChanges();\n  }\n\n  ngOnDestroy(): void {\n    if (this.changeDetectSub) {\n      this.changeDetectSub.unsubscribe();\n    }\n  }\n\n  checkErrors(): void {\n    if (!(this.inputElement instanceof HTMLInputElement)) {\n      throw new Error('matInputAutosize directive must be on an input element');\n    }\n\n    if (!this.childMatInput) {\n      throw new Error(\n        'Element with matInputAutosize directive must also have the matInput directive'\n      );\n    }\n  }\n\n  overwriteParentWidth(): void {\n    Object.assign((this.inputElement.parentNode as HTMLElement).style, {\n      width: '100%',\n    });\n  }\n\n  createHiddenTextContainer(): void {\n    const textContainer = document.createElement('div');\n    Object.assign(textContainer.style, {\n      display: 'inline-block',\n      'max-width': this.matInputAutosizeMaxWidth || null,\n      'min-width': this.matInputAutosizeMinWidth,\n      font: this.matInputAutosizeFontStyle || null,\n      visibility: 'hidden',\n      'white-space': 'pre',\n    });\n    this.inputElement.parentNode?.appendChild(textContainer);\n\n    this.hiddenText = document.createTextNode(' ');\n    textContainer.appendChild(this.hiddenText);\n  }\n\n  setOwnStyles(): void {\n    Object.assign(this.inputElement.style, {\n      position: 'absolute',\n      left: '0',\n    });\n  }\n\n  subscribeToChanges(): void {\n    if (this.childNgModel) {\n      this.changeDetectSub = this.childNgModel.control.valueChanges.subscribe(\n        this.changeHiddenText\n      );\n    } else {\n      this.inputElement.addEventListener('input', () =>\n        this.changeHiddenText(this.inputElement.value)\n      );\n    }\n  }\n\n  changeHiddenText = (newValue: string): void => {\n    if (this.hiddenText) {\n      this.hiddenText.data = newValue + ' ';\n    }\n  };\n}\n","import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  Renderer2,\n  SimpleChanges,\n} from \"@angular/core\";\nimport { MatPaginator } from \"@angular/material/paginator\";\nimport { map, startWith } from \"rxjs\";\n\n@Directive({\n  selector: \"[appBubblePagination]\",\n  standalone: true,\n})\nexport class BubblePaginationDirective implements AfterViewInit, OnChanges {\n  @Output() pageIndexChangeEmitter: EventEmitter<number> = new EventEmitter<number>();\n  @Input() showFirstButton = true;\n  @Input() showLastButton = true;\n  @Input() renderButtonsNumber = 2;\n  @Input() appCustomLength: number = 0;\n  @Input() hideDefaultArrows = false;\n  private dotsEndRef!: HTMLElement;\n  private dotsStartRef!: HTMLElement;\n  private bubbleContainerRef!: HTMLElement;\n  private buttonsRef: HTMLElement[] = [];\n\n  constructor(\n    private readonly matPag: MatPaginator,\n    private elementRef: ElementRef,\n    private ren: Renderer2\n  ) {}\n\n  ngAfterViewInit(): void {\n    this.styleDefaultPagination();\n    this.createBubbleDivRef();\n    this.renderButtons();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!changes?.[\"appCustomLength\"]?.firstChange) {\n      this.removeButtons();\n      this.switchPage(0);\n      this.renderButtons();\n    }\n  }\n\n  private renderButtons(): void {\n    this.buildButtons();\n\n    this.matPag.page\n      .pipe(\n        map((e) => [e.previousPageIndex ?? 0, e.pageIndex]),\n        startWith([0, 0])\n      )\n      .subscribe(([prev, curr]) => {\n        this.changeActiveButtonStyles(prev, curr);\n        this.updateButtonsOnPageEvent();\n      });\n  }\n\n  private changeActiveButtonStyles(previousIndex: number, newIndex: number) {\n    const previouslyActive = this.buttonsRef[previousIndex];\n    const currentActive = this.buttonsRef[newIndex];\n\n    try {\n      this.ren.removeClass(previouslyActive, \"g-bubble__active\");\n      this.ren.addClass(currentActive, \"g-bubble__active\");\n    } catch {}\n\n    this.buttonsRef.forEach((button) =>\n      this.ren.setStyle(button, \"display\", \"none\")\n    );\n\n    const renderElements = this.renderButtonsNumber;\n    const endDots = newIndex < this.buttonsRef.length - renderElements - 1;\n    const startDots = newIndex - renderElements > 0;\n\n    const firstButton = this.buttonsRef[0];\n    const lastButton = this.buttonsRef[this.buttonsRef.length - 1];\n\n    try {\n      if (this.showLastButton) {\n        this.ren.setStyle(this.dotsEndRef, \"display\", endDots ? \"block\" : \"none\");\n        this.ren.setStyle(lastButton, \"display\", endDots ? \"flex\" : \"none\");\n      }\n    } catch {}\n\n    try {\n      if (this.showFirstButton) {\n        this.ren.setStyle(\n          this.dotsStartRef,\n          \"display\",\n          startDots ? \"block\" : \"none\"\n        );\n        this.ren.setStyle(firstButton, \"display\", startDots ? \"flex\" : \"none\");\n      }\n    } catch {}\n\n    const startingIndex = startDots ? newIndex - renderElements : 0;\n    const endingIndex = endDots\n      ? newIndex + renderElements\n      : this.buttonsRef.length - 1;\n\n    for (let i = startingIndex; i <= endingIndex; i++) {\n      const button = this.buttonsRef[i];\n      this.ren.setStyle(button, \"display\", \"flex\");\n    }\n  }\n\n  private styleDefaultPagination() {\n    const nativeElement = this.elementRef.nativeElement;\n    const itemsPerPage = nativeElement.querySelector(\n      \".mat-mdc-paginator-page-size\"\n    );\n    const howManyDisplayedEl = nativeElement.querySelector(\n      \".mat-mdc-paginator-range-label\"\n    );\n    const previousButton = nativeElement.querySelector(\n      \"button.mat-mdc-paginator-navigation-previous\"\n    );\n    const nextButtonDefault = nativeElement.querySelector(\n      \"button.mat-mdc-paginator-navigation-next\"\n    );\n\n    if (this.hideDefaultArrows) {\n      this.ren.setStyle(previousButton, \"display\", \"none\");\n      this.ren.setStyle(nextButtonDefault, \"display\", \"none\");\n    }\n  }\n\n  private createBubbleDivRef(): void {\n    const actionContainer = this.elementRef.nativeElement.querySelector(\n      \"div.mat-mdc-paginator-range-actions\"\n    );\n    const nextButtonDefault = this.elementRef.nativeElement.querySelector(\n      \"button.mat-mdc-paginator-navigation-next\"\n    );\n\n    this.bubbleContainerRef = this.ren.createElement(\"div\") as HTMLElement;\n    this.ren.addClass(this.bubbleContainerRef, \"g-bubble-container\");\n\n    this.ren.insertBefore(\n      actionContainer,\n      this.bubbleContainerRef,\n      nextButtonDefault\n    );\n  }\n\n  private buildButtons(): void {\n    const neededButtons = Math.ceil(\n      this.appCustomLength / this.matPag.pageSize\n    );\n\n    if (neededButtons === 1) {\n      this.ren.setStyle(this.elementRef.nativeElement, \"display\", \"none\");\n      return;\n    }\n\n    this.buttonsRef = [this.createButton(0)];\n    this.dotsStartRef = this.createDotsElement();\n\n    for (let index = 1; index < neededButtons - 1; index++) {\n      this.buttonsRef = [...this.buttonsRef, this.createButton(index)];\n    }\n\n    this.dotsEndRef = this.createDotsElement();\n\n    this.buttonsRef = [\n      ...this.buttonsRef,\n      this.createButton(neededButtons - 1),\n    ];\n  }\n\n  private removeButtons(): void {\n    this.bubbleContainerRef.innerHTML = '';\n    this.buttonsRef.forEach((button) => {\n      this.ren.removeChild(this.bubbleContainerRef, button);\n    });\n    this.buttonsRef = [];\n    this.buttonsRef.length = 0;\n  }\n\n  private createButton(i: number): HTMLElement {\n    const bubbleButton = this.ren.createElement(\"div\");\n    const text = this.ren.createText(String(i + 1));\n\n    this.ren.addClass(bubbleButton, \"g-bubble\");\n    this.ren.setStyle(bubbleButton, \"margin-right\", \"8px\");\n    this.ren.appendChild(bubbleButton, text);\n\n    this.ren.listen(bubbleButton, \"click\", () => {\n      this.switchPage(i);\n    });\n\n    this.ren.appendChild(this.bubbleContainerRef, bubbleButton);\n    this.ren.setStyle(bubbleButton, \"display\", \"none\");\n\n    return bubbleButton;\n  }\n\n  private createDotsElement(): HTMLElement {\n    const dotsEl = this.ren.createElement(\"span\");\n    const dotsText = this.ren.createText(\".....\");\n\n    this.ren.setStyle(dotsEl, \"font-size\", \"18px\");\n    this.ren.setStyle(dotsEl, \"margin-right\", \"8px\");\n    this.ren.setStyle(dotsEl, \"padding-top\", \"6px\");\n    this.ren.setStyle(dotsEl, \"color\", \"#919191\");\n\n    this.ren.appendChild(dotsEl, dotsText);\n    this.ren.appendChild(this.bubbleContainerRef, dotsEl);\n    this.ren.setStyle(dotsEl, \"display\", \"none\");\n\n    return dotsEl;\n  }\n\n  private switchPage(i: number): void {\n    const previousPageIndex = this.matPag.pageIndex;\n    this.matPag.pageIndex = i;\n    try {\n      this.matPag[\"_emitPageEvent\"](previousPageIndex);\n    } catch {}\n\n    this.pageIndexChangeEmitter.emit(i);\n  }\n\n  private updateButtonsOnPageEvent(): void {\n    const neededButtons = Math.ceil(\n      this.appCustomLength / this.matPag.pageSize\n    );\n    if (neededButtons === this.buttonsRef.length) {\n      return;\n    }\n\n    this.removeButtons();\n    this.buildButtons();\n  }\n}\n","/*\n * Public API Surface of mapa-library-ui\n */\n\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\nexport * from './lib/core/elements/input-text';\n\nexport * from './lib/core/interfaces/option.interface';\n\nexport * from './lib/core/directives/mat-input-autosize.directive';\nexport * from './lib/core/directives/custom-paginator.directive';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;MAEa,WAAW,CAAA;AAkBtB,IAAA,WAAA,CACE,UAiBI,EAAE,EAAA;QAEN,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;QAC7D,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC1C,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC;QAC5D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC;QAC5D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;KAC3C;AACF;;ACvDK,MAAO,QAAS,SAAQ,WAAW,CAAA;AAAzC,IAAA,WAAA,GAAA;;QACW,IAAW,CAAA,WAAA,GAAG,UAAU,CAAC;KACnC;AAAA;;ACFK,MAAO,SAAU,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;QACW,IAAW,CAAA,WAAA,GAAG,OAAO,CAAC;KAChC;AAAA;;ACJD;;;AAGE;MAmBW,yBAAyB,CAAA;AASpC,IAAA,WAAA,CACE,EAAgC,EAChB,aAAuB,EACX,YAAqB,EAAA;QADjC,IAAa,CAAA,aAAA,GAAb,aAAa,CAAU;QACX,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAS;QAN1C,IAAwB,CAAA,wBAAA,GAAG,OAAO,CAAC;AA8E5C,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,QAAgB,KAAU;YAC5C,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,QAAQ,GAAG,GAAG,CAAC;AACvC,aAAA;AACH,SAAC,CAAC;AA1EA,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC;KACtC;IAED,eAAe,GAAA;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACjC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;AACpC,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,EAAE,IAAI,CAAC,YAAY,YAAY,gBAAgB,CAAC,EAAE;AACpD,YAAA,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;AAC3E,SAAA;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,MAAM,IAAI,KAAK,CACb,+EAA+E,CAChF,CAAC;AACH,SAAA;KACF;IAED,oBAAoB,GAAA;QAClB,MAAM,CAAC,MAAM,CAAE,IAAI,CAAC,YAAY,CAAC,UAA0B,CAAC,KAAK,EAAE;AACjE,YAAA,KAAK,EAAE,MAAM;AACd,SAAA,CAAC,CAAC;KACJ;IAED,yBAAyB,GAAA;QACvB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACpD,QAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE;AACjC,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,WAAW,EAAE,IAAI,CAAC,wBAAwB,IAAI,IAAI;YAClD,WAAW,EAAE,IAAI,CAAC,wBAAwB;AAC1C,YAAA,IAAI,EAAE,IAAI,CAAC,yBAAyB,IAAI,IAAI;AAC5C,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;QAEzD,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAC/C,QAAA,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC5C;IAED,YAAY,GAAA;QACV,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,IAAI,EAAE,GAAG;AACV,SAAA,CAAC,CAAC;KACJ;IAED,kBAAkB,GAAA;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CACrE,IAAI,CAAC,gBAAgB,CACtB,CAAC;AACH,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAC/C,CAAC;AACH,SAAA;KACF;+GAlFU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;0BAYI,IAAI;;0BACJ,QAAQ;;0BAAI,IAAI;4CAPV,wBAAwB,EAAA,CAAA;sBAAhC,KAAK;gBACG,wBAAwB,EAAA,CAAA;sBAAhC,KAAK;gBACG,yBAAyB,EAAA,CAAA;sBAAjC,KAAK;;;MCXK,yBAAyB,CAAA;AAYpC,IAAA,WAAA,CACmB,MAAoB,EAC7B,UAAsB,EACtB,GAAc,EAAA;QAFL,IAAM,CAAA,MAAA,GAAN,MAAM,CAAc;QAC7B,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAW;AAdd,QAAA,IAAA,CAAA,sBAAsB,GAAyB,IAAI,YAAY,EAAU,CAAC;QAC3E,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC;QACtB,IAAmB,CAAA,mBAAA,GAAG,CAAC,CAAC;QACxB,IAAe,CAAA,eAAA,GAAW,CAAC,CAAC;QAC5B,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAC;QAI3B,IAAU,CAAA,UAAA,GAAkB,EAAE,CAAC;KAMnC;IAEJ,eAAe,GAAA;QACb,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,EAAE,WAAW,EAAE;YAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;AACrB,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACnB,IAAI,CAAC,aAAa,EAAE,CAAC;AACtB,SAAA;KACF;IAEO,aAAa,GAAA;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,MAAM,CAAC,IAAI;AACb,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EACnD,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAClB;aACA,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,KAAI;AAC1B,YAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC1C,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAClC,SAAC,CAAC,CAAC;KACN;IAEO,wBAAwB,CAAC,aAAqB,EAAE,QAAgB,EAAA;QACtE,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEhD,IAAI;YACF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;YAC3D,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;AACtD,SAAA;AAAC,QAAA,MAAM,GAAE;QAEV,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,KAC7B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAC7C,CAAC;AAEF,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC;AAChD,QAAA,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,cAAc,GAAG,CAAC,CAAC;AACvE,QAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,CAAC,CAAC;QAEhD,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACvC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE/D,IAAI;YACF,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAC1E,gBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AACrE,aAAA;AACF,SAAA;AAAC,QAAA,MAAM,GAAE;QAEV,IAAI;YACF,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,GAAG,CAAC,QAAQ,CACf,IAAI,CAAC,YAAY,EACjB,SAAS,EACT,SAAS,GAAG,OAAO,GAAG,MAAM,CAC7B,CAAC;AACF,gBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AACxE,aAAA;AACF,SAAA;AAAC,QAAA,MAAM,GAAE;AAEV,QAAA,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,CAAC,CAAC;QAChE,MAAM,WAAW,GAAG,OAAO;cACvB,QAAQ,GAAG,cAAc;cACzB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QAE/B,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE;YACjD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAC9C,SAAA;KACF;IAEO,sBAAsB,GAAA;AAC5B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QACpD,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,CAC9C,8BAA8B,CAC/B,CAAC;QACF,MAAM,kBAAkB,GAAG,aAAa,CAAC,aAAa,CACpD,gCAAgC,CACjC,CAAC;QACF,MAAM,cAAc,GAAG,aAAa,CAAC,aAAa,CAChD,8CAA8C,CAC/C,CAAC;QACF,MAAM,iBAAiB,GAAG,aAAa,CAAC,aAAa,CACnD,0CAA0C,CAC3C,CAAC;QAEF,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AACzD,SAAA;KACF;IAEO,kBAAkB,GAAA;AACxB,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CACjE,qCAAqC,CACtC,CAAC;AACF,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CACnE,0CAA0C,CAC3C,CAAC;QAEF,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAgB,CAAC;QACvE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,CAAC;AAEjE,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,CACnB,eAAe,EACf,IAAI,CAAC,kBAAkB,EACvB,iBAAiB,CAClB,CAAC;KACH;IAEO,YAAY,GAAA;AAClB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAC5C,CAAC;QAEF,IAAI,aAAa,KAAK,CAAC,EAAE;AACvB,YAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;YACpE,OAAO;AACR,SAAA;QAED,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAE7C,QAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;AACtD,YAAA,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;AAClE,SAAA;AAED,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAE3C,IAAI,CAAC,UAAU,GAAG;YAChB,GAAG,IAAI,CAAC,UAAU;AAClB,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC;SACrC,CAAC;KACH;IAEO,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;QACvC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;YACjC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;AACxD,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AACrB,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;KAC5B;AAEO,IAAA,YAAY,CAAC,CAAS,EAAA;QAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACnD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEhD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAEzC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAK;AAC1C,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACrB,SAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;QAC5D,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAEnD,QAAA,OAAO,YAAY,CAAC;KACrB;IAEO,iBAAiB,GAAA;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE9C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;QAE9C,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAE7C,QAAA,OAAO,MAAM,CAAC;KACf;AAEO,IAAA,UAAU,CAAC,CAAS,EAAA;AAC1B,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;AAChD,QAAA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;QAC1B,IAAI;YACF,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAClD,SAAA;AAAC,QAAA,MAAM,GAAE;AAEV,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACrC;IAEO,wBAAwB,GAAA;AAC9B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAC5C,CAAC;AACF,QAAA,IAAI,aAAa,KAAK,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;YAC5C,OAAO;AACR,SAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;+GA9NU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;sJAEW,sBAAsB,EAAA,CAAA;sBAA/B,MAAM;gBACE,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,mBAAmB,EAAA,CAAA;sBAA3B,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;;;ACxBR;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="mapa-library-ui" />
+export * from './public-api';

package/lib/core/directives/custom-paginator.directive.d.ts

@@ -0,0 +1,33 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from "@angular/core";
+import { MatPaginator } from "@angular/material/paginator";
+import * as i0 from "@angular/core";
+export declare class BubblePaginationDirective implements AfterViewInit, OnChanges {
+    private readonly matPag;
+    private elementRef;
+    private ren;
+    pageIndexChangeEmitter: EventEmitter<number>;
+    showFirstButton: boolean;
+    showLastButton: boolean;
+    renderButtonsNumber: number;
+    appCustomLength: number;
+    hideDefaultArrows: boolean;
+    private dotsEndRef;
+    private dotsStartRef;
+    private bubbleContainerRef;
+    private buttonsRef;
+    constructor(matPag: MatPaginator, elementRef: ElementRef, ren: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private renderButtons;
+    private changeActiveButtonStyles;
+    private styleDefaultPagination;
+    private createBubbleDivRef;
+    private buildButtons;
+    private removeButtons;
+    private createButton;
+    private createDotsElement;
+    private switchPage;
+    private updateButtonsOnPageEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubblePaginationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BubblePaginationDirective, "[appBubblePagination]", never, { "showFirstButton": { "alias": "showFirstButton"; "required": false; }; "showLastButton": { "alias": "showLastButton"; "required": false; }; "renderButtonsNumber": { "alias": "renderButtonsNumber"; "required": false; }; "appCustomLength": { "alias": "appCustomLength"; "required": false; }; "hideDefaultArrows": { "alias": "hideDefaultArrows"; "required": false; }; }, { "pageIndexChangeEmitter": "pageIndexChangeEmitter"; }, never, never, true, never>;
+}

package/lib/core/directives/mat-input-autosize.directive.d.ts

@@ -0,0 +1,26 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { NgModel } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class MatInputAutosizeDirective implements AfterViewInit, OnDestroy {
+    private childMatInput;
+    private childNgModel;
+    inputElement: HTMLInputElement;
+    hiddenText: Text;
+    changeDetectSub: Subscription;
+    matInputAutosizeMaxWidth: any;
+    matInputAutosizeMinWidth: string;
+    matInputAutosizeFontStyle: any;
+    constructor(el: ElementRef<HTMLInputElement>, childMatInput: MatInput, childNgModel: NgModel);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    checkErrors(): void;
+    overwriteParentWidth(): void;
+    createHiddenTextContainer(): void;
+    setOwnStyles(): void;
+    subscribeToChanges(): void;
+    changeHiddenText: (newValue: string) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatInputAutosizeDirective, [null, { self: true; }, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatInputAutosizeDirective, "[matInputAutosize]", never, { "matInputAutosizeMaxWidth": { "alias": "matInputAutosizeMaxWidth"; "required": false; }; "matInputAutosizeMinWidth": { "alias": "matInputAutosizeMinWidth"; "required": false; }; "matInputAutosizeFontStyle": { "alias": "matInputAutosizeFontStyle"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/core/elements/dropdown.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class Dropdown extends ElementBase {
+    controlType: string;
+}

package/lib/core/elements/element-base.d.ts

@@ -0,0 +1,37 @@
+import { ElementOption } from '../interfaces/option.interface';
+export declare class ElementBase {
+    value: string;
+    key: string;
+    label: string;
+    required: boolean;
+    order: number;
+    controlType: string;
+    type: string;
+    placeholder?: string;
+    hint?: string;
+    prefix?: string;
+    suffix?: string;
+    autosize?: boolean;
+    autosizeMinWidth?: string;
+    autosizeMaxWidth?: string;
+    options: ElementOption[];
+    multiple?: boolean;
+    constructor(options?: {
+        value?: string;
+        key?: string;
+        label?: string;
+        required?: boolean;
+        order?: number;
+        controlType?: string;
+        type?: string;
+        placeholder?: string;
+        hint?: string;
+        prefix?: string;
+        suffix?: string;
+        autosize?: boolean;
+        autosizeMinWidth?: string;
+        autosizeMaxWidth?: string;
+        options?: ElementOption[];
+        multiple?: boolean;
+    });
+}

package/lib/core/elements/input-text.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class InputText extends ElementBase {
+    controlType: string;
+}

package/lib/core/interfaces/option.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ElementOption {
+    key: string;
+    value: string;
+}

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "mapa-library-ui",
+  "version": "0.0.8",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/mapa-library-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/mapa-library-ui.mjs",
+      "esm": "./esm2022/mapa-library-ui.mjs",
+      "default": "./fesm2022/mapa-library-ui.mjs"
+    },
+    "./src/lib/components/button": {
+      "types": "./src/lib/components/button/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/button/mapa-library-ui-src-lib-components-button.mjs",
+      "esm": "./esm2022/src/lib/components/button/mapa-library-ui-src-lib-components-button.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-button.mjs"
+    },
+    "./src/lib/components/button-icon": {
+      "types": "./src/lib/components/button-icon/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/button-icon/mapa-library-ui-src-lib-components-button-icon.mjs",
+      "esm": "./esm2022/src/lib/components/button-icon/mapa-library-ui-src-lib-components-button-icon.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-button-icon.mjs"
+    },
+    "./src/lib/components/checkbox": {
+      "types": "./src/lib/components/checkbox/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/checkbox/mapa-library-ui-src-lib-components-checkbox.mjs",
+      "esm": "./esm2022/src/lib/components/checkbox/mapa-library-ui-src-lib-components-checkbox.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-checkbox.mjs"
+    },
+    "./src/lib/components/dialog": {
+      "types": "./src/lib/components/dialog/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/dialog/mapa-library-ui-src-lib-components-dialog.mjs",
+      "esm": "./esm2022/src/lib/components/dialog/mapa-library-ui-src-lib-components-dialog.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-dialog.mjs"
+    },
+    "./src/lib/components/dropdown": {
+      "types": "./src/lib/components/dropdown/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/dropdown/mapa-library-ui-src-lib-components-dropdown.mjs",
+      "esm": "./esm2022/src/lib/components/dropdown/mapa-library-ui-src-lib-components-dropdown.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs"
+    },
+    "./src/lib/components/empty": {
+      "types": "./src/lib/components/empty/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/empty/mapa-library-ui-src-lib-components-empty.mjs",
+      "esm": "./esm2022/src/lib/components/empty/mapa-library-ui-src-lib-components-empty.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-empty.mjs"
+    },
+    "./src/lib/components/filters": {
+      "types": "./src/lib/components/filters/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/filters/mapa-library-ui-src-lib-components-filters.mjs",
+      "esm": "./esm2022/src/lib/components/filters/mapa-library-ui-src-lib-components-filters.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-filters.mjs"
+    },
+    "./src/lib/components/icon": {
+      "types": "./src/lib/components/icon/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/icon/mapa-library-ui-src-lib-components-icon.mjs",
+      "esm": "./esm2022/src/lib/components/icon/mapa-library-ui-src-lib-components-icon.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-icon.mjs"
+    },
+    "./src/lib/components/input": {
+      "types": "./src/lib/components/input/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/input/mapa-library-ui-src-lib-components-input.mjs",
+      "esm": "./esm2022/src/lib/components/input/mapa-library-ui-src-lib-components-input.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-input.mjs"
+    },
+    "./src/lib/components/nav-list": {
+      "types": "./src/lib/components/nav-list/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/nav-list/mapa-library-ui-src-lib-components-nav-list.mjs",
+      "esm": "./esm2022/src/lib/components/nav-list/mapa-library-ui-src-lib-components-nav-list.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-nav-list.mjs"
+    },
+    "./src/lib/components/radio-button": {
+      "types": "./src/lib/components/radio-button/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/radio-button/mapa-library-ui-src-lib-components-radio-button.mjs",
+      "esm": "./esm2022/src/lib/components/radio-button/mapa-library-ui-src-lib-components-radio-button.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-radio-button.mjs"
+    },
+    "./src/lib/components/report-item": {
+      "types": "./src/lib/components/report-item/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.mjs",
+      "esm": "./esm2022/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-report-item.mjs"
+    },
+    "./src/lib/components/table": {
+      "types": "./src/lib/components/table/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/table/mapa-library-ui-src-lib-components-table.mjs",
+      "esm": "./esm2022/src/lib/components/table/mapa-library-ui-src-lib-components-table.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-table.mjs"
+    },
+    "./src/lib/components/tag": {
+      "types": "./src/lib/components/tag/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/tag/mapa-library-ui-src-lib-components-tag.mjs",
+      "esm": "./esm2022/src/lib/components/tag/mapa-library-ui-src-lib-components-tag.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-tag.mjs"
+    },
+    "./src/lib/components/warning": {
+      "types": "./src/lib/components/warning/index.d.ts",
+      "esm2022": "./esm2022/src/lib/components/warning/mapa-library-ui-src-lib-components-warning.mjs",
+      "esm": "./esm2022/src/lib/components/warning/mapa-library-ui-src-lib-components-warning.mjs",
+      "default": "./fesm2022/mapa-library-ui-src-lib-components-warning.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/core/elements/element-base';
+export * from './lib/core/elements/dropdown';
+export * from './lib/core/elements/input-text';
+export * from './lib/core/interfaces/option.interface';
+export * from './lib/core/directives/mat-input-autosize.directive';
+export * from './lib/core/directives/custom-paginator.directive';

package/src/lib/components/button/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="mapa-library-ui/src/lib/components/button" />
+export * from './public-api';

package/src/lib/components/button/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/button.component';
+export * from './src/button.module';