sidesys-generic-ui 0.0.2

package/esm2015/lib/pagination/s-pagination.component.js

@@ -0,0 +1,88 @@
+import { Component, Input, Output } from "@angular/core";
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SPaginationComponent {
+    constructor() {
+        this.totalCount = 10;
+        this.pageSize = 10;
+        this.pageNumber = 1;
+        this.getEntries = new EventEmitter();
+        this.pagination = {};
+        this.pagedItems = [];
+    }
+    ngOnInit() {
+        this.setPage(this.pageNumber, false);
+    }
+    setPage(page, emit = true) {
+        if (page < 1 || page > this.pagination.totalPages) {
+            return;
+        }
+        this.pagination = this.getPagination(this.totalCount, page, this.pageSize);
+        if (emit) {
+            this.getEntries.emit(this.pagination);
+        }
+    }
+    getPagination(totalItems, currentPage = 1, pageSize = 10) {
+        // Se calcula el total de páginas
+        let totalPages = Math.ceil(totalItems / pageSize);
+        let pages = [];
+        let startPage, endPage;
+        if (totalPages <= 10) {
+            startPage = 1;
+            endPage = totalPages;
+        }
+        else {
+            if (currentPage <= 6) {
+                startPage = 1;
+                endPage = 10;
+            }
+            else if (currentPage + 4 >= totalPages) {
+                startPage = totalPages - 9;
+                endPage = totalPages;
+            }
+            else {
+                startPage = currentPage - 5;
+                endPage = currentPage + 4;
+            }
+        }
+        // Se calculan los índices
+        let startIndex = (currentPage - 1) * pageSize;
+        let endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
+        // Se arma la cantidad de páginas para mostrar en el paginador
+        for (let index = startPage; index < endPage + 1; index++) {
+            pages.push(index);
+        }
+        // Se retorna un objeto con la configuración del paginador
+        return {
+            totalItems: totalItems,
+            currentPage: currentPage,
+            pageSize: pageSize,
+            totalPages: totalPages,
+            startPage: startPage,
+            endPage: endPage,
+            startIndex: startIndex,
+            endIndex: endIndex,
+            pages: pages
+        };
+    }
+}
+SPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SPaginationComponent, selector: "s-pagination", inputs: { totalCount: "totalCount", pageSize: "pageSize", pageNumber: "pageNumber" }, outputs: { getEntries: "getEntries" }, ngImport: i0, template: "\r\n<ul *ngIf=\"pagination.pages && pagination.pages.length > 0\" class=\"pagination-list\">\r\n  <li *ngFor=\"let page of pagination.pages\">\r\n    <div [class.is-current]=\"pagination.currentPage === page\" aria-label=\"Goto page 1\" (click)=\"setPage(page)\">{{ page }}</div>\r\n  </li>\r\n</ul>\r\n", styles: ["ul{display:flex;text-align:center}ul li{display:inline;padding:.2rem;cursor:default;width:30px}.is-current{background:var(--primary);color:var(--neutrals-light-500)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-pagination',
+                    templateUrl: './s-pagination.component.html',
+                    styleUrls: ['./s-pagination.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { totalCount: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pageNumber: [{
+                type: Input
+            }], getEntries: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPN0MsTUFBTSxPQUFPLG9CQUFvQjtJQVEvQjtRQVBTLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3RCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQy9DLGVBQVUsR0FBUSxFQUFFLENBQUM7UUFDckIsZUFBVSxHQUFVLEVBQUUsQ0FBQztJQUVQLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVksRUFBRSxPQUFnQixJQUFJO1FBQ3hDLElBQUksSUFBSSxHQUFHLENBQUMsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQUU7WUFDakQsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzRSxJQUFJLElBQUksRUFBRTtZQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUN2QztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsVUFBa0IsRUFBRSxjQUFzQixDQUFDLEVBQUUsV0FBbUIsRUFBRTtRQUM5RSxpQ0FBaUM7UUFDakMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLENBQUM7UUFDbEQsSUFBSSxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBRWYsSUFBSSxTQUFpQixFQUFFLE9BQWUsQ0FBQztRQUV2QyxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQztZQUNkLE9BQU8sR0FBRyxVQUFVLENBQUM7U0FDdEI7YUFBTTtZQUNMLElBQUksV0FBVyxJQUFJLENBQUMsRUFBRTtnQkFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQztnQkFDZCxPQUFPLEdBQUcsRUFBRSxDQUFDO2FBQ2Q7aUJBQU0sSUFBSSxXQUFXLEdBQUcsQ0FBQyxJQUFJLFVBQVUsRUFBRTtnQkFDeEMsU0FBUyxHQUFHLFVBQVUsR0FBRyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sR0FBRyxVQUFVLENBQUM7YUFDdEI7aUJBQU07Z0JBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUM7Z0JBQzVCLE9BQU8sR0FBRyxXQUFXLEdBQUcsQ0FBQyxDQUFDO2FBQzNCO1NBQ0Y7UUFFRCwwQkFBMEI7UUFDMUIsSUFBSSxVQUFVLEdBQUcsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDO1FBQzlDLElBQUksUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxHQUFHLFFBQVEsR0FBRyxDQUFDLEVBQUUsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBRW5FLDhEQUE4RDtRQUM5RCxLQUFLLElBQUksS0FBSyxHQUFHLFNBQVMsRUFBRSxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUN4RCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25CO1FBRUQsMERBQTBEO1FBQzFELE9BQU87WUFDTCxVQUFVLEVBQUUsVUFBVTtZQUN0QixXQUFXLEVBQUUsV0FBVztZQUN4QixRQUFRLEVBQUUsUUFBUTtZQUNsQixVQUFVLEVBQUUsVUFBVTtZQUN0QixTQUFTLEVBQUUsU0FBUztZQUNwQixPQUFPLEVBQUUsT0FBTztZQUNoQixVQUFVLEVBQUUsVUFBVTtZQUN0QixRQUFRLEVBQUUsUUFBUTtZQUNsQixLQUFLLEVBQUUsS0FBSztTQUNiLENBQUM7SUFDSixDQUFDOztrSEFyRVUsb0JBQW9CO3NHQUFwQixvQkFBb0IsaUxDUmpDLGlUQU1BOzRGREVhLG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsV0FBVyxFQUFFLCtCQUErQjtvQkFDNUMsU0FBUyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzdDOzBFQUVVLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSB0b3RhbENvdW50OiBudW1iZXIgPSAxMDtcclxuICBASW5wdXQoKSBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XHJcbiAgQElucHV0KCkgcGFnZU51bWJlcjogbnVtYmVyID0gMTtcclxuICBAT3V0cHV0KCkgZ2V0RW50cmllcyA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIHBhZ2luYXRpb246IGFueSA9IHt9O1xyXG4gIHBhZ2VkSXRlbXM6IGFueVtdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZXRQYWdlKHRoaXMucGFnZU51bWJlciwgZmFsc2UpO1xyXG4gIH1cclxuXHJcbiAgc2V0UGFnZShwYWdlOiBudW1iZXIsIGVtaXQ6IGJvb2xlYW4gPSB0cnVlKSB7XHJcbiAgICBpZiAocGFnZSA8IDEgfHwgcGFnZSA+IHRoaXMucGFnaW5hdGlvbi50b3RhbFBhZ2VzKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnBhZ2luYXRpb24gPSB0aGlzLmdldFBhZ2luYXRpb24odGhpcy50b3RhbENvdW50LCBwYWdlLCB0aGlzLnBhZ2VTaXplKTtcclxuICAgIGlmIChlbWl0KSB7XHJcbiAgICAgIHRoaXMuZ2V0RW50cmllcy5lbWl0KHRoaXMucGFnaW5hdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXRQYWdpbmF0aW9uKHRvdGFsSXRlbXM6IG51bWJlciwgY3VycmVudFBhZ2U6IG51bWJlciA9IDEsIHBhZ2VTaXplOiBudW1iZXIgPSAxMCkge1xyXG4gICAgLy8gU2UgY2FsY3VsYSBlbCB0b3RhbCBkZSBww6FnaW5hc1xyXG4gICAgbGV0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodG90YWxJdGVtcyAvIHBhZ2VTaXplKTtcclxuICAgIGxldCBwYWdlcyA9IFtdO1xyXG5cclxuICAgIGxldCBzdGFydFBhZ2U6IG51bWJlciwgZW5kUGFnZTogbnVtYmVyO1xyXG5cclxuICAgIGlmICh0b3RhbFBhZ2VzIDw9IDEwKSB7XHJcbiAgICAgIHN0YXJ0UGFnZSA9IDE7XHJcbiAgICAgIGVuZFBhZ2UgPSB0b3RhbFBhZ2VzO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlIDw9IDYpIHtcclxuICAgICAgICBzdGFydFBhZ2UgPSAxO1xyXG4gICAgICAgIGVuZFBhZ2UgPSAxMDtcclxuICAgICAgfSBlbHNlIGlmIChjdXJyZW50UGFnZSArIDQgPj0gdG90YWxQYWdlcykge1xyXG4gICAgICAgIHN0YXJ0UGFnZSA9IHRvdGFsUGFnZXMgLSA5O1xyXG4gICAgICAgIGVuZFBhZ2UgPSB0b3RhbFBhZ2VzO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHN0YXJ0UGFnZSA9IGN1cnJlbnRQYWdlIC0gNTtcclxuICAgICAgICBlbmRQYWdlID0gY3VycmVudFBhZ2UgKyA0O1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy8gU2UgY2FsY3VsYW4gbG9zIMOtbmRpY2VzXHJcbiAgICBsZXQgc3RhcnRJbmRleCA9IChjdXJyZW50UGFnZSAtIDEpICogcGFnZVNpemU7XHJcbiAgICBsZXQgZW5kSW5kZXggPSBNYXRoLm1pbihzdGFydEluZGV4ICsgcGFnZVNpemUgLSAxLCB0b3RhbEl0ZW1zIC0gMSk7XHJcblxyXG4gICAgLy8gU2UgYXJtYSBsYSBjYW50aWRhZCBkZSBww6FnaW5hcyBwYXJhIG1vc3RyYXIgZW4gZWwgcGFnaW5hZG9yXHJcbiAgICBmb3IgKGxldCBpbmRleCA9IHN0YXJ0UGFnZTsgaW5kZXggPCBlbmRQYWdlICsgMTsgaW5kZXgrKykge1xyXG4gICAgICBwYWdlcy5wdXNoKGluZGV4KTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBTZSByZXRvcm5hIHVuIG9iamV0byBjb24gbGEgY29uZmlndXJhY2nDs24gZGVsIHBhZ2luYWRvclxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdG90YWxJdGVtczogdG90YWxJdGVtcyxcclxuICAgICAgY3VycmVudFBhZ2U6IGN1cnJlbnRQYWdlLFxyXG4gICAgICBwYWdlU2l6ZTogcGFnZVNpemUsXHJcbiAgICAgIHRvdGFsUGFnZXM6IHRvdGFsUGFnZXMsXHJcbiAgICAgIHN0YXJ0UGFnZTogc3RhcnRQYWdlLFxyXG4gICAgICBlbmRQYWdlOiBlbmRQYWdlLFxyXG4gICAgICBzdGFydEluZGV4OiBzdGFydEluZGV4LFxyXG4gICAgICBlbmRJbmRleDogZW5kSW5kZXgsXHJcbiAgICAgIHBhZ2VzOiBwYWdlc1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiXHJcbjx1bCAqbmdJZj1cInBhZ2luYXRpb24ucGFnZXMgJiYgcGFnaW5hdGlvbi5wYWdlcy5sZW5ndGggPiAwXCIgY2xhc3M9XCJwYWdpbmF0aW9uLWxpc3RcIj5cclxuICA8bGkgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnaW5hdGlvbi5wYWdlc1wiPlxyXG4gICAgPGRpdiBbY2xhc3MuaXMtY3VycmVudF09XCJwYWdpbmF0aW9uLmN1cnJlbnRQYWdlID09PSBwYWdlXCIgYXJpYS1sYWJlbD1cIkdvdG8gcGFnZSAxXCIgKGNsaWNrKT1cInNldFBhZ2UocGFnZSlcIj57eyBwYWdlIH19PC9kaXY+XHJcbiAgPC9saT5cclxuPC91bD5cclxuIl19

package/esm2015/lib/pagination/s-pagination.module.js

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SPaginationComponent } from './s-pagination.component';
+import { SPagComponent } from './new/s-pag.component';
+import { SButtonModule } from '../button';
+import { SIconMaterialModule } from '../icon-material';
+import { SSelectModule } from '../select';
+import * as i0 from "@angular/core";
+export class SPaginationModule {
+}
+SPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationModule, declarations: [SPaginationComponent,
+        SPagComponent], imports: [CommonModule,
+        SButtonModule,
+        SIconMaterialModule,
+        SSelectModule], exports: [SPaginationComponent,
+        SPagComponent] });
+SPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationModule, imports: [[
+            CommonModule,
+            SButtonModule,
+            SIconMaterialModule,
+            SSelectModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SPaginationComponent,
+                        SPagComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SButtonModule,
+                        SIconMaterialModule,
+                        SSelectModule
+                    ],
+                    exports: [
+                        SPaginationComponent,
+                        SPagComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wYWdpbmF0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQWtCMUMsTUFBTSxPQUFPLGlCQUFpQjs7K0dBQWpCLGlCQUFpQjtnSEFBakIsaUJBQWlCLGlCQWIxQixvQkFBb0I7UUFDcEIsYUFBYSxhQUdiLFlBQVk7UUFDWixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLGFBQWEsYUFHYixvQkFBb0I7UUFDcEIsYUFBYTtnSEFFSixpQkFBaUIsWUFWbkI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixhQUFhO1NBQ2Q7NEZBS1UsaUJBQWlCO2tCQWY3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjt3QkFDcEIsYUFBYTtxQkFBQztpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTUGFnaW5hdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vcy1wYWdpbmF0aW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNQYWdDb21wb25lbnQgfSBmcm9tICcuL25ldy9zLXBhZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uJztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBTU2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vc2VsZWN0JztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU1BhZ2luYXRpb25Db21wb25lbnQsXHJcbiAgICBTUGFnQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTQnV0dG9uTW9kdWxlLFxyXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcclxuICAgIFNTZWxlY3RNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNQYWdpbmF0aW9uQ29tcG9uZW50LFxyXG4gICAgU1BhZ0NvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQYWdpbmF0aW9uTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2015/lib/popup/index.js

@@ -0,0 +1,3 @@
+export * from './s-popup.module';
+export * from './s-popup.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wb3B1cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3MtcG9wdXAubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zLXBvcHVwLmNvbXBvbmVudCc7Il19

package/esm2015/lib/popup/s-popup.component.js

@@ -0,0 +1,144 @@
+import { Component, Directive, EventEmitter, HostListener, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../icon-material/s-icon-material.component";
+import * as i2 from "@angular/common";
+export class SPopupComponent {
+    constructor() {
+        this.title = '';
+        this.type = 'primary';
+        this.iconType = '';
+        this.borderBody = false;
+        this.width = 500;
+        this.height = 500;
+        this.showPopup = false;
+        this.iconCustom = false;
+        this.iconCustomName = '';
+        this.closeEvent = new EventEmitter();
+        this.show70 = false;
+    }
+    ngOnInit() {
+        this.switch();
+    }
+    switch() {
+        switch (this.type) {
+            case "primary":
+                this.iconType = "";
+                break;
+            case "secondary":
+                this.iconType = "info";
+                break;
+            case "green":
+                this.iconType = "check_circle";
+                break;
+            case "red":
+                this.iconType = "error";
+                break;
+            case "yellow":
+                this.iconType = "warning";
+                break;
+            default:
+                break;
+        }
+    }
+    getCalcPopUp(size) {
+        return "calc(50% - " + (size / 2) + "px)";
+    }
+    getCalcBody(size) {
+        return "calc(" + size + "px - 120px)";
+    }
+    open() {
+        this.showPopup = true;
+    }
+    close() {
+        this.showPopup = false;
+        this.closeEvent.next();
+    }
+    toogle() {
+        this.showPopup = !this.showPopup;
+        if (!this.showPopup) {
+            this.closeEvent.next();
+        }
+    }
+    //Si se achica la pantalla a menos del ancho definido , se le asigna 70%
+    onWindowResize() {
+        if (window.innerWidth <= this.width) {
+            this.show70 = true;
+        }
+        else {
+            this.show70 = false;
+        }
+    }
+}
+SPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SPopupComponent, selector: "s-popup", inputs: { title: "title", type: "type", iconType: "iconType", borderBody: "borderBody", width: "width", height: "height", showPopup: "showPopup", iconCustom: "iconCustom", iconCustomName: "iconCustomName", footer: "footer", body: "body" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"showPopup\" class=\"popup324\">\r\n    <div class=\"popup-card\" [ngClass]=\"show70 ? 'show70' : ''\" [ngStyle]=\"{'width' : this.width + 'px', 'height' : this.height + 'px' , 'left' : getCalcPopUp(this.width) , 'top' : getCalcPopUp(this.height)}\">\r\n        <div class=\"popup-title {{type}}\">\r\n            <div class=\"divisor\">\r\n                <s-icon-mat *ngIf=\"iconCustom\" class=\"icon-title mr-2 fx\">{{iconCustomName}}</s-icon-mat>\r\n                <s-icon-mat *ngIf=\"iconType && !iconCustom\" class=\"icon-title mr-2 fx\">{{iconType}}</s-icon-mat>\r\n                <h4>{{title}}</h4>\r\n            </div>\r\n            <s-icon-mat class=\"popup-close\" alt=\"close\" (click)=\"close()\">close</s-icon-mat>\r\n        </div>\r\n        <div>\r\n            <div class=\"popup-body {{borderBody? 'border-body': ''}}\" [ngStyle]=\"{'height' : getCalcBody(this.height)  }\">\r\n                <div class=\"padding-body\">\r\n                    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n                </div>\r\n            </div>\r\n            <div class=\"content-footer\">\r\n                <div class=\"popup-footer\">\r\n                    <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".popup324{background:rgba(0,0,0,.5);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100}.popup324 .popup-card{position:absolute;border-radius:4px;background:#ffffff}.popup324 .popup-title{height:30px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.popup324 .popup-title h4,.popup324 .popup-title .popup-close span{color:var(--secondary-600)}.popup324 .popup-title.error .icon-title span,.popup324 .popup-title.red .icon-title span{color:var(--red-600)}.popup324 .popup-title.success .icon-title span,.popup324 .popup-title.green .icon-title span{color:var(--green-600)}.popup324 .popup-title.warning .icon-title span,.popup324 .popup-title.yellow .icon-title span{color:var(--yellow-600)}.popup324 .popup-title.secondary{color:var(--secondary-600)}.popup324 .popup-title.primary{color:var(--primary-600)}.popup324 .popup-title .divisor{display:inline-flex;align-items:center}.popup324 .popup-body{width:100%;overflow-y:auto;color:var(--secondary-600)}.popup324 .padding-body{padding:1rem}.popup324 .popup-close{float:right;cursor:pointer}.popup324 .popup-footer{position:absolute;bottom:6px;text-align:right;right:10px}.popup324 .content-footer{width:100%}.popup324 .border-body{border-bottom:1px solid var(--neutrals-1000);border-top:1px solid var(--neutrals-1000)}.popup324 .show70{width:80%!important;left:9%!important}\n"], components: [{ type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-popup',
+                    templateUrl: './s-popup.component.html',
+                    styleUrls: ['./s-popup.component.scss'],
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], iconType: [{
+                type: Input
+            }], borderBody: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], showPopup: [{
+                type: Input
+            }], iconCustom: [{
+                type: Input
+            }], iconCustomName: [{
+                type: Input
+            }], footer: [{
+                type: Input
+            }], body: [{
+                type: Input
+            }], closeEvent: [{
+                type: Output
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+export class STemplatePopup {
+    constructor(element, content) {
+        this.element = element;
+        this.content = content;
+    }
+    ngOnInit() {
+    }
+    ngAfterContentInit() {
+        switch (this.field) {
+            case "footer":
+                this.content.footer = this.element;
+                break;
+            case "body":
+                this.content.body = this.element;
+                break;
+            default:
+                break;
+        }
+    }
+}
+STemplatePopup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: STemplatePopup, deps: [{ token: i0.TemplateRef }, { token: SPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+STemplatePopup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: STemplatePopup, selector: "[STemplatePopup]", inputs: { field: ["STemplatePopup", "field"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: STemplatePopup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[STemplatePopup]',
+                    host: {
+                    // 'class': 's-element-search',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: SPopupComponent }]; }, propDecorators: { field: [{
+                type: Input,
+                args: ["STemplatePopup"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wb3B1cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wb3B1cC9zLXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BvcHVwL3MtcG9wdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExSixNQUFNLE9BQU8sZUFBZTtJQWtCMUI7UUFoQlMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQTBELFNBQVMsQ0FBQztRQUN4RSxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixXQUFNLEdBQVcsR0FBRyxDQUFDO1FBQ3JCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUkzQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRCxXQUFNLEdBQVksS0FBSyxDQUFDO0lBRVIsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxNQUFNO1FBRUosUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQTtnQkFDcEIsTUFBTTtZQUNOLEtBQUssV0FBVztnQkFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQTtnQkFDeEIsTUFBTTtZQUNOLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQTtnQkFDaEMsTUFBTTtZQUNOLEtBQUssS0FBSztnQkFDUixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQTtnQkFDekIsTUFBTTtZQUNOLEtBQUssUUFBUTtnQkFDWCxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQTtnQkFDM0IsTUFBTTtZQUNOO2dCQUNBLE1BQU07U0FDUDtJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsSUFBUTtRQUNuQixPQUFPLGFBQWEsR0FBRSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUE7SUFDMUMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFRO1FBQ2xCLE9BQU8sT0FBTyxHQUFHLElBQUksR0FBRyxhQUFhLENBQUE7SUFDdkMsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBQztZQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELHdFQUF3RTtJQUV4RSxjQUFjO1FBQ1osSUFBRyxNQUFNLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUM7WUFDakMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUE7U0FDbkI7YUFBSTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO1NBQ3BCO0lBQ0gsQ0FBQzs7NkdBL0VVLGVBQWU7aUdBQWYsZUFBZSwwWUNSNUIseTBDQXVCTTs0RkRmTyxlQUFlO2tCQU4zQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixXQUFXLEVBQUUsMEJBQTBCO29CQUN2QyxTQUFTLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztvQkFDdkMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzBFQUdVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQTJEUCxjQUFjO3NCQURiLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQW1CM0MsTUFBTSxPQUFPLGNBQWM7SUFJekIsWUFDVSxPQUF5QixFQUMxQixPQUF3QjtRQUR2QixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUMxQixZQUFPLEdBQVAsT0FBTyxDQUFpQjtJQUVqQyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2xCLEtBQUssUUFBUTtnQkFDYixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFBO2dCQUNsQyxNQUFNO1lBQ04sS0FBSyxNQUFNO2dCQUNULElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7Z0JBQ2hDLE1BQU07WUFDUjtnQkFDQSxNQUFNO1NBQ1A7SUFDSCxDQUFDOzs0R0F4QlUsY0FBYyw2Q0FNUCxlQUFlO2dHQU50QixjQUFjOzRGQUFkLGNBQWM7a0JBTjFCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsSUFBSSxFQUFFO29CQUNGLCtCQUErQjtxQkFDbEM7aUJBQ0Y7b0ZBT21CLGVBQWUsMEJBSlIsS0FBSztzQkFBN0IsS0FBSzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcG9wdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXBvcHVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLXBvcHVwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU1BvcHVwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZ3JlZW4nIHwgJ3llbGxvdycgfCAncmVkJyAgPSAncHJpbWFyeSc7XHJcbiAgQElucHV0KCkgaWNvblR5cGU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJvcmRlckJvZHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyID0gNTAwO1xyXG4gIEBJbnB1dCgpIGhlaWdodDogbnVtYmVyID0gNTAwO1xyXG4gIEBJbnB1dCgpIHNob3dQb3B1cDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGljb25DdXN0b206IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpY29uQ3VzdG9tTmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZm9vdGVyITogVGVtcGxhdGVSZWY8YW55PjtcclxuICBASW5wdXQoKSBib2R5ITogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQE91dHB1dCgpIGNsb3NlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgc3R5bGU6IGFueTtcclxuICBzaG93NzA6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN3aXRjaCgpO1xyXG4gIH1cclxuXHJcbiAgc3dpdGNoKCl7XHJcbiAgXHJcbiAgICBzd2l0Y2ggKHRoaXMudHlwZSkge1xyXG4gICAgICBjYXNlIFwicHJpbWFyeVwiOlxyXG4gICAgICAgIHRoaXMuaWNvblR5cGUgPSBcIlwiXHJcbiAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlIFwic2Vjb25kYXJ5XCI6XHJcbiAgICAgICAgdGhpcy5pY29uVHlwZSA9IFwiaW5mb1wiXHJcbiAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlIFwiZ3JlZW5cIjpcclxuICAgICAgICB0aGlzLmljb25UeXBlID0gXCJjaGVja19jaXJjbGVcIlxyXG4gICAgICBicmVhaztcclxuICAgICAgY2FzZSBcInJlZFwiOlxyXG4gICAgICAgIHRoaXMuaWNvblR5cGUgPSBcImVycm9yXCJcclxuICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgXCJ5ZWxsb3dcIjpcclxuICAgICAgICB0aGlzLmljb25UeXBlID0gXCJ3YXJuaW5nXCJcclxuICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0Q2FsY1BvcFVwKHNpemU6YW55KXtcclxuICAgIHJldHVybiBcImNhbGMoNTAlIC0gXCIrIChzaXplIC8gMikgKyBcInB4KVwiXHJcbiAgfVxyXG5cclxuICBnZXRDYWxjQm9keShzaXplOmFueSl7XHJcbiAgICByZXR1cm4gXCJjYWxjKFwiICsgc2l6ZSArIFwicHggLSAxMjBweClcIlxyXG4gIH1cclxuXHJcbiAgb3BlbigpIHtcclxuICAgIHRoaXMuc2hvd1BvcHVwID0gdHJ1ZTtcclxuICB9XHJcbiAgXHJcbiAgY2xvc2UoKSB7XHJcbiAgICB0aGlzLnNob3dQb3B1cCA9IGZhbHNlO1xyXG4gICAgdGhpcy5jbG9zZUV2ZW50Lm5leHQoKTtcclxuICB9XHJcblxyXG4gIHRvb2dsZSgpIHtcclxuICAgIHRoaXMuc2hvd1BvcHVwID0gIXRoaXMuc2hvd1BvcHVwO1xyXG4gICAgaWYoIXRoaXMuc2hvd1BvcHVwKXtcclxuICAgICAgdGhpcy5jbG9zZUV2ZW50Lm5leHQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vU2kgc2UgYWNoaWNhIGxhIHBhbnRhbGxhIGEgbWVub3MgZGVsIGFuY2hvIGRlZmluaWRvICwgc2UgbGUgYXNpZ25hIDcwJVxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxyXG4gIG9uV2luZG93UmVzaXplKCkge1xyXG4gICAgaWYod2luZG93LmlubmVyV2lkdGggPD0gdGhpcy53aWR0aCl7XHJcbiAgICAgIHRoaXMuc2hvdzcwID0gdHJ1ZVxyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMuc2hvdzcwID0gZmFsc2VcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxufVxyXG5cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW1NUZW1wbGF0ZVBvcHVwXScsXHJcbiAgaG9zdDoge1xyXG4gICAgICAvLyAnY2xhc3MnOiAncy1lbGVtZW50LXNlYXJjaCcsXHJcbiAgfSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNUZW1wbGF0ZVBvcHVwIGltcGxlbWVudHMgT25Jbml0ICwgQWZ0ZXJDb250ZW50SW5pdCB7XHJcblxyXG4gIEBJbnB1dChcIlNUZW1wbGF0ZVBvcHVwXCIpIGZpZWxkITogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZWxlbWVudDogVGVtcGxhdGVSZWY8YW55PixcclxuICAgIHB1YmxpYyBjb250ZW50OiBTUG9wdXBDb21wb25lbnQsXHJcbiAgICApIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xyXG4gICAgc3dpdGNoICh0aGlzLmZpZWxkKSB7XHJcbiAgICAgIGNhc2UgXCJmb290ZXJcIjpcclxuICAgICAgdGhpcy5jb250ZW50LmZvb3RlciA9IHRoaXMuZWxlbWVudFxyXG4gICAgICBicmVhaztcclxuICAgICAgY2FzZSBcImJvZHlcIjpcclxuICAgICAgICB0aGlzLmNvbnRlbnQuYm9keSA9IHRoaXMuZWxlbWVudFxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICBicmVhaztcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInNob3dQb3B1cFwiIGNsYXNzPVwicG9wdXAzMjRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jYXJkXCIgW25nQ2xhc3NdPVwic2hvdzcwID8gJ3Nob3c3MCcgOiAnJ1wiIFtuZ1N0eWxlXT1cInsnd2lkdGgnIDogdGhpcy53aWR0aCArICdweCcsICdoZWlnaHQnIDogdGhpcy5oZWlnaHQgKyAncHgnICwgJ2xlZnQnIDogZ2V0Q2FsY1BvcFVwKHRoaXMud2lkdGgpICwgJ3RvcCcgOiBnZXRDYWxjUG9wVXAodGhpcy5oZWlnaHQpfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC10aXRsZSB7e3R5cGV9fVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aXNvclwiPlxyXG4gICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgKm5nSWY9XCJpY29uQ3VzdG9tXCIgY2xhc3M9XCJpY29uLXRpdGxlIG1yLTIgZnhcIj57e2ljb25DdXN0b21OYW1lfX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cImljb25UeXBlICYmICFpY29uQ3VzdG9tXCIgY2xhc3M9XCJpY29uLXRpdGxlIG1yLTIgZnhcIj57e2ljb25UeXBlfX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgICAgICAgICA8aDQ+e3t0aXRsZX19PC9oND5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwicG9wdXAtY2xvc2VcIiBhbHQ9XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+Y2xvc2U8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWJvZHkge3tib3JkZXJCb2R5PyAnYm9yZGVyLWJvZHknOiAnJ319XCIgW25nU3R5bGVdPVwieydoZWlnaHQnIDogZ2V0Q2FsY0JvZHkodGhpcy5oZWlnaHQpICB9XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGFkZGluZy1ib2R5XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJvZHlcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtZm9vdGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtZm9vdGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImZvb3RlclwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2015/lib/popup/s-popup.module.js

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SPopupComponent, STemplatePopup } from './s-popup.component';
+import { SIconMaterialModule } from '../icon-material/s-icon-material.module';
+import { SButtonModule } from '../button/button.module';
+import * as i0 from "@angular/core";
+export class SPopupModule {
+}
+SPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupModule, declarations: [SPopupComponent,
+        STemplatePopup], imports: [SButtonModule,
+        CommonModule,
+        SIconMaterialModule], exports: [SPopupComponent,
+        STemplatePopup] });
+SPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupModule, imports: [[
+            SButtonModule,
+            CommonModule,
+            SIconMaterialModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPopupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SPopupComponent,
+                        STemplatePopup
+                    ],
+                    imports: [
+                        SButtonModule,
+                        CommonModule,
+                        SIconMaterialModule,
+                    ],
+                    exports: [
+                        SPopupComponent,
+                        STemplatePopup
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wb3B1cC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wb3B1cC9zLXBvcHVwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFrQnhELE1BQU0sT0FBTyxZQUFZOzswR0FBWixZQUFZOzJHQUFaLFlBQVksaUJBYnJCLGVBQWU7UUFDZixjQUFjLGFBR2QsYUFBYTtRQUNiLFlBQVk7UUFDWixtQkFBbUIsYUFHbkIsZUFBZTtRQUNmLGNBQWM7MkdBR0wsWUFBWSxZQVZkO1lBQ1AsYUFBYTtZQUNiLFlBQVk7WUFDWixtQkFBbUI7U0FDcEI7NEZBTVUsWUFBWTtrQkFmeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLFlBQVk7d0JBQ1osbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixjQUFjO3FCQUNmO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU1BvcHVwQ29tcG9uZW50LCBTVGVtcGxhdGVQb3B1cCB9IGZyb20gJy4vcy1wb3B1cC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kdWxlJztcclxuaW1wb3J0IHsgU0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU1BvcHVwQ29tcG9uZW50LFxyXG4gICAgU1RlbXBsYXRlUG9wdXBcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIFNCdXR0b25Nb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU1BvcHVwQ29tcG9uZW50LFxyXG4gICAgU1RlbXBsYXRlUG9wdXBcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTUG9wdXBNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/lib/precode/index.js

@@ -0,0 +1,3 @@
+export * from './s-precode.module';
+export * from './s-precode.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wcmVjb2RlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcy1wcmVjb2RlLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcy1wcmVjb2RlLmNvbXBvbmVudCc7Il19

package/esm2015/lib/precode/s-precode.component.js

@@ -0,0 +1,40 @@
+import { __awaiter } from "tslib";
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../button/components/button/s-button.component";
+import * as i2 from "../icon-material/s-icon-material.component";
+import * as i3 from "@angular/common";
+export class SPrecodeComponent {
+    constructor() {
+        this.expand = false;
+    }
+    ngOnInit() { }
+    copyCode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.copyId) {
+                let html = document.getElementById(this.copyId);
+                let text = html === null || html === void 0 ? void 0 : html.innerText;
+                if (text) {
+                    yield navigator.clipboard.writeText(text);
+                    alert('Texto copiado');
+                }
+            }
+        });
+    }
+}
+SPrecodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SPrecodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SPrecodeComponent, selector: "s-precode", inputs: { expand: "expand", copyId: "copyId" }, ngImport: i0, template: "<!-- <div style=\"position: absolute; \"></div> -->\r\n<pre>\r\n   <span class=\"tag\">\r\n      <ng-content></ng-content>\r\n   </span>\r\n   <s-button *ngIf=\"copyId\" (click)=\"copyCode()\" style=\"position: absolute; right: 30px;\">Copiar <s-icon-mat>file_copy</s-icon-mat></s-button>\r\n</pre>", styles: ["pre{background:rgba(0,0,0,.01);border:.5px solid rgba(0,0,0,.2)}pre{border-radius:5px;display:block;margin:8px auto;overflow-x:auto;padding:20px;white-space:pre-wrap}pre{font-size:14px;background:#031450;display:flex}code,pre{font-family:Roboto Mono,monospace}code{padding:0;font-size:100%;background:transparent}pre .tag{color:#cffd9d;display:flex;flex-wrap:wrap;margin:3px 0}pre .name{color:#0de9ff}pre .attr{color:#ff0590}pre .string{color:#58bf0a}pre .tab{margin:0 20px}pre .comment{color:#a58094}\n"], components: [{ type: i1.SButtonComponent, selector: "s-button", inputs: ["disabled", "class", "rounded", "pill", "size", "invert", "selected", "type", "border", "loading", "position", "theme"] }, { type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-precode',
+                    templateUrl: './s-precode.component.html',
+                    styleUrls: ['./s-precode.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { expand: [{
+                type: Input
+            }], copyId: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcmVjb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3ByZWNvZGUvcy1wcmVjb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3ByZWNvZGUvcy1wcmVjb2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTNUUsTUFBTSxPQUFPLGlCQUFpQjtJQUs1QjtRQUhTLFdBQU0sR0FBWSxLQUFLLENBQUM7SUFHakIsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQztJQUVkLFFBQVE7O1lBQ1osSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO2dCQUNmLElBQUksSUFBSSxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO2dCQUMvQyxJQUFJLElBQUksR0FBRyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsU0FBUyxDQUFDO2dCQUMzQixJQUFJLElBQUksRUFBRTtvQkFDUixNQUFNLFNBQVMsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO29CQUMxQyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7aUJBQ3hCO2FBQ0Y7UUFDSCxDQUFDO0tBQUE7OytHQWxCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixpR0NUOUIsNFNBTU07NEZER08saUJBQWlCO2tCQVA3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixXQUFXLEVBQUUsNEJBQTRCO29CQUN6QyxTQUFTLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztvQkFDekMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBRXRDOzBFQUdVLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcHJlY29kZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtcHJlY29kZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1wcmVjb2RlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTUHJlY29kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGV4cGFuZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNvcHlJZD86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcbiAgYXN5bmMgY29weUNvZGUoKSB7XHJcbiAgICBpZiAodGhpcy5jb3B5SWQpIHtcclxuICAgICAgbGV0IGh0bWwgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmNvcHlJZClcclxuICAgICAgbGV0IHRleHQgPSBodG1sPy5pbm5lclRleHQ7XHJcbiAgICAgIGlmICh0ZXh0KSB7XHJcbiAgICAgICAgYXdhaXQgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQodGV4dCk7XHJcbiAgICAgICAgYWxlcnQoJ1RleHRvIGNvcGlhZG8nKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8IS0tIDxkaXYgc3R5bGU9XCJwb3NpdGlvbjogYWJzb2x1dGU7IFwiPjwvZGl2PiAtLT5cclxuPHByZT5cclxuICAgPHNwYW4gY2xhc3M9XCJ0YWdcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICA8L3NwYW4+XHJcbiAgIDxzLWJ1dHRvbiAqbmdJZj1cImNvcHlJZFwiIChjbGljayk9XCJjb3B5Q29kZSgpXCIgc3R5bGU9XCJwb3NpdGlvbjogYWJzb2x1dGU7IHJpZ2h0OiAzMHB4O1wiPkNvcGlhciA8cy1pY29uLW1hdD5maWxlX2NvcHk8L3MtaWNvbi1tYXQ+PC9zLWJ1dHRvbj5cclxuPC9wcmU+Il19

package/esm2015/lib/precode/s-precode.module.js

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SPrecodeComponent } from './s-precode.component';
+import { SIconMaterialModule } from '../icon-material';
+import { SButtonModule } from '../button';
+import * as i0 from "@angular/core";
+export class SPrecodeModule {
+}
+SPrecodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SPrecodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeModule, declarations: [SPrecodeComponent], imports: [CommonModule,
+        SIconMaterialModule,
+        SButtonModule], exports: [SPrecodeComponent] });
+SPrecodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeModule, imports: [[
+            CommonModule,
+            SIconMaterialModule,
+            SButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SPrecodeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SPrecodeComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SIconMaterialModule,
+                        SButtonModule
+                    ],
+                    exports: [
+                        SPrecodeComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcmVjb2RlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3ByZWNvZGUvcy1wcmVjb2RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQWUxQyxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQVh2QixpQkFBaUIsYUFHakIsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixhQUFhLGFBR2IsaUJBQWlCOzZHQUdSLGNBQWMsWUFUaEI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGFBQWE7U0FDZDs0RkFLVSxjQUFjO2tCQWIxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNQcmVjb2RlQ29tcG9uZW50IH0gZnJvbSAnLi9zLXByZWNvZGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBTQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTUHJlY29kZUNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcclxuICAgIFNCdXR0b25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNQcmVjb2RlQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU1ByZWNvZGVNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/lib/progressbar/index.js

@@ -0,0 +1,3 @@
+export * from './s-progressbar.module';
+export * from './s-progressbar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wcm9ncmVzc2Jhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3MtcHJvZ3Jlc3NiYXIubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zLXByb2dyZXNzYmFyLmNvbXBvbmVudCc7Il19

package/esm2015/lib/progressbar/s-progressbar.component.js

@@ -0,0 +1,31 @@
+import { Component, Input } from '@angular/core';
+import { TemperatureComponent } from './temperature/temperature.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../icon-material/s-icon-material.component";
+import * as i2 from "@angular/common";
+export class SProgressbarComponent extends TemperatureComponent {
+    constructor() {
+        super(...arguments);
+        this.percentage = 50;
+        this.customColor = '';
+        this.color = '';
+    }
+    ngOnInit() {
+        this.initColor();
+    }
+}
+SProgressbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SProgressbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SProgressbarComponent, selector: "s-progressbar", inputs: { percentage: "percentage", customColor: "customColor" }, usesInheritance: true, ngImport: i0, template: "<div class=\"pregress-bar\">\r\n   <div class=\"bar\">\r\n      <div class=\"barra-background\"></div>\r\n      <div class=\"barra-progresso\"\r\n         [style.width.%]=\"percentage\"\r\n         [ngClass]=\"color\"\r\n         [style.background]=\"customColor\"\r\n         id=\"bar\"\r\n      ></div>\r\n   </div>\r\n   <div class=\"percentage\">\r\n      <h6 *ngIf=\"percentage < 100\">{{percentage}}%</h6>\r\n      <s-icon-mat *ngIf=\"percentage > 99\" class=\"icon-check\">done</s-icon-mat>\r\n   </div>\r\n</div>", styles: [".pregress-bar{display:flex}.bar{display:flex;flex-direction:column;position:relative;width:100%;margin:.3rem .5rem 0}.barra-background,.barra-progresso{border-radius:.5rem}.barra-background{background:#ccc;height:.5rem;width:100%;position:absolute;transform:rotate(180deg)}.barra-progresso{background:#5054ae;height:.5rem;position:absolute;transition:all .5s;width:44%}.icon-check{color:var(--success-100);font-size:1rem;display:flex;margin-top:-.25rem}.red{background:var(--error-100)}.orange{background:var(--warning-100)}.yellow{background:var(--info-100)}.green{background:var(--success-100)}.gray{background:var(--neutrals-mid-500)}\n"], components: [{ type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-progressbar',
+                    templateUrl: './s-progressbar.component.html',
+                    styleUrls: ['./s-progressbar.component.scss']
+                }]
+        }], propDecorators: { percentage: [{
+                type: Input
+            }], customColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9ncmVzc2Jhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wcm9ncmVzc2Jhci9zLXByb2dyZXNzYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3Byb2dyZXNzYmFyL3MtcHJvZ3Jlc3NiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7QUFRM0UsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG9CQUFvQjtJQU4vRDs7UUFRb0IsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUNqQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixVQUFLLEdBQVcsRUFBRSxDQUFDO0tBSzdCO0lBSEMsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQTtJQUNsQixDQUFDOzttSEFUVSxxQkFBcUI7dUdBQXJCLHFCQUFxQiw4SUNUbEMsMGdCQWNNOzRGRExPLHFCQUFxQjtrQkFOakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsV0FBVyxFQUFFLGdDQUFnQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsZ0NBQWdDLENBQUM7aUJBQzlDOzhCQUltQixVQUFVO3NCQUEzQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGVtcGVyYXR1cmVDb21wb25lbnQgfSBmcm9tICcuL3RlbXBlcmF0dXJlL3RlbXBlcmF0dXJlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcHJvZ3Jlc3NiYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXByb2dyZXNzYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLXByb2dyZXNzYmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTUHJvZ3Jlc3NiYXJDb21wb25lbnQgZXh0ZW5kcyBUZW1wZXJhdHVyZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIG92ZXJyaWRlIHBlcmNlbnRhZ2U6IG51bWJlciA9IDUwO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNvbG9yOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgb3ZlcnJpZGUgY29sb3I6IHN0cmluZyA9ICcnO1xyXG4gXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXRDb2xvcigpXHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cInByZWdyZXNzLWJhclwiPlxyXG4gICA8ZGl2IGNsYXNzPVwiYmFyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJiYXJyYS1iYWNrZ3JvdW5kXCI+PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJiYXJyYS1wcm9ncmVzc29cIlxyXG4gICAgICAgICBbc3R5bGUud2lkdGguJV09XCJwZXJjZW50YWdlXCJcclxuICAgICAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxyXG4gICAgICAgICBbc3R5bGUuYmFja2dyb3VuZF09XCJjdXN0b21Db2xvclwiXHJcbiAgICAgICAgIGlkPVwiYmFyXCJcclxuICAgICAgPjwvZGl2PlxyXG4gICA8L2Rpdj5cclxuICAgPGRpdiBjbGFzcz1cInBlcmNlbnRhZ2VcIj5cclxuICAgICAgPGg2ICpuZ0lmPVwicGVyY2VudGFnZSA8IDEwMFwiPnt7cGVyY2VudGFnZX19JTwvaDY+XHJcbiAgICAgIDxzLWljb24tbWF0ICpuZ0lmPVwicGVyY2VudGFnZSA+IDk5XCIgY2xhc3M9XCJpY29uLWNoZWNrXCI+ZG9uZTwvcy1pY29uLW1hdD5cclxuICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2015/lib/progressbar/s-progressbar.module.js

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SProgressbarComponent } from './s-progressbar.component';
+import { SIconMaterialModule } from '../icon-material';
+import * as i0 from "@angular/core";
+export class SProgressbarModule {
+}
+SProgressbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SProgressbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarModule, declarations: [SProgressbarComponent], imports: [CommonModule,
+        SIconMaterialModule], exports: [SProgressbarComponent] });
+SProgressbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarModule, imports: [[
+            CommonModule,
+            SIconMaterialModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SProgressbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SProgressbarComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SIconMaterialModule
+                    ],
+                    exports: [SProgressbarComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9ncmVzc2Jhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9wcm9ncmVzc2Jhci9zLXByb2dyZXNzYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFZdkQsTUFBTSxPQUFPLGtCQUFrQjs7Z0hBQWxCLGtCQUFrQjtpSEFBbEIsa0JBQWtCLGlCQVIzQixxQkFBcUIsYUFHckIsWUFBWTtRQUNaLG1CQUFtQixhQUVYLHFCQUFxQjtpSEFFcEIsa0JBQWtCLFlBTnBCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtTQUNwQjs0RkFHVSxrQkFBa0I7a0JBVjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTUHJvZ3Jlc3NiYXJDb21wb25lbnQgfSBmcm9tICcuL3MtcHJvZ3Jlc3NiYXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNQcm9ncmVzc2JhckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NQcm9ncmVzc2JhckNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQcm9ncmVzc2Jhck1vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/progressbar/temperature/temperature.component.js

@@ -0,0 +1,25 @@
+export class TemperatureComponent {
+    constructor() {
+        this.red = 'red';
+        this.orange = 'orange';
+        this.yellow = 'yelow';
+        this.green = 'green';
+        this.gray = 'gray';
+        this.percentage = 50;
+    }
+    initColor() {
+        this.color = this.color || this.temperatureColor;
+    }
+    get temperatureColor() {
+        if (this.percentage < 1)
+            return this.gray;
+        if (this.percentage < 25)
+            return this.red;
+        if (this.percentage < 50)
+            return this.orange;
+        if (this.percentage < 75)
+            return this.yellow;
+        return this.green;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGVyYXR1cmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvcHJvZ3Jlc3NiYXIvdGVtcGVyYXR1cmUvdGVtcGVyYXR1cmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE1BQU0sT0FBZ0Isb0JBQW9CO0lBQTFDO1FBRUUsUUFBRyxHQUFXLEtBQUssQ0FBQztRQUNwQixXQUFNLEdBQVcsUUFBUSxDQUFDO1FBQzFCLFdBQU0sR0FBVyxPQUFPLENBQUM7UUFDekIsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixTQUFJLEdBQVcsTUFBTSxDQUFDO1FBRXRCLGVBQVUsR0FBVyxFQUFFLENBQUM7SUFnQjFCLENBQUM7SUFaQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNuRCxDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsSUFBRyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUE7UUFDeEMsSUFBRyxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUE7UUFDeEMsSUFBRyxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUE7UUFDM0MsSUFBRyxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUE7UUFDM0MsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFBO0lBQ25CLENBQUM7Q0FFRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBUZW1wZXJhdHVyZUNvbXBvbmVudCB7XHJcblxyXG4gIHJlZDogc3RyaW5nID0gJ3JlZCc7XHJcbiAgb3JhbmdlOiBzdHJpbmcgPSAnb3JhbmdlJztcclxuICB5ZWxsb3c6IHN0cmluZyA9ICd5ZWxvdyc7XHJcbiAgZ3JlZW46IHN0cmluZyA9ICdncmVlbic7XHJcbiAgZ3JheTogc3RyaW5nID0gJ2dyYXknO1xyXG5cclxuICBwZXJjZW50YWdlOiBudW1iZXIgPSA1MDtcclxuICBjb2xvcj86IHN0cmluZztcclxuXHJcblxyXG4gIGluaXRDb2xvcigpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sb3IgPSB0aGlzLmNvbG9yIHx8IHRoaXMudGVtcGVyYXR1cmVDb2xvcjtcclxuICB9XHJcblxyXG4gIGdldCB0ZW1wZXJhdHVyZUNvbG9yKCk6IHN0cmluZyB7XHJcbiAgICBpZih0aGlzLnBlcmNlbnRhZ2UgPCAxKSByZXR1cm4gdGhpcy5ncmF5XHJcbiAgICBpZih0aGlzLnBlcmNlbnRhZ2UgPCAyNSkgcmV0dXJuIHRoaXMucmVkXHJcbiAgICBpZih0aGlzLnBlcmNlbnRhZ2UgPCA1MCkgcmV0dXJuIHRoaXMub3JhbmdlXHJcbiAgICBpZih0aGlzLnBlcmNlbnRhZ2UgPCA3NSkgcmV0dXJuIHRoaXMueWVsbG93XHJcbiAgICByZXR1cm4gdGhpcy5ncmVlblxyXG4gIH1cclxuXHJcbn1cclxuIl19

package/esm2015/lib/radio/index.js

@@ -0,0 +1,3 @@
+export * from './s-radio.module';
+export * from './s-radio.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9yYWRpby9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3MtcmFkaW8ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zLXJhZGlvLmNvbXBvbmVudCc7Il19

package/esm2015/lib/radio/s-radio.component.js

@@ -0,0 +1,39 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class SRadioComponent {
+    constructor() {
+        this.value = "default-" + Math.random();
+        this.model = "";
+        this.disable = false;
+        this.label = "";
+        this.emitSelection = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    doCheck(event) {
+        this.emitSelection.emit(event);
+    }
+}
+SRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SRadioComponent, selector: "s-radio", inputs: { value: "value", model: "model", disable: "disable", label: "label" }, outputs: { emitSelection: "emitSelection" }, ngImport: i0, template: "<label class=\"s-radio\" [ngClass]=\"!disable ? 'radio-c-pointer': ''\">\r\n   <input type=\"radio\" [disabled]=\"disable\" [value]=\"value\" [ngModel]=\"model\" (ngModelChange)=\"doCheck($event)\">\r\n   <span *ngIf=\"label\" [ngClass]=\"value != model && disable ? 'disabled': ''\" class=\"s-body-2 label-radio\">{{label}}</span>\r\n</label>", styles: [".s-radio{padding:4px;border-radius:50px;display:inline-flex;-webkit-tap-highlight-color:transparent}.radio-c-pointer{cursor:pointer}input[type=radio]{vertical-align:middle;width:12px;height:12px;border-radius:50%;background-color:var(--neutrals-1200);border:0;box-shadow:inset 0 0 0 1px var(--neutrals-1200);border:1px solid var(--neutrals-800);-webkit-appearance:none;appearance:none;padding:0;margin:4px 4px 0 0;pointer-events:none}input[type=radio]:focus{outline:none}input[type=radio]:checked{box-shadow:inset 0 0 0 4px var(--primary-600);border-width:0}span{vertical-align:middle;display:inline-block;line-height:20px;padding:0 8px}input[type=radio][disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900);box-shadow:inset 0 0 0 0 var(--neutrals-1000)}input[type=radio][disabled]:checked{background-color:var(--neutrals-1200);box-shadow:inset 0 0 0 4px var(--primary-500);border-width:0}span.disabled{color:var(--neutrals-700)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-radio',
+                    templateUrl: './s-radio.component.html',
+                    styleUrls: ['./s-radio.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], emitSelection: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1yYWRpby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9yYWRpby9zLXJhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3JhZGlvL3MtcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRSxNQUFNLE9BQU8sZUFBZTtJQU8xQjtRQU5TLFVBQUssR0FBVyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV2QyxDQUFDO0lBRWYsUUFBUTtJQUNSLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDOzs2R0FkVSxlQUFlO2lHQUFmLGVBQWUsNEtDUjVCLHlWQUdROzRGREtLLGVBQWU7a0JBTjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFdBQVcsRUFBRSwwQkFBMEI7b0JBQ3ZDLFNBQVMsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QzswRUFHVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1yYWRpbycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtcmFkaW8uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtcmFkaW8uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNSYWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9IFwiZGVmYXVsdC1cIiArIE1hdGgucmFuZG9tKCk7XHJcbiAgQElucHV0KCkgbW9kZWw6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGlzYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBPdXRwdXQoKSBlbWl0U2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCl7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGRvQ2hlY2soZXZlbnQ6IHN0cmluZykge1xyXG4gICAgdGhpcy5lbWl0U2VsZWN0aW9uLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufSIsIjxsYWJlbCBjbGFzcz1cInMtcmFkaW9cIiBbbmdDbGFzc109XCIhZGlzYWJsZSA/ICdyYWRpby1jLXBvaW50ZXInOiAnJ1wiPlxyXG4gICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW2Rpc2FibGVkXT1cImRpc2FibGVcIiBbdmFsdWVdPVwidmFsdWVcIiBbbmdNb2RlbF09XCJtb2RlbFwiIChuZ01vZGVsQ2hhbmdlKT1cImRvQ2hlY2soJGV2ZW50KVwiPlxyXG4gICA8c3BhbiAqbmdJZj1cImxhYmVsXCIgW25nQ2xhc3NdPVwidmFsdWUgIT0gbW9kZWwgJiYgZGlzYWJsZSA/ICdkaXNhYmxlZCc6ICcnXCIgY2xhc3M9XCJzLWJvZHktMiBsYWJlbC1yYWRpb1wiPnt7bGFiZWx9fTwvc3Bhbj5cclxuPC9sYWJlbD4iXX0=