tango-app-ui-shared 3.7.3-dev6-demo7 → 3.7.3-dev6-demo9

package/esm2022/lib/modules/layout/header/notifications-inner/notifications-inner.component.mjs

@@ -0,0 +1,79 @@
+import { Component, HostBinding } from '@angular/core';
+import { Subject, takeUntil } from "rxjs";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../../../services/notification.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../../pipes/customDate.pipe";
+export class NotificationsInnerComponent {
+    router;
+    service;
+    cd;
+    class = 'menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px';
+    dataKtMenu = 'true';
+    activeTabId = 'alerts';
+    destroy$ = new Subject();
+    notification = [];
+    loading = true;
+    noData = false;
+    constructor(router, service, cd) {
+        this.router = router;
+        this.service = service;
+        this.cd = cd;
+    }
+    ngOnInit() {
+        this.notificationList();
+    }
+    setActiveTabId(tabId) {
+        this.activeTabId = tabId;
+    }
+    notificationList() {
+        this.notification = [];
+        this.loading = true;
+        let data = {
+            limit: 5,
+            offset: 1
+        };
+        this.service.notificationList(data)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (res) => {
+                if (res && res.code == 200) {
+                    this.loading = false;
+                    this.noData = false;
+                    this.notification = res.data.result || [];
+                }
+                else {
+                    this.notification = [];
+                    this.loading = false;
+                    this.noData = true;
+                }
+            },
+            error: (err) => {
+                this.notification = [];
+                this.loading = false;
+                this.noData = true;
+            }
+        });
+    }
+    handleNotification() {
+        this.service.updateNotificationReceived(true);
+    }
+    viewAll(type) {
+        this.dataKtMenu = 'false';
+        this.router.navigate(['/notifications/alerts']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsInnerComponent, deps: [{ token: i1.Router }, { token: i2.NotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationsInnerComponent, selector: "lib-notifications-inner", host: { properties: { "class": "this.class", "attr.data-kt-menu": "this.dataKtMenu" } }, ngImport: i0, template: "<div class=\"card topbar\" >\r\n  <div class=\"card-header\">\r\n  <h3 class=\"title-notify mt-10 mb-6\">\r\n    Notifications\r\n  </h3>\r\n  </div>\r\n  <ng-container *ngIf=\"loading\">\r\n    <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n      <div class=\"shimmer\">\r\n        <div class=\"wrapper\">\r\n          <div class=\"stroke animate title\"></div>\r\n          <div class=\"stroke animate link\"></div>\r\n          <div class=\"stroke animate description\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"shimmer\">\r\n        <div class=\"wrapper\">\r\n          <div class=\"stroke animate title\"></div>\r\n          <div class=\"stroke animate link\"></div>\r\n          <div class=\"stroke animate description\"></div>\r\n        </div>\r\n      </div>\r\n  \r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"noData && !loading\">\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-12 mb-3\">\r\n        <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n          <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n          <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n          <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n    <div *ngFor=\"let item of notification\" class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n      <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\" class=\"ng-star-inserted\">\r\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                    <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                    <path\r\n                      d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                      fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                    <path\r\n                      d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                      fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                  </g>\r\n                </svg></span></span></div>\r\n          <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">{{ item._source.logType }}</div>\r\n            <div class=\"alt-desc\">{{ item._source.logSubType }}</div>\r\n          </div>\r\n        </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n\r\n        \r\n      </div>\r\n    \r\n    </div>\r\n    <div class=\"text-center border-top\">\r\n      <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary mt-4\">\r\n        View All\r\n      </a>\r\n    </div>\r\n    \r\n  </div>\r\n</div>\r\n\r\n<!-- <div class=\"d-flex flex-column bgi-no-repeat rounded-top\">\r\n  <ul class=\"nav nav-line-tabs nav-line-tabs-2x nav-stretch border-0 fw-bold px-9\">\r\n    <li class=\"nav-item w-50 text-center\">\r\n      <a class=\"nav-link w-100 opacity-75 opacity-state-100 pb-4 cursor-pointer d-block text-center\"\r\n        data-bs-toggle=\"tab\" [ngClass]=\"activeTabId === 'alerts' ? 'active' : ''\" (click)=\"setActiveTabId('alerts')\">\r\n        Alerts\r\n      </a>\r\n    </li>\r\n\r\n\r\n    <li class=\"nav-item w-50 text-center\">\r\n      <a class=\"\r\n          nav-link d-block text-center\r\n          text-white w-100\r\n          opacity-75 opacity-state-100\r\n          pb-4\r\n          cursor-pointer\r\n        \" data-bs-toggle=\"tab\" [ngClass]=\"activeTabId === 'download' ? 'active' : ''\"\r\n        (click)=\"setActiveTabId('download')\">\r\n        Download\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n\r\n<!-- <div class=\"tab-content\">\r\n  <div class=\"tab-pane fade\" id=\"alerts\" role=\"tabpanel\" [ngClass]=\"activeTabId === 'alerts' ? 'show active' : ''\">\r\n    <div>\r\n      <div class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n        <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                    version=\"1.1\" class=\"ng-star-inserted\">\r\n                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                      <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                      <path\r\n                        d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                      <path\r\n                        d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                    </g>\r\n                  </svg></span></span></div>\r\n            <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">User Added</div>\r\n              <div class=\"alt-desc\">rock has been successfully onboarde...</div>\r\n            </div>\r\n          </div><span class=\"badge badge-light fs-9\">28 May</span>\r\n        </div>\r\n        <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                    version=\"1.1\" class=\"ng-star-inserted\">\r\n                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                      <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                      <path\r\n                        d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                      <path\r\n                        d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                    </g>\r\n                  </svg></span></span></div>\r\n            <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">User Added</div>\r\n              <div class=\"alt-desc\">rock has been successfully onboarde...</div>\r\n            </div>\r\n          </div><span class=\"badge badge-light fs-9\">28 May</span>\r\n        </div>\r\n       \r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"py-3 text-center border-top\">\r\n      <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary\">\r\n        View All\r\n\r\n      </a>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"tab-pane fade\" id=\"download\" role=\"tabpanel\" [ngClass]=\"activeTabId === 'download' ? 'show active' : ''\">\r\n    <div class=\"scroll-y mh-400px my-5 px-5\">\r\n      <div class=\"d-flex flex-stack py-4\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <span class=\"me-3\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n              <g clip-path=\"url(#clip0_9019_100928)\">\r\n                <path\r\n                  d=\"M16.0007 18.6667V16M16.0007 13.3334H16.0073M22.6673 16C22.6673 19.6819 19.6826 22.6667 16.0007 22.6667C12.3188 22.6667 9.33398 19.6819 9.33398 16C9.33398 12.3181 12.3188 9.33337 16.0007 9.33337C19.6826 9.33337 22.6673 12.3181 22.6673 16Z\"\r\n                  stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </g>\r\n              <defs>\r\n                <clipPath id=\"clip0_9019_100928\">\r\n                  <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n                </clipPath>\r\n              </defs>\r\n            </svg>\r\n          </span>\r\n          <div class=\"mb-0 me-2\">\r\n\r\n            <div class=\"title-desc\">Invited <span class=\"title-name\">Lana Steiner</span> to the team</div>\r\n          </div>\r\n        </div>\r\n\r\n        <span class=\"fs-8\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\"\r\n            fill=\"none\">\r\n            <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#12B76A\" />\r\n          </svg></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"py-3 text-center border-top\">\r\n      <a (click)=\"viewAll('download')\" class=\"btn btn-color-gray-600 btn-active-color-primary\">\r\n        View All\r\n\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div> -->\r\n", styles: [".nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.CustomDateFormatPipe, name: "customDateFormat" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsInnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-notifications-inner', template: "<div class=\"card topbar\" >\r\n  <div class=\"card-header\">\r\n  <h3 class=\"title-notify mt-10 mb-6\">\r\n    Notifications\r\n  </h3>\r\n  </div>\r\n  <ng-container *ngIf=\"loading\">\r\n    <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n      <div class=\"shimmer\">\r\n        <div class=\"wrapper\">\r\n          <div class=\"stroke animate title\"></div>\r\n          <div class=\"stroke animate link\"></div>\r\n          <div class=\"stroke animate description\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"shimmer\">\r\n        <div class=\"wrapper\">\r\n          <div class=\"stroke animate title\"></div>\r\n          <div class=\"stroke animate link\"></div>\r\n          <div class=\"stroke animate description\"></div>\r\n        </div>\r\n      </div>\r\n  \r\n    </div>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"noData && !loading\">\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-12 mb-3\">\r\n        <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n          <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n          <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n          <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n    <div *ngFor=\"let item of notification\" class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n      <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\" class=\"ng-star-inserted\">\r\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                    <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                    <path\r\n                      d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                      fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                    <path\r\n                      d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                      fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                  </g>\r\n                </svg></span></span></div>\r\n          <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">{{ item._source.logType }}</div>\r\n            <div class=\"alt-desc\">{{ item._source.logSubType }}</div>\r\n          </div>\r\n        </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n\r\n        \r\n      </div>\r\n    \r\n    </div>\r\n    <div class=\"text-center border-top\">\r\n      <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary mt-4\">\r\n        View All\r\n      </a>\r\n    </div>\r\n    \r\n  </div>\r\n</div>\r\n\r\n<!-- <div class=\"d-flex flex-column bgi-no-repeat rounded-top\">\r\n  <ul class=\"nav nav-line-tabs nav-line-tabs-2x nav-stretch border-0 fw-bold px-9\">\r\n    <li class=\"nav-item w-50 text-center\">\r\n      <a class=\"nav-link w-100 opacity-75 opacity-state-100 pb-4 cursor-pointer d-block text-center\"\r\n        data-bs-toggle=\"tab\" [ngClass]=\"activeTabId === 'alerts' ? 'active' : ''\" (click)=\"setActiveTabId('alerts')\">\r\n        Alerts\r\n      </a>\r\n    </li>\r\n\r\n\r\n    <li class=\"nav-item w-50 text-center\">\r\n      <a class=\"\r\n          nav-link d-block text-center\r\n          text-white w-100\r\n          opacity-75 opacity-state-100\r\n          pb-4\r\n          cursor-pointer\r\n        \" data-bs-toggle=\"tab\" [ngClass]=\"activeTabId === 'download' ? 'active' : ''\"\r\n        (click)=\"setActiveTabId('download')\">\r\n        Download\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n\r\n<!-- <div class=\"tab-content\">\r\n  <div class=\"tab-pane fade\" id=\"alerts\" role=\"tabpanel\" [ngClass]=\"activeTabId === 'alerts' ? 'show active' : ''\">\r\n    <div>\r\n      <div class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n        <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                    version=\"1.1\" class=\"ng-star-inserted\">\r\n                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                      <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                      <path\r\n                        d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                      <path\r\n                        d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                    </g>\r\n                  </svg></span></span></div>\r\n            <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">User Added</div>\r\n              <div class=\"alt-desc\">rock has been successfully onboarde...</div>\r\n            </div>\r\n          </div><span class=\"badge badge-light fs-9\">28 May</span>\r\n        </div>\r\n        <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                  class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                    version=\"1.1\" class=\"ng-star-inserted\">\r\n                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                      <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                      <path\r\n                        d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                      <path\r\n                        d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                        fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                    </g>\r\n                  </svg></span></span></div>\r\n            <div class=\"mb-0 me-2\" style=\"text-align: left;\"><div class=\"alert-title\">User Added</div>\r\n              <div class=\"alt-desc\">rock has been successfully onboarde...</div>\r\n            </div>\r\n          </div><span class=\"badge badge-light fs-9\">28 May</span>\r\n        </div>\r\n       \r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"py-3 text-center border-top\">\r\n      <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary\">\r\n        View All\r\n\r\n      </a>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"tab-pane fade\" id=\"download\" role=\"tabpanel\" [ngClass]=\"activeTabId === 'download' ? 'show active' : ''\">\r\n    <div class=\"scroll-y mh-400px my-5 px-5\">\r\n      <div class=\"d-flex flex-stack py-4\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <span class=\"me-3\">\r\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <rect width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n              <g clip-path=\"url(#clip0_9019_100928)\">\r\n                <path\r\n                  d=\"M16.0007 18.6667V16M16.0007 13.3334H16.0073M22.6673 16C22.6673 19.6819 19.6826 22.6667 16.0007 22.6667C12.3188 22.6667 9.33398 19.6819 9.33398 16C9.33398 12.3181 12.3188 9.33337 16.0007 9.33337C19.6826 9.33337 22.6673 12.3181 22.6673 16Z\"\r\n                  stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </g>\r\n              <defs>\r\n                <clipPath id=\"clip0_9019_100928\">\r\n                  <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(8 8)\" />\r\n                </clipPath>\r\n              </defs>\r\n            </svg>\r\n          </span>\r\n          <div class=\"mb-0 me-2\">\r\n\r\n            <div class=\"title-desc\">Invited <span class=\"title-name\">Lana Steiner</span> to the team</div>\r\n          </div>\r\n        </div>\r\n\r\n        <span class=\"fs-8\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\"\r\n            fill=\"none\">\r\n            <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#12B76A\" />\r\n          </svg></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"py-3 text-center border-top\">\r\n      <a (click)=\"viewAll('download')\" class=\"btn btn-color-gray-600 btn-active-color-primary\">\r\n        View All\r\n\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div> -->\r\n", styles: [".nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.NotificationService }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], dataKtMenu: [{
+                type: HostBinding,
+                args: ['attr.data-kt-menu']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy1pbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hcHAtc2hhcmVkL3NyYy9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL25vdGlmaWNhdGlvbnMtaW5uZXIvbm90aWZpY2F0aW9ucy1pbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hcHAtc2hhcmVkL3NyYy9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL25vdGlmaWNhdGlvbnMtaW5uZXIvbm90aWZpY2F0aW9ucy1pbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFHbEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQVkxQyxNQUFNLE9BQU8sMkJBQTJCO0lBV2xCO0lBQXVCO0lBQW9DO0lBVnpELEtBQUssR0FDekIsZ0VBQWdFLENBQUM7SUFDakMsVUFBVSxHQUFHLE1BQU0sQ0FBQztJQUV0RCxXQUFXLEdBQUcsUUFBUSxDQUFDO0lBQ04sUUFBUSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFDMUMsWUFBWSxHQUFRLEVBQUUsQ0FBQztJQUN2QixPQUFPLEdBQVcsSUFBSSxDQUFDO0lBQ3ZCLE1BQU0sR0FBVyxLQUFLLENBQUM7SUFFdkIsWUFBb0IsTUFBYSxFQUFVLE9BQTJCLEVBQVMsRUFBcUI7UUFBaEYsV0FBTSxHQUFOLE1BQU0sQ0FBTztRQUFVLFlBQU8sR0FBUCxPQUFPLENBQW9CO1FBQVMsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7SUFBRyxDQUFDO0lBRXhHLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQTtJQUN6QixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVU7UUFDdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksSUFBSSxHQUFHO1lBQ1QsS0FBSyxFQUFFLENBQUM7WUFDUixNQUFNLEVBQUUsQ0FBQztTQUNWLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQzthQUNoQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUM7WUFDVCxJQUFJLEVBQUUsQ0FBQyxHQUFRLEVBQUUsRUFBRTtnQkFDakIsSUFBSSxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksSUFBSSxHQUFHLEVBQUU7b0JBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO29CQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztvQkFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7aUJBQzNDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO29CQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztvQkFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7aUJBQ3BCO1lBQ0gsQ0FBQztZQUNELEtBQUssRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNiLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7WUFDckIsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVE7UUFDZCxJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQTtJQUNqRCxDQUFDO3dHQXpEVSwyQkFBMkI7NEZBQTNCLDJCQUEyQix3SkNmeEMsc3NWQXdNQTs7NEZEekxhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx5QkFBeUI7NklBS2IsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPO2dCQUVjLFVBQVU7c0JBQTNDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvbm90aWZpY2F0aW9uLnNlcnZpY2UnXHJcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gXCJyeGpzXCI7XHJcblxyXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25zVGFic1R5cGUgPVxyXG4gIHwgJ2t0X3RvcGJhcl9ub3RpZmljYXRpb25zXzEnXHJcbiAgfCAna3RfdG9wYmFyX25vdGlmaWNhdGlvbnNfMidcclxuICB8ICdrdF90b3BiYXJfbm90aWZpY2F0aW9uc18zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLW5vdGlmaWNhdGlvbnMtaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb25zLWlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDonLi9ub3RpZmljYXRpb25zLWlubmVyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uc0lubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPVxyXG4gICAgJ21lbnUgbWVudS1zdWIgbWVudS1zdWItZHJvcGRvd24gbWVudS1jb2x1bW4gdy00NTBweCB3LWxnLTQyNXB4JztcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1rdC1tZW51JykgZGF0YUt0TWVudSA9ICd0cnVlJztcclxuXHJcbiAgYWN0aXZlVGFiSWQgPSAnYWxlcnRzJztcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcclxuICBub3RpZmljYXRpb246IGFueSA9IFtdO1xyXG4gIGxvYWRpbmc6Ym9vbGVhbiA9IHRydWU7XHJcbiAgbm9EYXRhOmJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6Um91dGVyLCBwcml2YXRlIHNlcnZpY2U6Tm90aWZpY2F0aW9uU2VydmljZSxwcml2YXRlIGNkIDpDaGFuZ2VEZXRlY3RvclJlZikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm5vdGlmaWNhdGlvbkxpc3QoKVxyXG4gIH1cclxuXHJcbiAgc2V0QWN0aXZlVGFiSWQodGFiSWQ6IGFueSkge1xyXG4gICAgdGhpcy5hY3RpdmVUYWJJZCA9IHRhYklkO1xyXG4gIH1cclxuXHJcbiAgbm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMubm90aWZpY2F0aW9uID0gW107IFxyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIGxldCBkYXRhID0ge1xyXG4gICAgICBsaW1pdDogNSxcclxuICAgICAgb2Zmc2V0OiAxXHJcbiAgICB9O1xyXG4gICAgdGhpcy5zZXJ2aWNlLm5vdGlmaWNhdGlvbkxpc3QoZGF0YSlcclxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxyXG4gICAgICAuc3Vic2NyaWJlKHtcclxuICAgICAgICBuZXh0OiAocmVzOiBhbnkpID0+IHtcclxuICAgICAgICAgIGlmIChyZXMgJiYgcmVzLmNvZGUgPT0gMjAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAgICAgICB0aGlzLm5vRGF0YSA9IGZhbHNlO1xyXG4gICAgICAgICAgICB0aGlzLm5vdGlmaWNhdGlvbiA9IHJlcy5kYXRhLnJlc3VsdCB8fCBbXTtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uID0gW107IFxyXG4gICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgICAgICAgdGhpcy5ub0RhdGEgPSB0cnVlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgZXJyb3I6IChlcnIpID0+IHtcclxuICAgICAgICAgIHRoaXMubm90aWZpY2F0aW9uID0gW107IFxyXG4gICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgICB0aGlzLm5vRGF0YSA9IHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIGhhbmRsZU5vdGlmaWNhdGlvbigpIHtcclxuICAgIHRoaXMuc2VydmljZS51cGRhdGVOb3RpZmljYXRpb25SZWNlaXZlZCh0cnVlKTtcclxuICB9XHJcblxyXG4gIHZpZXdBbGwodHlwZTphbnkpe1xyXG4gICAgdGhpcy5kYXRhS3RNZW51ID0gJ2ZhbHNlJztcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnL25vdGlmaWNhdGlvbnMvYWxlcnRzJ10pXHJcbiAgfVxyXG59XHJcblxyXG5cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQgdG9wYmFyXCIgPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlclwiPlxyXG4gIDxoMyBjbGFzcz1cInRpdGxlLW5vdGlmeSBtdC0xMCBtYi02XCI+XHJcbiAgICBOb3RpZmljYXRpb25zXHJcbiAgPC9oMz5cclxuICA8L2Rpdj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBsb2FkZXIgIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2hpbW1lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3Ryb2tlIGFuaW1hdGUgdGl0bGVcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdHJva2UgYW5pbWF0ZSBsaW5rXCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3Ryb2tlIGFuaW1hdGUgZGVzY3JpcHRpb25cIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzaGltbWVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdHJva2UgYW5pbWF0ZSB0aXRsZVwiPjwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0cm9rZSBhbmltYXRlIGxpbmtcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdHJva2UgYW5pbWF0ZSBkZXNjcmlwdGlvblwiPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICBcclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJub0RhdGEgJiYgIWxvYWRpbmdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0xMiBtYi0zXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYm9keSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgZmxleC1jb2x1bW5cIj5cclxuICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWctc3JjIHctMjVcIiBzcmM9XCIuL2Fzc2V0cy90YW5nby9JY29ucy9ub05vdGlmaWNhdGlvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibm90aWZpY2F0aW9uQWxpZ24gbXQtMTBcIj5ObyBOZXcgTm90aWZpY2F0aW9uPC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJub05vdGlmaWNhdGlvbiBtdC0yXCI+QW55IG5ldyBub3RpZmljYXRpb24gd2lsbCBiZSBzaG93biBoZXJlLjwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImFsZXJ0c2Nyb2xsXCIgKm5nSWY9XCJub3RpZmljYXRpb24ubGVuZ3RoXCI+XHJcbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5vdGlmaWNhdGlvblwiIGNsYXNzPVwibWgtMzAwcHggbmctc3Rhci1pbnNlcnRlZFwiIHN0eWxlPVwib3ZlcmZsb3c6IGF1dG87XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1zdGFjayBweS0zIG14LTQgbmctc3Rhci1pbnNlcnRlZFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3ltYm9sIHN5bWJvbC0zNXB4IG1lLTRcIj48c3BhbiBjbGFzcz1cInN5bWJvbC1sYWJlbCBiZy1saWdodC1wcmltYXJ5XCI+PHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwic3ZnLWljb24gc3ZnLWljb24tMiBzdmctaWNvbi1wcmltYXJ5XCI+PC9zcGFuPjxzcGFuXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInN2Zy1pY29uIHN2Zy1pY29uLTIgc3ZnLWljb24tcHJpbWFyeVwiPjxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICAgICAgICAgICAgICAgIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcclxuICAgICAgICAgICAgICAgICAgdmVyc2lvbj1cIjEuMVwiIGNsYXNzPVwibmctc3Rhci1pbnNlcnRlZFwiPlxyXG4gICAgICAgICAgICAgICAgICA8ZyBzdHJva2U9XCJub25lXCIgc3Ryb2tlLXdpZHRoPVwiMVwiIGZpbGw9XCJub25lXCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz1cIjAgMCAyNCAwIDI0IDI0IDAgMjRcIj48L3BvbHlnb24+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMTIsMTEgQzkuNzkwODYxLDExIDgsOS4yMDkxMzkgOCw3IEM4LDQuNzkwODYxIDkuNzkwODYxLDMgMTIsMyBDMTQuMjA5MTM5LDMgMTYsNC43OTA4NjEgMTYsNyBDMTYsOS4yMDkxMzkgMTQuMjA5MTM5LDExIDEyLDExIFpcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMwMDlFRjdcIiBmaWxsLXJ1bGU9XCJub256ZXJvXCIgb3BhY2l0eT1cIjAuM1wiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgZD1cIk0zLjAwMDY1MTY4LDIwLjE5OTIwNTUgQzMuMzg4MjU4NTIsMTUuNDI2NTE1OSA3LjI2MTkxMjM1LDEzIDExLjk4MzM0MTMsMTMgQzE2Ljc3MTIxNjQsMTMgMjAuNzA0ODgzNywxNS4yOTMxOTI5IDIwLjk5NzkxNDMsMjAuMiBDMjEuMDA5NTg3OSwyMC4zOTU0NzQxIDIwLjk5NzkxNDMsMjEgMjAuMjQ2Njk5OSwyMSBDMTYuNTQxMTI0LDIxIDExLjAzNDcyNDcsMjEgMy43Mjc1MDIyMywyMSBDMy40NzY3MTIxNSwyMSAyLjk3OTUzODI1LDIwLjQ1OTE4IDMuMDAwNjUxNjgsMjAuMTk5MjA1NSBaXCJcclxuICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCIjMDA5RUY3XCIgZmlsbC1ydWxlPVwibm9uemVyb1wiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgICAgPC9zdmc+PC9zcGFuPjwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYi0wIG1lLTJcIiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnQ7XCI+PGRpdiBjbGFzcz1cImFsZXJ0LXRpdGxlXCI+e3sgaXRlbS5fc291cmNlLmxvZ1R5cGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFsdC1kZXNjXCI+e3sgaXRlbS5fc291cmNlLmxvZ1N1YlR5cGUgfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PjxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtbGlnaHQgZnMtOVwiPnt7IGl0ZW0uX3NvdXJjZS5kYXRlfGN1c3RvbURhdGVGb3JtYXQgfX08L3NwYW4+XHJcblxyXG4gICAgICAgIFxyXG4gICAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXIgYm9yZGVyLXRvcFwiPlxyXG4gICAgICA8YSAoY2xpY2spPVwidmlld0FsbCgnYWxlcnRzJylcIiBjbGFzcz1cImJ0biBidG4tY29sb3ItZ3JheS02MDAgYnRuLWFjdGl2ZS1jb2xvci1wcmltYXJ5IG10LTRcIj5cclxuICAgICAgICBWaWV3IEFsbFxyXG4gICAgICA8L2E+XHJcbiAgICA8L2Rpdj5cclxuICAgIFxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjwhLS0gPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBiZ2ktbm8tcmVwZWF0IHJvdW5kZWQtdG9wXCI+XHJcbiAgPHVsIGNsYXNzPVwibmF2IG5hdi1saW5lLXRhYnMgbmF2LWxpbmUtdGFicy0yeCBuYXYtc3RyZXRjaCBib3JkZXItMCBmdy1ib2xkIHB4LTlcIj5cclxuICAgIDxsaSBjbGFzcz1cIm5hdi1pdGVtIHctNTAgdGV4dC1jZW50ZXJcIj5cclxuICAgICAgPGEgY2xhc3M9XCJuYXYtbGluayB3LTEwMCBvcGFjaXR5LTc1IG9wYWNpdHktc3RhdGUtMTAwIHBiLTQgY3Vyc29yLXBvaW50ZXIgZC1ibG9jayB0ZXh0LWNlbnRlclwiXHJcbiAgICAgICAgZGF0YS1icy10b2dnbGU9XCJ0YWJcIiBbbmdDbGFzc109XCJhY3RpdmVUYWJJZCA9PT0gJ2FsZXJ0cycgPyAnYWN0aXZlJyA6ICcnXCIgKGNsaWNrKT1cInNldEFjdGl2ZVRhYklkKCdhbGVydHMnKVwiPlxyXG4gICAgICAgIEFsZXJ0c1xyXG4gICAgICA8L2E+XHJcbiAgICA8L2xpPlxyXG5cclxuXHJcbiAgICA8bGkgY2xhc3M9XCJuYXYtaXRlbSB3LTUwIHRleHQtY2VudGVyXCI+XHJcbiAgICAgIDxhIGNsYXNzPVwiXHJcbiAgICAgICAgICBuYXYtbGluayBkLWJsb2NrIHRleHQtY2VudGVyXHJcbiAgICAgICAgICB0ZXh0LXdoaXRlIHctMTAwXHJcbiAgICAgICAgICBvcGFjaXR5LTc1IG9wYWNpdHktc3RhdGUtMTAwXHJcbiAgICAgICAgICBwYi00XHJcbiAgICAgICAgICBjdXJzb3ItcG9pbnRlclxyXG4gICAgICAgIFwiIGRhdGEtYnMtdG9nZ2xlPVwidGFiXCIgW25nQ2xhc3NdPVwiYWN0aXZlVGFiSWQgPT09ICdkb3dubG9hZCcgPyAnYWN0aXZlJyA6ICcnXCJcclxuICAgICAgICAoY2xpY2spPVwic2V0QWN0aXZlVGFiSWQoJ2Rvd25sb2FkJylcIj5cclxuICAgICAgICBEb3dubG9hZFxyXG4gICAgICA8L2E+XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbjwvZGl2PiAtLT5cclxuXHJcblxyXG48IS0tIDxkaXYgY2xhc3M9XCJ0YWItY29udGVudFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ0YWItcGFuZSBmYWRlXCIgaWQ9XCJhbGVydHNcIiByb2xlPVwidGFicGFuZWxcIiBbbmdDbGFzc109XCJhY3RpdmVUYWJJZCA9PT0gJ2FsZXJ0cycgPyAnc2hvdyBhY3RpdmUnIDogJydcIj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtaC0zMDBweCBuZy1zdGFyLWluc2VydGVkXCIgc3R5bGU9XCJvdmVyZmxvdzogYXV0bztcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtc3RhY2sgcHktMyBteC00IG5nLXN0YXItaW5zZXJ0ZWRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzeW1ib2wgc3ltYm9sLTM1cHggbWUtNFwiPjxzcGFuIGNsYXNzPVwic3ltYm9sLWxhYmVsIGJnLWxpZ2h0LXByaW1hcnlcIj48c3BhblxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInN2Zy1pY29uIHN2Zy1pY29uLTIgc3ZnLWljb24tcHJpbWFyeVwiPjwvc3Bhbj48c3BhblxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInN2Zy1pY29uIHN2Zy1pY29uLTIgc3ZnLWljb24tcHJpbWFyeVwiPjxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICAgICAgICAgICAgICAgICAgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgd2lkdGg9XCIyNHB4XCIgaGVpZ2h0PVwiMjRweFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxyXG4gICAgICAgICAgICAgICAgICAgIHZlcnNpb249XCIxLjFcIiBjbGFzcz1cIm5nLXN0YXItaW5zZXJ0ZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZyBzdHJva2U9XCJub25lXCIgc3Ryb2tlLXdpZHRoPVwiMVwiIGZpbGw9XCJub25lXCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPVwiMCAwIDI0IDAgMjQgMjQgMCAyNFwiPjwvcG9seWdvbj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMTIsMTEgQzkuNzkwODYxLDExIDgsOS4yMDkxMzkgOCw3IEM4LDQuNzkwODYxIDkuNzkwODYxLDMgMTIsMyBDMTQuMjA5MTM5LDMgMTYsNC43OTA4NjEgMTYsNyBDMTYsOS4yMDkxMzkgMTQuMjA5MTM5LDExIDEyLDExIFpcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBmaWxsPVwiIzAwOUVGN1wiIGZpbGwtcnVsZT1cIm5vbnplcm9cIiBvcGFjaXR5PVwiMC4zXCI+PC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0zLjAwMDY1MTY4LDIwLjE5OTIwNTUgQzMuMzg4MjU4NTIsMTUuNDI2NTE1OSA3LjI2MTkxMjM1LDEzIDExLjk4MzM0MTMsMTMgQzE2Ljc3MTIxNjQsMTMgMjAuNzA0ODgzNywxNS4yOTMxOTI5IDIwLjk5NzkxNDMsMjAuMiBDMjEuMDA5NTg3OSwyMC4zOTU0NzQxIDIwLjk5NzkxNDMsMjEgMjAuMjQ2Njk5OSwyMSBDMTYuNTQxMTI0LDIxIDExLjAzNDcyNDcsMjEgMy43Mjc1MDIyMywyMSBDMy40NzY3MTIxNSwyMSAyLjk3OTUzODI1LDIwLjQ1OTE4IDMuMDAwNjUxNjgsMjAuMTk5MjA1NSBaXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMwMDlFRjdcIiBmaWxsLXJ1bGU9XCJub256ZXJvXCI+PC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgICAgICAgPC9zdmc+PC9zcGFuPjwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1iLTAgbWUtMlwiIHN0eWxlPVwidGV4dC1hbGlnbjogbGVmdDtcIj48ZGl2IGNsYXNzPVwiYWxlcnQtdGl0bGVcIj5Vc2VyIEFkZGVkPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFsdC1kZXNjXCI+cm9jayBoYXMgYmVlbiBzdWNjZXNzZnVsbHkgb25ib2FyZGUuLi48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj48c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWxpZ2h0IGZzLTlcIj4yOCBNYXk8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LXN0YWNrIHB5LTMgbXgtNCBuZy1zdGFyLWluc2VydGVkXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3ltYm9sIHN5bWJvbC0zNXB4IG1lLTRcIj48c3BhbiBjbGFzcz1cInN5bWJvbC1sYWJlbCBiZy1saWdodC1wcmltYXJ5XCI+PHNwYW5cclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdmctaWNvbiBzdmctaWNvbi0yIHN2Zy1pY29uLXByaW1hcnlcIj48L3NwYW4+PHNwYW5cclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdmctaWNvbiBzdmctaWNvbi0yIHN2Zy1pY29uLXByaW1hcnlcIj48c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgICAgICAgICAgICAgICAgIHhtbG5zOnhsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiIHdpZHRoPVwiMjRweFwiIGhlaWdodD1cIjI0cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcclxuICAgICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCIgY2xhc3M9XCJuZy1zdGFyLWluc2VydGVkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGcgc3Ryb2tlPVwibm9uZVwiIHN0cm9rZS13aWR0aD1cIjFcIiBmaWxsPVwibm9uZVwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz1cIjAgMCAyNCAwIDI0IDI0IDAgMjRcIj48L3BvbHlnb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTEyLDExIEM5Ljc5MDg2MSwxMSA4LDkuMjA5MTM5IDgsNyBDOCw0Ljc5MDg2MSA5Ljc5MDg2MSwzIDEyLDMgQzE0LjIwOTEzOSwzIDE2LDQuNzkwODYxIDE2LDcgQzE2LDkuMjA5MTM5IDE0LjIwOTEzOSwxMSAxMiwxMSBaXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMwMDlFRjdcIiBmaWxsLXJ1bGU9XCJub256ZXJvXCIgb3BhY2l0eT1cIjAuM1wiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMy4wMDA2NTE2OCwyMC4xOTkyMDU1IEMzLjM4ODI1ODUyLDE1LjQyNjUxNTkgNy4yNjE5MTIzNSwxMyAxMS45ODMzNDEzLDEzIEMxNi43NzEyMTY0LDEzIDIwLjcwNDg4MzcsMTUuMjkzMTkyOSAyMC45OTc5MTQzLDIwLjIgQzIxLjAwOTU4NzksMjAuMzk1NDc0MSAyMC45OTc5MTQzLDIxIDIwLjI0NjY5OTksMjEgQzE2LjU0MTEyNCwyMSAxMS4wMzQ3MjQ3LDIxIDMuNzI3NTAyMjMsMjEgQzMuNDc2NzEyMTUsMjEgMi45Nzk1MzgyNSwyMC40NTkxOCAzLjAwMDY1MTY4LDIwLjE5OTIwNTUgWlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCIjMDA5RUY3XCIgZmlsbC1ydWxlPVwibm9uemVyb1wiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICAgIDwvc3ZnPjwvc3Bhbj48L3NwYW4+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYi0wIG1lLTJcIiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnQ7XCI+PGRpdiBjbGFzcz1cImFsZXJ0LXRpdGxlXCI+VXNlciBBZGRlZDwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbHQtZGVzY1wiPnJvY2sgaGFzIGJlZW4gc3VjY2Vzc2Z1bGx5IG9uYm9hcmRlLi4uPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+PHNwYW4gY2xhc3M9XCJiYWRnZSBiYWRnZS1saWdodCBmcy05XCI+MjggTWF5PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInB5LTMgdGV4dC1jZW50ZXIgYm9yZGVyLXRvcFwiPlxyXG4gICAgICA8YSAoY2xpY2spPVwidmlld0FsbCgnYWxlcnRzJylcIiBjbGFzcz1cImJ0biBidG4tY29sb3ItZ3JheS02MDAgYnRuLWFjdGl2ZS1jb2xvci1wcmltYXJ5XCI+XHJcbiAgICAgICAgVmlldyBBbGxcclxuXHJcbiAgICAgIDwvYT5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInRhYi1wYW5lIGZhZGVcIiBpZD1cImRvd25sb2FkXCIgcm9sZT1cInRhYnBhbmVsXCIgW25nQ2xhc3NdPVwiYWN0aXZlVGFiSWQgPT09ICdkb3dubG9hZCcgPyAnc2hvdyBhY3RpdmUnIDogJydcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzY3JvbGwteSBtaC00MDBweCBteS01IHB4LTVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LXN0YWNrIHB5LTRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJtZS0zXCI+XHJcbiAgICAgICAgICAgIDxzdmcgd2lkdGg9XCIzMlwiIGhlaWdodD1cIjMyXCIgdmlld0JveD1cIjAgMCAzMiAzMlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICAgICAgICAgIDxyZWN0IHdpZHRoPVwiMzJcIiBoZWlnaHQ9XCIzMlwiIHJ4PVwiMTZcIiBmaWxsPVwiI0RBRjFGRlwiIC8+XHJcbiAgICAgICAgICAgICAgPGcgY2xpcC1wYXRoPVwidXJsKCNjbGlwMF85MDE5XzEwMDkyOClcIj5cclxuICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgIGQ9XCJNMTYuMDAwNyAxOC42NjY3VjE2TTE2LjAwMDcgMTMuMzMzNEgxNi4wMDczTTIyLjY2NzMgMTZDMjIuNjY3MyAxOS42ODE5IDE5LjY4MjYgMjIuNjY2NyAxNi4wMDA3IDIyLjY2NjdDMTIuMzE4OCAyMi42NjY3IDkuMzMzOTggMTkuNjgxOSA5LjMzMzk4IDE2QzkuMzMzOTggMTIuMzE4MSAxMi4zMTg4IDkuMzMzMzcgMTYuMDAwNyA5LjMzMzM3QzE5LjY4MjYgOS4zMzMzNyAyMi42NjczIDEyLjMxODEgMjIuNjY3MyAxNlpcIlxyXG4gICAgICAgICAgICAgICAgICBzdHJva2U9XCIjMDBBM0ZGXCIgc3Ryb2tlLXdpZHRoPVwiMS4zMzMzM1wiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIC8+XHJcbiAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgIDxkZWZzPlxyXG4gICAgICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfOTAxOV8xMDA5MjhcIj5cclxuICAgICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgZmlsbD1cIndoaXRlXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDggOClcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9jbGlwUGF0aD5cclxuICAgICAgICAgICAgICA8L2RlZnM+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1iLTAgbWUtMlwiPlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLWRlc2NcIj5JbnZpdGVkIDxzcGFuIGNsYXNzPVwidGl0bGUtbmFtZVwiPkxhbmEgU3RlaW5lcjwvc3Bhbj4gdG8gdGhlIHRlYW08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImZzLThcIj48c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjEwXCIgaGVpZ2h0PVwiMTBcIiB2aWV3Qm94PVwiMCAwIDEwIDEwXCJcclxuICAgICAgICAgICAgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgPGNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiNFwiIGZpbGw9XCIjMTJCNzZBXCIgLz5cclxuICAgICAgICAgIDwvc3ZnPjwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJweS0zIHRleHQtY2VudGVyIGJvcmRlci10b3BcIj5cclxuICAgICAgPGEgKGNsaWNrKT1cInZpZXdBbGwoJ2Rvd25sb2FkJylcIiBjbGFzcz1cImJ0biBidG4tY29sb3ItZ3JheS02MDAgYnRuLWFjdGl2ZS1jb2xvci1wcmltYXJ5XCI+XHJcbiAgICAgICAgVmlldyBBbGxcclxuXHJcbiAgICAgIDwvYT5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4gLS0+XHJcbiJdfQ==

package/esm2022/lib/modules/layout/header/page-title/page-title.component.mjs

@@ -0,0 +1,56 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "tango-app-ui-global";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+export class PageTitleComponent {
+    pageInfo;
+    cd;
+    router;
+    unsubscribe = [];
+    appPageTitleDirection = '';
+    appPageTitleBreadcrumb;
+    appPageTitleDescription;
+    title$;
+    description$;
+    bc$;
+    constructor(pageInfo, cd, router) {
+        this.pageInfo = pageInfo;
+        this.cd = cd;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.title$ = this.pageInfo.title.asObservable();
+        this.description$ = this.pageInfo.description.asObservable();
+        this.bc$ = this.pageInfo.breadcrumbs.asObservable();
+        this.title$.subscribe((e) => {
+            this.cd.detectChanges();
+        });
+        this.description$.subscribe((e) => {
+            this.cd.detectChanges();
+        });
+        this.bc$.subscribe((e) => {
+            this.cd.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribe.forEach((sb) => sb.unsubscribe());
+    }
+    redirectFunction(path) {
+        const user = JSON.parse(localStorage.getItem('user-info'));
+        this.router.navigateByUrl(path);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTitleComponent, deps: [{ token: i1.PageInfoService }, { token: i0.ChangeDetectorRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageTitleComponent, selector: "lib-page-title", inputs: { appPageTitleDirection: "appPageTitleDirection", appPageTitleBreadcrumb: "appPageTitleBreadcrumb", appPageTitleDescription: "appPageTitleDescription" }, ngImport: i0, template: "<ng-container *ngIf=\"title$ | async as title\">\r\n\r\n  <ng-container *ngIf=\"appPageTitleBreadcrumb\">\r\n    <ng-container *ngIf=\"bc$ | async as _bc\">\r\n      <ng-container *ngIf=\"_bc.length > 0\">\r\n        <!-- <ng-container *ngIf=\"appPageTitleDirection === 'row'\">\r\n          <span class=\"h-20px border-gray-300 border-start mx-4\"></span>\r\n        </ng-container> -->\r\n        <!--begin::Breadcrumb-->\r\n\r\n        <ul class=\"breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0\"\r\n          [ngClass]=\"{'pt-1': appPageTitleDirection === 'column'}\">\r\n          <li *ngFor=\"let bc of _bc\" class=\"breadcrumb-item\"\r\n            [ngClass]=\"!bc.isSeparator && bc.isActive ? 'text-gray-900' : ''\"\r\n            [ngClass]=\"!bc.isSeparator && !bc.isActive ? 'text-muted' : ''\">\r\n            <ng-container *ngIf=\"!bc.isSeparator\">\r\n              <a class=\"inactive-bc text-hover-primary cursor-pointer\" (click)=\"redirectFunction(bc?.path)\" >\r\n                {{ bc.title }}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"bc.isSeparator\">\r\n              <img src=\"/assets/tango/layout/bc-seperator.svg\" alt=\"\">\r\n            </ng-container>\r\n          </li>\r\n          <li class=\"breadcrumb-item active-bc\">{{ title }}</li>\r\n        </ul>\r\n        <!--end::Breadcrumb-->\r\n\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>\r\n", styles: [".active-bc{color:var(--Primary-600, #00A3FF);font-family:Inter;font-size:16px;font-weight:500;line-height:24px}.inactive-bc{color:#98a2b3}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-page-title', template: "<ng-container *ngIf=\"title$ | async as title\">\r\n\r\n  <ng-container *ngIf=\"appPageTitleBreadcrumb\">\r\n    <ng-container *ngIf=\"bc$ | async as _bc\">\r\n      <ng-container *ngIf=\"_bc.length > 0\">\r\n        <!-- <ng-container *ngIf=\"appPageTitleDirection === 'row'\">\r\n          <span class=\"h-20px border-gray-300 border-start mx-4\"></span>\r\n        </ng-container> -->\r\n        <!--begin::Breadcrumb-->\r\n\r\n        <ul class=\"breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0\"\r\n          [ngClass]=\"{'pt-1': appPageTitleDirection === 'column'}\">\r\n          <li *ngFor=\"let bc of _bc\" class=\"breadcrumb-item\"\r\n            [ngClass]=\"!bc.isSeparator && bc.isActive ? 'text-gray-900' : ''\"\r\n            [ngClass]=\"!bc.isSeparator && !bc.isActive ? 'text-muted' : ''\">\r\n            <ng-container *ngIf=\"!bc.isSeparator\">\r\n              <a class=\"inactive-bc text-hover-primary cursor-pointer\" (click)=\"redirectFunction(bc?.path)\" >\r\n                {{ bc.title }}\r\n              </a>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"bc.isSeparator\">\r\n              <img src=\"/assets/tango/layout/bc-seperator.svg\" alt=\"\">\r\n            </ng-container>\r\n          </li>\r\n          <li class=\"breadcrumb-item active-bc\">{{ title }}</li>\r\n        </ul>\r\n        <!--end::Breadcrumb-->\r\n\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>\r\n", styles: [".active-bc{color:var(--Primary-600, #00A3FF);font-family:Inter;font-size:16px;font-weight:500;line-height:24px}.inactive-bc{color:#98a2b3}\n"] }]
+        }], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i0.ChangeDetectorRef }, { type: i2.Router }], propDecorators: { appPageTitleDirection: [{
+                type: Input
+            }], appPageTitleBreadcrumb: [{
+                type: Input
+            }], appPageTitleDescription: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hcHAtc2hhcmVkL3NyYy9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL3BhZ2UtdGl0bGUvcGFnZS10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hcHAtc2hhcmVkL3NyYy9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL3BhZ2UtdGl0bGUvcGFnZS10aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVV2RixNQUFNLE9BQU8sa0JBQWtCO0lBV1Q7SUFBbUM7SUFBOEI7SUFWN0UsV0FBVyxHQUFtQixFQUFFLENBQUM7SUFFaEMscUJBQXFCLEdBQVcsRUFBRSxDQUFDO0lBQ25DLHNCQUFzQixDQUFVO0lBQ2hDLHVCQUF1QixDQUFVO0lBRTFDLE1BQU0sQ0FBcUI7SUFDM0IsWUFBWSxDQUFxQjtJQUNqQyxHQUFHLENBQThCO0lBRWpDLFlBQW9CLFFBQXlCLEVBQVUsRUFBb0IsRUFBVSxNQUFhO1FBQTlFLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBQVUsT0FBRSxHQUFGLEVBQUUsQ0FBa0I7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFPO0lBQUcsQ0FBQztJQUV0RyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNqRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzdELElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUMsRUFBRTtZQUN6QixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3pCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUMsRUFBRTtZQUMvQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3pCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3pCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVELGdCQUFnQixDQUFDLElBQVE7UUFDdkIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBUSxDQUFDLENBQUM7UUFDbEUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzt3R0FuQ1Usa0JBQWtCOzRGQUFsQixrQkFBa0Isd05DVi9CLHM4Q0FnQ0E7OzRGRHRCYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCO3lJQU9qQixxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgUGFnZUluZm9TZXJ2aWNlLCBQYWdlTGluayB9IGZyb20gJ3RhbmdvLWFwcC11aS1nbG9iYWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItcGFnZS10aXRsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtdGl0bGUuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VUaXRsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwcml2YXRlIHVuc3Vic2NyaWJlOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKSBhcHBQYWdlVGl0bGVEaXJlY3Rpb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGFwcFBhZ2VUaXRsZUJyZWFkY3J1bWI6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgYXBwUGFnZVRpdGxlRGVzY3JpcHRpb246IGJvb2xlYW47XHJcblxyXG4gIHRpdGxlJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xyXG4gIGRlc2NyaXB0aW9uJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xyXG4gIGJjJDogT2JzZXJ2YWJsZTxBcnJheTxQYWdlTGluaz4+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBhZ2VJbmZvOiBQYWdlSW5mb1NlcnZpY2UsIHByaXZhdGUgY2Q6Q2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgcm91dGVyOlJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnRpdGxlJCA9IHRoaXMucGFnZUluZm8udGl0bGUuYXNPYnNlcnZhYmxlKCk7XHJcbiAgICB0aGlzLmRlc2NyaXB0aW9uJCA9IHRoaXMucGFnZUluZm8uZGVzY3JpcHRpb24uYXNPYnNlcnZhYmxlKCk7XHJcbiAgICB0aGlzLmJjJCA9IHRoaXMucGFnZUluZm8uYnJlYWRjcnVtYnMuYXNPYnNlcnZhYmxlKCk7XHJcbiAgICB0aGlzLnRpdGxlJC5zdWJzY3JpYmUoKGUpPT57XHJcbiAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpXHJcbiAgICB9KVxyXG4gICAgdGhpcy5kZXNjcmlwdGlvbiQuc3Vic2NyaWJlKChlKT0+e1xyXG4gICAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKVxyXG4gICAgfSlcclxuICAgIHRoaXMuYmMkLnN1YnNjcmliZSgoZSk9PntcclxuICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKClcclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMudW5zdWJzY3JpYmUuZm9yRWFjaCgoc2IpID0+IHNiLnVuc3Vic2NyaWJlKCkpO1xyXG4gIH1cclxuXHJcbiAgcmVkaXJlY3RGdW5jdGlvbihwYXRoOmFueSl7XHJcbiAgICBjb25zdCB1c2VyID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgndXNlci1pbmZvJykgYXMgYW55KTtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwocGF0aCk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0aXRsZSQgfCBhc3luYyBhcyB0aXRsZVwiPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXBwUGFnZVRpdGxlQnJlYWRjcnVtYlwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJjJCB8IGFzeW5jIGFzIF9iY1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiX2JjLmxlbmd0aCA+IDBcIj5cclxuICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKm5nSWY9XCJhcHBQYWdlVGl0bGVEaXJlY3Rpb24gPT09ICdyb3cnXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImgtMjBweCBib3JkZXItZ3JheS0zMDAgYm9yZGVyLXN0YXJ0IG14LTRcIj48L3NwYW4+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxyXG4gICAgICAgIDwhLS1iZWdpbjo6QnJlYWRjcnVtYi0tPlxyXG5cclxuICAgICAgICA8dWwgY2xhc3M9XCJicmVhZGNydW1iIGJyZWFkY3J1bWItc2VwYXJhdG9ybGVzcyBmdy1zZW1pYm9sZCBmcy03IG15LTBcIlxyXG4gICAgICAgICAgW25nQ2xhc3NdPVwieydwdC0xJzogYXBwUGFnZVRpdGxlRGlyZWN0aW9uID09PSAnY29sdW1uJ31cIj5cclxuICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgYmMgb2YgX2JjXCIgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCIhYmMuaXNTZXBhcmF0b3IgJiYgYmMuaXNBY3RpdmUgPyAndGV4dC1ncmF5LTkwMCcgOiAnJ1wiXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFiYy5pc1NlcGFyYXRvciAmJiAhYmMuaXNBY3RpdmUgPyAndGV4dC1tdXRlZCcgOiAnJ1wiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWJjLmlzU2VwYXJhdG9yXCI+XHJcbiAgICAgICAgICAgICAgPGEgY2xhc3M9XCJpbmFjdGl2ZS1iYyB0ZXh0LWhvdmVyLXByaW1hcnkgY3Vyc29yLXBvaW50ZXJcIiAoY2xpY2spPVwicmVkaXJlY3RGdW5jdGlvbihiYz8ucGF0aClcIiA+XHJcbiAgICAgICAgICAgICAgICB7eyBiYy50aXRsZSB9fVxyXG4gICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJiYy5pc1NlcGFyYXRvclwiPlxyXG4gICAgICAgICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy90YW5nby9sYXlvdXQvYmMtc2VwZXJhdG9yLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICA8bGkgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW0gYWN0aXZlLWJjXCI+e3sgdGl0bGUgfX08L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICAgICAgPCEtLWVuZDo6QnJlYWRjcnVtYi0tPlxyXG5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2022/lib/modules/layout/keenicon/icons.json

@@ -0,0 +1 @@
+{ "free-version-categories": ["general", "abstract", "devices", "location", "users", "it-newtwork", "design", "archive", "typography", "technologies", "social-media", "weather"], "categories": { "abstract": ["abstract-33", "abstract-27", "abstract-26", "abstract-32", "abstract-18", "abstract-24", "abstract-30", "abstract-8", "abstract-9", "abstract-31", "abstract-25", "abstract-19", "abstract-21", "abstract-35", "abstract-34", "abstract-20", "abstract-36", "abstract-22", "abstract-23", "abstract-37", "abstract-44", "abstract", "abstract-45", "abstract-47", "abstract-46", "abstract-42", "abstract-43", "abstract-41", "abstract-40", "abstract-48", "abstract-49", "abstract-12", "abstract-2", "abstract-3", "abstract-13", "abstract-39", "abstract-11", "abstract-1", "abstract-10", "abstract-38", "abstract-14", "abstract-28", "abstract-4", "abstract-5", "abstract-29", "abstract-15", "abstract-17", "abstract-7", "abstract-6", "abstract-16"], "settings": ["toggle-on", "toggle-on-circle", "toggle-off", "category", "setting", "toggle-off-circle", "more-2", "setting-4", "setting-2", "setting-3"], "design": ["eraser", "paintbucket", "add-item", "design-2", "brush", "size", "design", "copy", "text", "design-frame", "bucket", "glass", "feather", "pencil", "colors-square", "design-mask", "bucket-square", "copy-success", "color-swatch"], "social-media": ["instagram", "snapchat", "classmates", "facebook", "whatsapp", "social-media", "youtube", "dribbble", "twitter", "tiktok", "behance"], "it-network": ["underlining", "disconnect", "code", "gear", "loading", "scroll", "wrench", "square-brackets", "frame", "message-programming", "data", "fasten", "click"], "technologies": ["tech-wifi", "joystick", "faceid", "technology-3", "technology-2", "electricity", "fingerprint-scanning", "technology-4", "artificial-intelligence", "technology"], "ecommerce": ["basket-ok", "cheque", "handcart", "shop", "tag", "purchase", "discount", "package", "percentage", "barcode", "lots-shopping", "basket"], "archive": ["book-square", "receipt-square", "save-2", "archive-tick"], "security": ["shield-search", "password-check", "shield-tick", "lock", "key", "shield", "shield-cross", "key-square", "eye-slash", "security-check", "lock-3", "scan-barcode", "lock-2", "eye", "shield-slash", "security-user"], "general": ["triangle", "subtitle", "ghost", "information", "milk", "home", "happy-emoji", "mouse-square", "filter-tick", "filter-search", "wifi-home", "trash-square", "paper-clip", "archive", "pin", "wifi-square", "auto-brightness", "coffee", "icon", "emoji-happy", "general-mouse", "ranking", "slider", "crown-2", "rescue", "flash-circle", "safe-home", "cloud-change", "crown", "filter-edit", "picture", "verify", "send", "tag-cross", "cloud-add", "home-3", "disk", "trash", "star", "cd", "home-2", "mouse-circle", "home-1", "call", "gift", "share", "sort", "magnifier", "filter-square", "tree", "filter", "switch", "cloud", "cup", "diamonds", "status", "rocket", "cloud-download", "menu", "chrome"], "location": ["geolocation-home", "map", "telephone-geolocation", "satellite", "flag", "focus", "pointers", "compass", "route", "geolocation"], "education": ["brifecase-timer", "briefcase", "clipboard", "bookmark-2", "note", "note-2", "book-open", "book", "teacher", "award", "brifecase-tick", "brifecase-cros", "bookmark"], "business": ["chart-line", "chart", "graph-3", "chart-pie-3", "graph-2", "chart-line-down", "chart-pie-too", "chart-pie-4", "chart-line-down-2", "graph-4", "chart-line-up-2", "badge", "chart-line-up", "chart-simple-3", "chart-pie-simple", "chart-simple-2", "graph-up", "chart-line-star", "graph", "chart-simple"], "files-folders": ["tablet-delete", "file-added", "file-up", "minus-folder", "file", "delete-files", "add-folder", "file-left", "file-deleted", "some-files", "file-right", "notepad", "notepad-bookmark", "document", "like-folder", "folder-up", "folder-added", "file-down", "filter-tablet", "tablet-book", "update-file", "add-notepad", "questionnaire-tablet", "tablet-up", "tablet-ok", "update-folder", "files-tablet", "folder-down", "notepad-edit", "tablet-text-up", "search-list", "tablet-text-down", "add-files", "tablet-down", "delete-folder", "folder", "file-sheet"], "software": ["bootstrap", "figma", "dropbox", "xaomi", "microsoft", "android", "vue", "js", "spring-framework", "github", "dj", "google-play", "angular", "soft-3", "python", "soft-2", "ts", "xd", "spotify", "js-2", "laravel", "css", "google", "photoshop", "twitch", "illustrator", "pails", "react", "html", "slack", "soft", "yii", "apple", "vuesax"], "time": ["calendar-add", "calendar-search", "calendar-2", "calendar-tick", "time", "watch", "calendar-edit", "calendar", "calendar-8", "timer", "calendar-remove"], "support": ["heart-circle", "like", "information-4", "information-5", "information-2", "information-3", "question", "dislike", "message-question", "medal-star", "like-tag", "like-2", "support-24", "question-2", "lovely", "like-shapes", "heart"], "users": ["user", "user-square", "user-tick", "people", "user-edit", "profile-user", "profile-circle"], "medicine": ["capsule", "virus", "bandage", "thermometer", "flask", "test-tubes", "syringe", "mask", "pill", "pulse"], "burger-menu": ["burger-menu", "burger-menu-6", "burger-menu-5", "burger-menu-4", "burger-menu-1", "burger-menu-3", "burger-menu-2"], "typography": ["text-align-center", "text-italic", "text-bold", "text-strikethrough", "text-underline", "text-number", "text-align-left", "text-align-right", "text-circle", "text-align-justify-center"], "finance": ["theta", "dollar", "binance", "nexo", "euro", "avalanche", "bitcoin", "wallet", "price-tag", "finance-calculator", "dash", "lts", "vibe", "credit-cart", "paypal", "bill", "ocean", "celsius", "educare", "enjin-coin", "two-credit-cart", "bank", "binance-usd", "wanchain", "trello", "save-deposit", "xmr", "financial-schedule", "office-bag"], "weather": ["night-day", "sun", "drop", "moon"], "arrows": ["exit-right-corner", "dots-circle-vertical", "check-square", "right-left", "arrow-down", "dots-horizontal", "arrow-right-left", "up-down", "double-check", "arrow-up-left", "down", "exit-up", "up-square", "down-square", "plus-square", "dots-circle", "arrow-down-left", "double-check-circle", "up", "entrance-right", "arrow-right", "arrow-two-diagonals", "minus-square", "arrow-diagonal", "black-left", "arrow-down-refraction", "black-right", "double-left", "arrow-circle-left", "arrow-zigzag", "plus", "check", "exit-left", "arrow-circle-right", "cross-square", "entrance-left", "left-square", "arrows-loop", "black-left-line", "double-left-arrow", "check-circle", "right", "dots-square-vertical", "arrow-up-right", "exit-down", "dots-square", "to-left", "double-down", "plus-circle", "black-down", "double-up", "black-up", "double-right-arrow", "arrow-up", "black-right-line", "arrow-up-refraction", "arrow-left", "cross", "minus-circle", "arrow-down-right", "exit-right", "to-right", "double-right", "arrow-mix", "right-square", "arrows-circle", "cross-circle", "left", "minus", "dots-vertical", "arrow-up-down"], "communication": ["message-text-2", "message-notif", "message-add", "sms", "directbox-default", "message-text", "messages", "address-book", "message-edit", "message-minus"], "notifications": ["notification-circle", "notification-favorite", "notification-2", "notification", "notification-bing", "notification-status", "notification-on"], "delivery-and-logistics": ["scooter-2", "parcel", "delivery-time", "delivery", "delivery-24", "ship", "courier", "logistic", "trailer", "car-2", "car-3", "airplane-square", "scooter", "truck", "cube-3", "bus", "cube-2", "delivery-door", "delivery-3", "delivery-2", "car", "courier-express", "airplane", "delivery-geolocation", "parcel-tracking"], "devices": ["monitor-mobile", "devices", "keyboard", "devices-2", "bluetooth", "wifi", "airpod", "simcard-2", "speaker", "printer", "simcard", "router", "phone", "electronic-clock", "external-drive", "laptop", "tablet", "screen", "calculator", "mouse"], "grid": ["grid", "slider-vertical-2", "maximize", "slider-vertical", "row-horizontal", "kanban", "row-vertical", "fat-rows", "grid-2", "element-8", "element-9", "element-12", "element-4", "element-5", "grid-frame", "element-11", "element-7", "element-6", "element-10", "element-2", "element-3", "element-equal", "element-1", "slider-horizontal-2", "slider-horizontal", "element-plus"] }, "duotone-paths": { "abstract-33": 2, "abstract-27": 2, "abstract-26": 2, "abstract-32": 2, "abstract-18": 2, "abstract-24": 2, "abstract-30": 2, "abstract-8": 2, "abstract-9": 2, "abstract-31": 2, "abstract-25": 2, "abstract-19": 2, "abstract-21": 2, "abstract-35": 2, "abstract-34": 2, "abstract-20": 2, "abstract-36": 2, "abstract-22": 2, "abstract-23": 2, "abstract-37": 2, "abstract-44": 2, "abstract": 2, "abstract-45": 2, "abstract-47": 2, "abstract-46": 2, "abstract-42": 2, "abstract-43": 2, "abstract-41": 2, "abstract-40": 2, "abstract-48": 3, "abstract-49": 3, "abstract-12": 2, "abstract-2": 2, "abstract-3": 2, "abstract-13": 2, "abstract-39": 2, "abstract-11": 2, "abstract-1": 2, "abstract-10": 2, "abstract-38": 2, "abstract-14": 2, "abstract-28": 2, "abstract-4": 2, "abstract-5": 2, "abstract-29": 2, "abstract-15": 2, "abstract-17": 2, "abstract-7": 2, "abstract-6": 0, "abstract-16": 2, "toggle-on": 2, "toggle-on-circle": 2, "toggle-off": 2, "category": 4, "setting": 2, "toggle-off-circle": 2, "more-2": 4, "setting-4": 0, "setting-2": 2, "setting-3": 5, "eraser": 3, "paintbucket": 3, "add-item": 3, "design-2": 2, "brush": 2, "size": 2, "design": 2, "copy": 0, "text": 0, "design-frame": 2, "bucket": 4, "glass": 3, "feather": 2, "pencil": 2, "colors-square": 4, "design-mask": 2, "bucket-square": 3, "copy-success": 2, "color-swatch": 21, "instagram": 2, "snapchat": 2, "classmates": 2, "facebook": 2, "whatsapp": 2, "social-media": 2, "youtube": 2, "dribbble": 6, "twitter": 2, "tiktok": 2, "behance": 2, "underlining": 3, "disconnect": 5, "code": 4, "gear": 2, "loading": 2, "scroll": 3, "wrench": 2, "square-brackets": 4, "frame": 4, "message-programming": 4, "data": 5, "fasten": 2, "click": 5, "tech-wifi": 2, "joystick": 4, "faceid": 6, "technology-3": 4, "technology-2": 2, "electricity": 10, "fingerprint-scanning": 5, "technology-4": 7, "artificial-intelligence": 8, "technology": 9, "basket-ok": 4, "cheque": 7, "handcart": 0, "shop": 5, "tag": 3, "purchase": 2, "discount": 2, "package": 3, "percentage": 2, "barcode": 8, "lots-shopping": 8, "basket": 4, "book-square": 3, "receipt-square": 2, "save-2": 2, "archive-tick": 2, "shield-search": 3, "password-check": 5, "shield-tick": 2, "lock": 3, "key": 2, "shield": 2, "shield-cross": 3, "key-square": 2, "eye-slash": 4, "security-check": 4, "lock-3": 3, "scan-barcode": 8, "lock-2": 5, "eye": 3, "shield-slash": 3, "security-user": 2, "triangle": 3, "subtitle": 5, "ghost": 3, "information": 3, "milk": 3, "home": 0, "happy-emoji": 2, "mouse-square": 2, "filter-tick": 2, "filter-search": 3, "wifi-home": 4, "trash-square": 4, "paper-clip": 0, "archive": 3, "pin": 2, "wifi-square": 4, "auto-brightness": 3, "coffee": 6, "icon": 3, "emoji-happy": 4, "general-mouse": 2, "ranking": 4, "slider": 4, "crown-2": 3, "rescue": 2, "flash-circle": 2, "safe-home": 2, "cloud-change": 3, "crown": 2, "filter-edit": 2, "picture": 2, "verify": 2, "send": 2, "tag-cross": 3, "cloud-add": 2, "home-3": 2, "disk": 2, "trash": 5, "star": 0, "cd": 2, "home-2": 2, "mouse-circle": 2, "home-1": 2, "call": 8, "gift": 4, "share": 6, "sort": 4, "magnifier": 2, "filter-square": 2, "tree": 3, "filter": 2, "switch": 2, "cloud": 0, "cup": 2, "diamonds": 2, "status": 3, "rocket": 2, "cloud-download": 2, "menu": 4, "chrome": 2, "geolocation-home": 2, "map": 3, "telephone-geolocation": 3, "satellite": 6, "flag": 2, "focus": 2, "pointers": 3, "compass": 2, "route": 4, "geolocation": 2, "brifecase-timer": 3, "briefcase": 2, "clipboard": 3, "bookmark-2": 2, "note": 2, "note-2": 4, "book-open": 4, "book": 4, "teacher": 2, "award": 3, "brifecase-tick": 3, "brifecase-cros": 3, "bookmark": 2, "chart-line": 2, "chart": 2, "graph-3": 2, "chart-pie-3": 3, "graph-2": 3, "chart-line-down": 2, "chart-pie-too": 2, "chart-pie-4": 3, "chart-line-down-2": 3, "graph-4": 2, "chart-line-up-2": 2, "badge": 5, "chart-line-up": 2, "chart-simple-3": 4, "chart-pie-simple": 2, "chart-simple-2": 4, "graph-up": 6, "chart-line-star": 3, "graph": 4, "chart-simple": 4, "tablet-delete": 3, "file-added": 2, "file-up": 2, "minus-folder": 2, "file": 2, "delete-files": 2, "add-folder": 2, "file-left": 2, "file-deleted": 2, "some-files": 2, "file-right": 2, "notepad": 5, "notepad-bookmark": 6, "document": 2, "like-folder": 2, "folder-up": 2, "folder-added": 2, "file-down": 2, "filter-tablet": 2, "tablet-book": 2, "update-file": 4, "add-notepad": 4, "questionnaire-tablet": 2, "tablet-up": 3, "tablet-ok": 3, "update-folder": 2, "files-tablet": 2, "folder-down": 2, "notepad-edit": 2, "tablet-text-up": 2, "search-list": 3, "tablet-text-down": 4, "add-files": 3, "tablet-down": 3, "delete-folder": 2, "folder": 2, "file-sheet": 2, "bootstrap": 3, "figma": 5, "dropbox": 5, "xaomi": 2, "microsoft": 4, "android": 6, "vue": 2, "js": 2, "spring-framework": 0, "github": 2, "dj": 0, "google-play": 2, "angular": 3, "soft-3": 2, "python": 2, "soft-2": 2, "ts": 3, "xd": 3, "spotify": 2, "js-2": 2, "laravel": 7, "css": 2, "google": 2, "photoshop": 2, "twitch": 3, "illustrator": 4, "pails": 9, "react": 2, "html": 2, "slack": 8, "soft": 6, "yii": 3, "apple": 2, "vuesax": 3, "calendar-add": 6, "calendar-search": 4, "calendar-2": 5, "calendar-tick": 6, "time": 2, "watch": 2, "calendar-edit": 3, "calendar": 2, "calendar-8": 6, "timer": 3, "calendar-remove": 6, "heart-circle": 2, "like": 2, "information-4": 3, "information-5": 3, "information-2": 3, "information-3": 3, "question": 3, "dislike": 2, "message-question": 3, "medal-star": 4, "like-tag": 2, "like-2": 2, "support-24": 3, "question-2": 3, "lovely": 2, "like-shapes": 2, "heart": 2, "user": 2, "user-square": 3, "user-tick": 3, "people": 5, "user-edit": 3, "profile-user": 4, "profile-circle": 3, "capsule": 2, "virus": 3, "bandage": 2, "thermometer": 2, "flask": 2, "test-tubes": 2, "syringe": 3, "mask": 3, "pill": 0, "pulse": 2, "burger-menu": 4, "burger-menu-6": 0, "burger-menu-5": 0, "burger-menu-4": 0, "burger-menu-1": 4, "burger-menu-3": 9, "burger-menu-2": 10, "text-align-center": 4, "text-italic": 4, "text-bold": 3, "text-strikethrough": 3, "text-underline": 3, "text-number": 6, "text-align-left": 4, "text-align-right": 4, "text-circle": 6, "text-align-justify-center": 4, "theta": 2, "dollar": 3, "binance": 5, "nexo": 2, "euro": 3, "avalanche": 2, "bitcoin": 2, "wallet": 4, "price-tag": 3, "finance-calculator": 7, "dash": 2, "lts": 2, "vibe": 2, "credit-cart": 2, "paypal": 2, "bill": 6, "ocean": 19, "celsius": 2, "educare": 4, "enjin-coin": 2, "two-credit-cart": 5, "bank": 2, "binance-usd": 4, "wanchain": 2, "trello": 3, "save-deposit": 4, "xmr": 2, "financial-schedule": 4, "office-bag": 4, "night-day": 10, "sun": 9, "drop": 2, "moon": 2, "exit-right-corner": 2, "dots-circle-vertical": 4, "check-square": 2, "right-left": 3, "arrow-down": 2, "dots-horizontal": 3, "arrow-right-left": 2, "up-down": 3, "double-check": 2, "arrow-up-left": 2, "down": 0, "exit-up": 2, "up-square": 2, "down-square": 2, "plus-square": 3, "dots-circle": 4, "arrow-down-left": 2, "double-check-circle": 3, "up": 0, "entrance-right": 2, "arrow-right": 2, "arrow-two-diagonals": 5, "minus-square": 2, "arrow-diagonal": 3, "black-left": 0, "arrow-down-refraction": 2, "black-right": 0, "double-left": 2, "arrow-circle-left": 2, "arrow-zigzag": 2, "plus": 0, "check": 0, "exit-left": 2, "arrow-circle-right": 2, "cross-square": 2, "entrance-left": 2, "left-square": 2, "arrows-loop": 2, "black-left-line": 2, "double-left-arrow": 2, "check-circle": 2, "right": 0, "dots-square-vertical": 4, "arrow-up-right": 2, "exit-down": 2, "dots-square": 4, "to-left": 0, "double-down": 3, "plus-circle": 2, "black-down": 0, "double-up": 3, "black-up": 0, "double-right-arrow": 2, "arrow-up": 2, "black-right-line": 2, "arrow-up-refraction": 2, "arrow-left": 2, "cross": 2, "minus-circle": 2, "arrow-down-right": 2, "exit-right": 2, "to-right": 0, "double-right": 2, "arrow-mix": 2, "right-square": 2, "arrows-circle": 2, "cross-circle": 2, "left": 0, "minus": 0, "dots-vertical": 3, "arrow-up-down": 2, "message-text-2": 3, "message-notif": 5, "message-add": 3, "sms": 2, "directbox-default": 4, "message-text": 3, "messages": 5, "address-book": 3, "message-edit": 2, "message-minus": 2, "notification-circle": 2, "notification-favorite": 3, "notification-2": 2, "notification": 3, "notification-bing": 3, "notification-status": 4, "notification-on": 5, "scooter-2": 0, "parcel": 5, "delivery-time": 5, "delivery": 5, "delivery-24": 4, "ship": 3, "courier": 3, "logistic": 7, "trailer": 5, "car-2": 6, "car-3": 3, "airplane-square": 2, "scooter": 7, "truck": 5, "cube-3": 2, "bus": 5, "cube-2": 3, "delivery-door": 4, "delivery-3": 3, "delivery-2": 9, "car": 5, "courier-express": 7, "airplane": 2, "delivery-geolocation": 5, "parcel-tracking": 3, "monitor-mobile": 2, "devices": 5, "keyboard": 2, "devices-2": 3, "bluetooth": 2, "wifi": 4, "airpod": 3, "simcard-2": 2, "speaker": 3, "printer": 5, "simcard": 5, "router": 2, "phone": 2, "electronic-clock": 4, "external-drive": 5, "laptop": 2, "tablet": 3, "screen": 4, "calculator": 6, "mouse": 2, "grid": 2, "slider-vertical-2": 3, "maximize": 5, "slider-vertical": 3, "row-horizontal": 2, "kanban": 2, "row-vertical": 2, "fat-rows": 2, "grid-2": 2, "element-8": 2, "element-9": 2, "element-12": 3, "element-4": 2, "element-5": 2, "grid-frame": 3, "element-11": 4, "element-7": 2, "element-6": 2, "element-10": 3, "element-2": 2, "element-3": 2, "element-equal": 5, "element-1": 4, "slider-horizontal-2": 3, "slider-horizontal": 3, "element-plus": 5 }, "number": 573 }

package/esm2022/lib/modules/layout/keenicon/keenicon.component.mjs

@@ -0,0 +1,37 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import icons from './icons.json';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class KeeniconComponent {
+    name;
+    class;
+    type = 'duotone';
+    pathsNumber = 0;
+    constructor() {
+    }
+    ngOnInit() {
+        if (this.type === 'duotone') {
+            // @ts-ignore
+            this.pathsNumber = icons[this.type + '-paths'][this.name] ?? 0;
+        }
+    }
+    get styleDisplay() {
+        return 'contents';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KeeniconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KeeniconComponent, selector: "lib-keenicon", inputs: { name: "name", class: "class", type: "type" }, host: { properties: { "style.display": "this.styleDisplay" } }, ngImport: i0, template: "<span *ngIf=\"type === 'duotone'\" class=\"ki-{{ type }} ki-{{ name }}{{ class ? ' ' + class : '' }}\">\r\n  <span *ngFor=\"let i of [].constructor(pathsNumber); let idx = index\" class=\"path{{ idx + 1 }}\"></span>\r\n</span>\r\n<span *ngIf=\"type !== 'duotone'\" class=\"ki-{{ type }} ki-{{ name }}{{ class ? ' ' + class : '' }}\"></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KeeniconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-keenicon', template: "<span *ngIf=\"type === 'duotone'\" class=\"ki-{{ type }} ki-{{ name }}{{ class ? ' ' + class : '' }}\">\r\n  <span *ngFor=\"let i of [].constructor(pathsNumber); let idx = index\" class=\"path{{ idx + 1 }}\"></span>\r\n</span>\r\n<span *ngIf=\"type !== 'duotone'\" class=\"ki-{{ type }} ki-{{ name }}{{ class ? ' ' + class : '' }}\"></span>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], styleDisplay: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2Vlbmljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tYXBwLXNoYXJlZC9zcmMvbGliL21vZHVsZXMvbGF5b3V0L2tlZW5pY29uL2tlZW5pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLWFwcC1zaGFyZWQvc3JjL2xpYi9tb2R1bGVzL2xheW91dC9rZWVuaWNvbi9rZWVuaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDOzs7QUFPakMsTUFBTSxPQUFPLGlCQUFpQjtJQUNuQixJQUFJLENBQVM7SUFDYixLQUFLLENBQVM7SUFDZCxJQUFJLEdBQVcsU0FBUyxDQUFDO0lBRWxDLFdBQVcsR0FBVyxDQUFDLENBQUM7SUFFeEI7SUFDQSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDM0IsYUFBYTtZQUNiLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNoRTtJQUNILENBQUM7SUFFRCxJQUNJLFlBQVk7UUFDZCxPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDO3dHQXBCVSxpQkFBaUI7NEZBQWpCLGlCQUFpQiw0S0NSOUIsMFZBSUE7OzRGRElhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxjQUFjO3dEQUtmLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQWVGLFlBQVk7c0JBRGYsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IGljb25zIGZyb20gJy4vaWNvbnMuanNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rZWVuaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2tlZW5pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rZWVuaWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLZWVuaWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nID0gJ2R1b3RvbmUnO1xyXG5cclxuICBwYXRoc051bWJlcjogbnVtYmVyID0gMDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLnR5cGUgPT09ICdkdW90b25lJykge1xyXG4gICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgIHRoaXMucGF0aHNOdW1iZXIgPSBpY29uc1t0aGlzLnR5cGUgKyAnLXBhdGhzJ11bdGhpcy5uYW1lXSA/PyAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5kaXNwbGF5JylcclxuICBnZXQgc3R5bGVEaXNwbGF5KCkge1xyXG4gICAgcmV0dXJuICdjb250ZW50cyc7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuICpuZ0lmPVwidHlwZSA9PT0gJ2R1b3RvbmUnXCIgY2xhc3M9XCJraS17eyB0eXBlIH19IGtpLXt7IG5hbWUgfX17eyBjbGFzcyA/ICcgJyArIGNsYXNzIDogJycgfX1cIj5cclxuICA8c3BhbiAqbmdGb3I9XCJsZXQgaSBvZiBbXS5jb25zdHJ1Y3RvcihwYXRoc051bWJlcik7IGxldCBpZHggPSBpbmRleFwiIGNsYXNzPVwicGF0aHt7IGlkeCArIDEgfX1cIj48L3NwYW4+XHJcbjwvc3Bhbj5cclxuPHNwYW4gKm5nSWY9XCJ0eXBlICE9PSAnZHVvdG9uZSdcIiBjbGFzcz1cImtpLXt7IHR5cGUgfX0ga2kte3sgbmFtZSB9fXt7IGNsYXNzID8gJyAnICsgY2xhc3MgOiAnJyB9fVwiPjwvc3Bhbj5cclxuIl19