@indice/ng-components 0.2.151-beta → 0.2.153-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_styles.css +154 -84
- package/bundles/indice-ng-components.umd.js +819 -332
- package/bundles/indice-ng-components.umd.js.map +1 -1
- package/esm2015/lib/controls/avatar-initials/avatar-initials.component.js +4 -4
- package/esm2015/lib/controls/collapsible-panel/collapsible-panel.component.js +4 -4
- package/esm2015/lib/controls/combobox/combobox.component.js +99 -0
- package/esm2015/lib/controls/date-picker/date-picker.component.js +4 -4
- package/esm2015/lib/controls/drop-down-menu/drop-down-menu.component.js +4 -4
- package/esm2015/lib/controls/kpi-tile/kpi-tile.component.js +4 -4
- package/esm2015/lib/controls/language-selection/language-selection.component.js +35 -0
- package/esm2015/lib/controls/list-view/list-column.component.js +4 -4
- package/esm2015/lib/controls/list-view/list-details-section.component.js +4 -4
- package/esm2015/lib/controls/list-view/list-tile.component.js +4 -4
- package/esm2015/lib/controls/list-view/list-view-empty-state.component.js +4 -4
- package/esm2015/lib/controls/list-view/list-view.component.js +4 -4
- package/esm2015/lib/controls/nav-links-list/nav-links-list.component.js +45 -0
- package/esm2015/lib/controls/notifications-indicator/notifications-indicator.component.js +76 -0
- package/esm2015/lib/controls/pager/pager.component.js +4 -4
- package/esm2015/lib/controls/side-pane/side-pane.component.js +4 -4
- package/esm2015/lib/controls/skeleton-loader/skeleton-loader.component.js +4 -4
- package/esm2015/lib/controls/tabs/lib-tab-group.component.js +61 -0
- package/esm2015/lib/controls/tabs/lib-tab.component.js +55 -0
- package/esm2015/lib/controls/toaster/toaster-container.component.js +4 -4
- package/esm2015/lib/controls/toaster/toaster.component.js +4 -4
- package/esm2015/lib/controls/toggle/toggle.component.js +4 -4
- package/esm2015/lib/controls/user-profile-menu/user-profile-menu.component.js +75 -0
- package/esm2015/lib/directives/click-outside.directive.js +4 -4
- package/esm2015/lib/directives/dynamic-component-host.directive.js +4 -4
- package/esm2015/lib/helpers/base-list.component.js +24 -24
- package/esm2015/lib/icons.js +3 -1
- package/esm2015/lib/layouts/shell/shell-footer/shell-footer.component.js +4 -4
- package/esm2015/lib/layouts/shell/shell-header/shell-header.component.js +68 -84
- package/esm2015/lib/layouts/shell/shell-layout/shell-layout.component.js +15 -8
- package/esm2015/lib/layouts/shell/shell-sidebar/shell-sidebar.component.js +50 -0
- package/esm2015/lib/layouts/views/form-layout/form-layout.component.js +8 -9
- package/esm2015/lib/layouts/views/model-view-layout/model-view-layout.component.js +4 -6
- package/esm2015/lib/layouts/views/side-view-layout/side-view-layout.component.js +4 -4
- package/esm2015/lib/layouts/views/view-layout/view-layout.component.js +4 -4
- package/esm2015/lib/ng-components.module.js +122 -95
- package/esm2015/lib/pages/auth/auth-callback/auth-callback.component.js +4 -4
- package/esm2015/lib/pages/auth/auth-renew/auth-renew.component.js +4 -4
- package/esm2015/lib/pages/auth/logged-out/logged-out.component.js +4 -4
- package/esm2015/lib/pages/http-status/error/error.component.js +4 -4
- package/esm2015/lib/pages/http-status/page-not-found/page-not-found.component.js +4 -4
- package/esm2015/lib/pages/http-status/unauthorized/unauthorized.component.js +4 -4
- package/esm2015/lib/pipes/address.pipe.js +4 -4
- package/esm2015/lib/pipes/duration-format.pipe.js +4 -4
- package/esm2015/lib/services/component-loader/component-loader.factory.js +4 -4
- package/esm2015/lib/services/modal-service/modal-backdrop-component.js +4 -4
- package/esm2015/lib/services/modal-service/modal-container-component.js +4 -4
- package/esm2015/lib/services/modal-service/modal-options.class.js +4 -4
- package/esm2015/lib/services/modal-service/modal-service.js +4 -4
- package/esm2015/lib/services/modal-service/modal.class.js +4 -4
- package/esm2015/lib/services/toaster.service.js +4 -4
- package/esm2015/lib/tokens.js +3 -1
- package/esm2015/lib/types.js +16 -7
- package/esm2015/public-api.js +5 -2
- package/fesm2015/indice-ng-components.js +765 -324
- package/fesm2015/indice-ng-components.js.map +1 -1
- package/lib/controls/combobox/combobox.component.d.ts +29 -0
- package/lib/controls/language-selection/language-selection.component.d.ts +14 -0
- package/lib/controls/nav-links-list/nav-links-list.component.d.ts +16 -0
- package/lib/controls/notifications-indicator/notifications-indicator.component.d.ts +22 -0
- package/lib/controls/tabs/lib-tab-group.component.d.ts +21 -0
- package/lib/controls/tabs/lib-tab.component.d.ts +23 -0
- package/lib/controls/user-profile-menu/user-profile-menu.component.d.ts +24 -0
- package/lib/icons.d.ts +2 -0
- package/lib/layouts/shell/shell-header/shell-header.component.d.ts +20 -28
- package/lib/layouts/shell/shell-layout/shell-layout.component.d.ts +4 -2
- package/lib/layouts/shell/shell-sidebar/shell-sidebar.component.d.ts +18 -0
- package/lib/layouts/views/form-layout/form-layout.component.d.ts +2 -3
- package/lib/ng-components.module.d.ts +31 -24
- package/lib/tokens.d.ts +3 -1
- package/lib/types.d.ts +42 -11
- package/package.json +13 -12
- package/public-api.d.ts +4 -1
- package/esm2015/lib/pipes/obs-with-status.pipe.js +0 -26
- package/lib/pipes/obs-with-status.pipe.d.ts +0 -13
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('@indice/ng-auth')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@indice/ng-components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rxjs', 'rxjs/operators', '@indice/ng-auth'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indice = global.indice || {}, global.indice["ng-components"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global.rxjs, global.rxjs.operators, global.i2));
|
|
5
|
-
})(this, (function (exports, i0, i1, i1$1, forms, rxjs, operators, i2) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('uuid'), require('@indice/ng-auth')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@indice/ng-components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rxjs', 'rxjs/operators', 'uuid', '@indice/ng-auth'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indice = global.indice || {}, global.indice["ng-components"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global.rxjs, global.rxjs.operators, global.uuid, global.i2));
|
|
5
|
+
})(this, (function (exports, i0, i1, i1$1, forms, rxjs, operators, uuid, i2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -25,9 +25,10 @@
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
27
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
28
|
+
var uuid__namespace = /*#__PURE__*/_interopNamespace(uuid);
|
|
28
29
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
29
30
|
|
|
30
|
-
|
|
31
|
+
/******************************************************************************
|
|
31
32
|
Copyright (c) Microsoft Corporation.
|
|
32
33
|
|
|
33
34
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -189,7 +190,11 @@
|
|
|
189
190
|
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
|
190
191
|
if (k2 === undefined)
|
|
191
192
|
k2 = k;
|
|
192
|
-
Object.
|
|
193
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
194
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
195
|
+
desc = { enumerable: true, get: function () { return m[k]; } };
|
|
196
|
+
}
|
|
197
|
+
Object.defineProperty(o, k2, desc);
|
|
193
198
|
}) : (function (o, m, k, k2) {
|
|
194
199
|
if (k2 === undefined)
|
|
195
200
|
k2 = k;
|
|
@@ -343,6 +348,11 @@
|
|
|
343
348
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
344
349
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
345
350
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
351
|
+
}
|
|
352
|
+
function __classPrivateFieldIn(state, receiver) {
|
|
353
|
+
if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
|
|
354
|
+
throw new TypeError("Cannot use 'in' operator on non-object");
|
|
355
|
+
return typeof state === "function" ? receiver === state : state.has(receiver);
|
|
346
356
|
}
|
|
347
357
|
|
|
348
358
|
// tslint:disable-next-line:directive-selector
|
|
@@ -521,9 +531,9 @@
|
|
|
521
531
|
};
|
|
522
532
|
return ClickOutsideDirective;
|
|
523
533
|
}());
|
|
524
|
-
ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
525
|
-
ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.
|
|
526
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
534
|
+
ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: i0.PLATFORM_ID }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
535
|
+
ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { clickOutsideEnabled: "clickOutsideEnabled", attachOutsideOnClick: "attachOutsideOnClick", delayClickOutsideInit: "delayClickOutsideInit", emitOnBlur: "emitOnBlur", exclude: "exclude", excludeBeforeClick: "excludeBeforeClick", clickOutsideEvents: "clickOutsideEvents" }, outputs: { clickOutside: "clickOutside" }, usesOnChanges: true, ngImport: i0__namespace });
|
|
536
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
|
|
527
537
|
type: i0.Directive,
|
|
528
538
|
args: [{ selector: '[clickOutside]' }]
|
|
529
539
|
}], ctorParameters: function () {
|
|
@@ -603,9 +613,9 @@
|
|
|
603
613
|
};
|
|
604
614
|
return DropDownMenuComponent;
|
|
605
615
|
}());
|
|
606
|
-
DropDownMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
607
|
-
DropDownMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
608
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
616
|
+
DropDownMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DropDownMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
617
|
+
DropDownMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropDownMenuComponent, selector: "lib-drop-down-menu", inputs: { options: "options", selectedValue: ["selected", "selectedValue"], multiple: "multiple", placeholder: "placeholder" }, outputs: { selectedChange: "selectedChange", selectedChanged: "selectedChanged" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"dropdown-container\" (clickOutside)=\"onClickOutside($event)\">\r\n <button\r\n type=\"button\"\r\n (click)=\"expanded = !expanded\"\r\n class=\"dropdown-button\"\r\n aria-haspopup=\"listbox\"\r\n aria-expanded=\"true\"\r\n aria-labelledby=\"listbox-label\"\r\n >\r\n <span class=\"dropdown-selected-text\">\r\n {{ selectedOption?.text || placeholder }}\r\n </span>\r\n <span class=\"dropdown-button-icon\">\r\n <!-- Heroicon name: solid/selector -->\r\n <svg class=\"dropdown-arrow\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </span>\r\n </button>\r\n <ul\r\n *ngIf=\"expanded && options && options.length > 0\"\r\n class=\"dropdown-ul\"\r\n tabindex=\"-1\"\r\n role=\"listbox\"\r\n aria-labelledby=\"listbox-label\"\r\n aria-activedescendant=\"listbox-option-3\"\r\n >\r\n <ng-container *ngFor=\"let option of options\">\r\n <li\r\n [class]=\"isSelected(option) ? 'dropdown-li-selected' : 'dropdown-li'\"\r\n (click)=\"selectOption(option)\"\r\n id=\"listbox-option-0\"\r\n role=\"option\"\r\n >\r\n <span [class]=\"isSelected(option) ? 'dropdown-li-selected-text' : 'dropdown-li-text'\">\r\n {{ option.text }}\r\n </span>\r\n <span *ngIf=\"isSelected(option)\" class=\"dropdown-li-selected-indicator-container\">\r\n <!-- Heroicon name: solid/check -->\r\n <svg\r\n class=\"dropdown-li-selected-indicator\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 20 20\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n >\r\n <path\r\n fill-rule=\"evenodd\"\r\n d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </svg>\r\n </span>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n</div>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
618
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DropDownMenuComponent, decorators: [{
|
|
609
619
|
type: i0.Component,
|
|
610
620
|
args: [{
|
|
611
621
|
// tslint:disable-next-line:component-selector
|
|
@@ -660,41 +670,49 @@
|
|
|
660
670
|
Icons.Collapse = 'ms-Icon ms-Icon--ChevronUp';
|
|
661
671
|
Icons.SortAsc = 'ms-Icon ms-Icon--Ascending';
|
|
662
672
|
Icons.SortDesc = 'ms-Icon ms-Icon--Descending';
|
|
663
|
-
Icons.Details = ' ms-Icon ms-Icon--AccountActivity';
|
|
673
|
+
Icons.Details = ' ms-Icon ms-Icon--AccountActivity';
|
|
674
|
+
Icons.Messages = ' ms-Icon ms-Icon--Message';
|
|
675
|
+
Icons.MessagesUnread = ' ms-Icon ms-Icon--MessageFill';
|
|
664
676
|
|
|
665
677
|
var NavLink = /** @class */ (function () {
|
|
666
|
-
function NavLink(text, path, exact, external, icon,
|
|
678
|
+
function NavLink(text, path, exact, external, icon, data) {
|
|
667
679
|
if (exact === void 0) { exact = false; }
|
|
668
680
|
if (external === void 0) { external = false; }
|
|
669
|
-
this.
|
|
681
|
+
this.type = 'router';
|
|
670
682
|
this.text = text;
|
|
671
683
|
this.path = path;
|
|
672
684
|
this.exact = exact;
|
|
673
685
|
this.external = external;
|
|
674
686
|
this.icon = icon;
|
|
675
|
-
this.
|
|
676
|
-
this.creationDate = creationDate;
|
|
687
|
+
this.data = data;
|
|
677
688
|
}
|
|
678
689
|
return NavLink;
|
|
679
690
|
}());
|
|
680
691
|
var ExternalNavLink = /** @class */ (function (_super) {
|
|
681
692
|
__extends(ExternalNavLink, _super);
|
|
682
693
|
function ExternalNavLink(text, path, openInNewTab, icon) {
|
|
683
|
-
|
|
694
|
+
var _this = _super.call(this, text, path, true, openInNewTab, icon) || this;
|
|
695
|
+
_this.type = 'external';
|
|
696
|
+
return _this;
|
|
684
697
|
}
|
|
685
698
|
return ExternalNavLink;
|
|
686
699
|
}(NavLink));
|
|
687
700
|
var FragmentNavLink = /** @class */ (function (_super) {
|
|
688
701
|
__extends(FragmentNavLink, _super);
|
|
689
702
|
function FragmentNavLink(text, path, icon) {
|
|
690
|
-
|
|
703
|
+
var _this = _super.call(this, text, path, true, true, icon) || this;
|
|
704
|
+
_this.type = 'fragment';
|
|
705
|
+
return _this;
|
|
691
706
|
}
|
|
692
707
|
return FragmentNavLink;
|
|
693
708
|
}(NavLink));
|
|
694
709
|
var NotificationNavLink = /** @class */ (function (_super) {
|
|
695
710
|
__extends(NotificationNavLink, _super);
|
|
696
711
|
function NotificationNavLink(text, path, isRead, creationDate) {
|
|
697
|
-
|
|
712
|
+
var _this = _super.call(this, text, path, true, false, undefined) || this;
|
|
713
|
+
_this.isRead = isRead;
|
|
714
|
+
_this.creationDate = creationDate;
|
|
715
|
+
return _this;
|
|
698
716
|
}
|
|
699
717
|
return NotificationNavLink;
|
|
700
718
|
}(NavLink));
|
|
@@ -754,13 +772,19 @@
|
|
|
754
772
|
}
|
|
755
773
|
return MenuOption;
|
|
756
774
|
}());
|
|
775
|
+
exports.ShellLayoutType = void 0;
|
|
776
|
+
(function (ShellLayoutType) {
|
|
777
|
+
ShellLayoutType["Stacked"] = "Stacked";
|
|
778
|
+
ShellLayoutType["Sidebar"] = "Sidebar";
|
|
779
|
+
})(exports.ShellLayoutType || (exports.ShellLayoutType = {}));
|
|
757
780
|
var DefaultShellConfig = /** @class */ (function () {
|
|
758
781
|
function DefaultShellConfig() {
|
|
782
|
+
this.layout = exports.ShellLayoutType.Stacked;
|
|
759
783
|
this.appLogo = 'https://tailwindui.com/img/logos/workflow-mark.svg?color=white';
|
|
760
784
|
this.appLogoAlt = 'your app name here';
|
|
761
785
|
this.showHeader = true;
|
|
762
786
|
this.showUserNameOnHeader = false;
|
|
763
|
-
this.
|
|
787
|
+
this.showAlertsOnHeader = false;
|
|
764
788
|
this.showFooter = true;
|
|
765
789
|
this.fluid = false;
|
|
766
790
|
}
|
|
@@ -885,9 +909,9 @@
|
|
|
885
909
|
};
|
|
886
910
|
return PagerComponent;
|
|
887
911
|
}());
|
|
888
|
-
PagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
889
|
-
PagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
890
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
912
|
+
PagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagerComponent, deps: [{ token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
913
|
+
PagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "lib-pager", inputs: { busy: "busy", count: "count", page: "page", pageSize: ["page-size", "pageSize"], pageSizeOptions: ["page-size-options", "pageSizeOptions"], sortOptions: ["sort-options", "sortOptions"], sort: "sort", sortdir: ["sort-dir", "sortdir"] }, outputs: { pageChanged: "pageChanged", pageSizeChanged: "pageSizeChanged", sortChanged: "sortChanged", sortdirChanged: "sortdirChanged" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"pager-container\">\r\n <div class=\"pager-container-inner\">\r\n <div class=\"inline-flex\" *ngIf=\"sortOptions && sortOptions.length > 0\">\r\n <lib-drop-down-menu [options]=\"sortOptions\" [selected]=\"sort\" (selectedChanged)=\"sortOptionChanged($event)\"></lib-drop-down-menu>\r\n <button (click)=\"toggleSortdir()\" [disabled]=\"!sort || busy\" class=\"pager-icon-button\">\r\n <span class=\"sr-only\">sort direction</span>\r\n <span class=\"inline-block relative\">\r\n <i [class]=\"sortdirIcon\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"pager-pages-container\">\r\n <lib-drop-down-menu [options]=\"pageSizeOptions\" [selected]=\"pageSize\" (selectedChanged)=\"pageSizeOptionChanged($event)\"></lib-drop-down-menu>\r\n <div class=\"mx-2\" *ngIf=\"count !== null && count > pageSize\">\r\n <button [disabled]=\"!canPreviousPage || busy\" (click)=\"previousPage()\"\r\n class=\"pager-arrow-button-left\">\r\n <span class=\"sr-only\">Previous</span>\r\n <svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\r\n </svg>\r\n </button>\r\n <button [disabled]=\"!canNextPage || busy\" (click)=\"nextPage()\"\r\n class=\"pager-arrow-button-right\">\r\n <span class=\"sr-only\">Next</span>\r\n <svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\" />\r\n </svg>\r\n </button>\r\n </div>\r\n <lib-drop-down-menu *ngIf=\"(pages && pages.length > 0) && (count !== null && count > pageSize)\" [options]=\"pages\" [selected]=\"page\" (selectedChanged)=\"pageOptionChanged($event)\"></lib-drop-down-menu>\r\n </div>\r\n </div>\r\n</div>\r\n", components: [{ type: DropDownMenuComponent, selector: "lib-drop-down-menu", inputs: ["options", "selected", "multiple", "placeholder"], outputs: ["selectedChange", "selectedChanged"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
914
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagerComponent, decorators: [{
|
|
891
915
|
type: i0.Component,
|
|
892
916
|
args: [{
|
|
893
917
|
selector: 'lib-pager',
|
|
@@ -930,9 +954,9 @@
|
|
|
930
954
|
}
|
|
931
955
|
return ListTileComponent;
|
|
932
956
|
}());
|
|
933
|
-
ListTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
934
|
-
ListTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
935
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
957
|
+
ListTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListTileComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
958
|
+
ListTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListTileComponent, selector: "lib-list-tile", queries: [{ propertyName: "template", first: true, predicate: i0.TemplateRef, descendants: true }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
959
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListTileComponent, decorators: [{
|
|
936
960
|
type: i0.Component,
|
|
937
961
|
args: [{ selector: 'lib-list-tile', template: '<ng-content></ng-content>' }]
|
|
938
962
|
}], ctorParameters: function () { return []; }, propDecorators: { template: [{
|
|
@@ -949,9 +973,9 @@
|
|
|
949
973
|
}
|
|
950
974
|
return ListColumnComponent;
|
|
951
975
|
}());
|
|
952
|
-
ListColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
953
|
-
ListColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
954
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
976
|
+
ListColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
977
|
+
ListColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListColumnComponent, selector: "lib-list-column", inputs: { title: "title", fullWidth: ["full-width", "fullWidth"] }, queries: [{ propertyName: "template", first: true, predicate: i0.TemplateRef, descendants: true }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
978
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListColumnComponent, decorators: [{
|
|
955
979
|
type: i0.Component,
|
|
956
980
|
args: [{ selector: 'lib-list-column', template: '<ng-content></ng-content>' }]
|
|
957
981
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
@@ -970,9 +994,9 @@
|
|
|
970
994
|
}
|
|
971
995
|
return ListDetailsSectionComponent;
|
|
972
996
|
}());
|
|
973
|
-
ListDetailsSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
974
|
-
ListDetailsSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
975
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
997
|
+
ListDetailsSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListDetailsSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
998
|
+
ListDetailsSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListDetailsSectionComponent, selector: "lib-list-details-section", queries: [{ propertyName: "template", first: true, predicate: i0.TemplateRef, descendants: true }], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
999
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListDetailsSectionComponent, decorators: [{
|
|
976
1000
|
type: i0.Component,
|
|
977
1001
|
args: [{ selector: 'lib-list-details-section', template: '<ng-content></ng-content>' }]
|
|
978
1002
|
}], ctorParameters: function () { return []; }, propDecorators: { template: [{
|
|
@@ -992,9 +1016,9 @@
|
|
|
992
1016
|
};
|
|
993
1017
|
return SkeletonLoaderComponent;
|
|
994
1018
|
}());
|
|
995
|
-
SkeletonLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
996
|
-
SkeletonLoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
997
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1019
|
+
SkeletonLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonLoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1020
|
+
SkeletonLoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonLoaderComponent, selector: "lib-skeleton-loader", inputs: { count: "count", type: "type" }, ngImport: i0__namespace, template: "<!-- <h1>SKELETON LOADER!</h1> -->\r\n<ng-container *ngSwitch=\"type\">\r\n <div class=\"cards-deck-4\" *ngSwitchCase=\"'tiles'\">\r\n <ng-container *ngFor=\"let i of counter(count)\">\r\n <div class=\"relative p-4 w-full bg-white rounded-lg overflow-hidden shadow hover:shadow-md rounded-lg\">\r\n <div class=\"animate-pulse flex flex-col\">\r\n <div class=\"rounded w-full h-32 bg-gray-200\"></div>\r\n <div class=\"flex flex-col mt-5\">\r\n <div class=\"w-full h-5 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-10/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-8/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-2 mt-5 gap-x-2 gap-y-1\">\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-5\">\r\n <div>\r\n <div class=\"rounded-full bg-gray-200 w-10 h-10\"></div>\r\n </div>\r\n <div class=\"flex justify-between w-full ml-3\">\r\n <div class=\"w-5/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"w-2/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"cards-deck-3\" *ngSwitchCase=\"'large-tiles'\">\r\n <ng-container *ngFor=\"let i of counter(count)\">\r\n <div class=\"relative p-4 w-full bg-white rounded-lg overflow-hidden shadow hover:shadow-md rounded-lg\">\r\n <div class=\"animate-pulse flex flex-col\">\r\n <div class=\"rounded w-full h-52 bg-gray-200\"></div>\r\n <div class=\"flex flex-col mt-5\">\r\n <div class=\"w-full h-5 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-10/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-8/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-2 mt-5 gap-x-2 gap-y-1\">\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-5\">\r\n <div>\r\n <div class=\"rounded-full bg-gray-200 w-10 h-10\"></div>\r\n </div>\r\n <div class=\"flex justify-between w-full ml-3\">\r\n <div class=\"w-5/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"w-2/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"cards-deck-1\" *ngSwitchCase=\"'table'\">\r\n <ng-container *ngFor=\"let i of counter(count)\">\r\n <div class=\"border border-light-blue-300 shadow rounded-sm p-4 max-w-sm w-full mx-auto mb-4\">\r\n <div class=\"animate-pulse flex space-x-4\">\r\n <div class=\"rounded-full bg-light-blue-400 h-12 w-12\"> </div>\r\n <div class=\"flex-1 space-y-4 py-1\">\r\n <div class=\"h-4 bg-light-blue-400 rounded w-3/4\"> </div>\r\n <div class=\"space-y-2\">\r\n <div class=\"h-4 bg-light-blue-400 rounded\"> </div>\r\n <div class=\"h-4 bg-light-blue-400 rounded w-5/6\"> </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"cards-deck-3\" *ngSwitchDefault>\r\n <ng-container *ngFor=\"let i of counter(count)\">\r\n <div class=\"relative p-4 w-full bg-white rounded-lg overflow-hidden shadow hover:shadow-md rounded-lg\">\r\n <div class=\"animate-pulse flex flex-col\">\r\n <div class=\"rounded w-full h-52 bg-gray-200\"></div>\r\n <div class=\"flex flex-col mt-5\">\r\n <div class=\"w-full h-5 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-10/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-8/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-2 mt-5 gap-x-2 gap-y-1\">\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"mt-2 w-full h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-5\">\r\n <div>\r\n <div class=\"rounded-full bg-gray-200 w-10 h-10\"></div>\r\n </div>\r\n <div class=\"flex justify-between w-full ml-3\">\r\n <div class=\"w-5/12 h-3 bg-gray-200 rounded\"></div>\r\n <div class=\"w-2/12 h-3 bg-gray-200 rounded\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</ng-container>\r\n", directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
1021
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonLoaderComponent, decorators: [{
|
|
998
1022
|
type: i0.Component,
|
|
999
1023
|
args: [{
|
|
1000
1024
|
// tslint:disable-next-line:component-selector
|
|
@@ -1019,9 +1043,9 @@
|
|
|
1019
1043
|
};
|
|
1020
1044
|
return ListViewEmptyStateComponent;
|
|
1021
1045
|
}());
|
|
1022
|
-
ListViewEmptyStateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1023
|
-
ListViewEmptyStateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1024
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1046
|
+
ListViewEmptyStateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListViewEmptyStateComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1047
|
+
ListViewEmptyStateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListViewEmptyStateComponent, selector: "lib-list-view-empty-state", inputs: { title: "title", subTitle: ["sub-title", "subTitle"], newItemLabel: ["new-item-label", "newItemLabel"] }, ngImport: i0__namespace, template: "<div class=\"p-20\">\r\n <div class=\"text-center p-2\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"mx-auto h-12 w-12 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\" />\r\n </svg>\r\n <h3 class=\"mt-2 text-sm font-medium text-gray-900\">{{title}}</h3>\r\n <p class=\"mt-1 text-sm text-gray-500\">\r\n {{subTitle}}\r\n </p>\r\n <div class=\"mt-6\" *ngIf=\"false\">\r\n <button type=\"button\" class=\"inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-gray-500\">\r\n <!-- Heroicon name: solid/plus -->\r\n <svg class=\"-ml-1 mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path vector-effect=\"non-scaling-stroke\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\r\n </svg>\r\n {{newItemLabel}}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1048
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListViewEmptyStateComponent, decorators: [{
|
|
1025
1049
|
type: i0.Component,
|
|
1026
1050
|
args: [{
|
|
1027
1051
|
selector: 'lib-list-view-empty-state',
|
|
@@ -1163,9 +1187,9 @@
|
|
|
1163
1187
|
};
|
|
1164
1188
|
return ListViewComponent;
|
|
1165
1189
|
}());
|
|
1166
|
-
ListViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1167
|
-
ListViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1168
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1190
|
+
ListViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListViewComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1191
|
+
ListViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ListViewComponent, selector: "lib-list-view", inputs: { busy: "busy", items: "items", showPager: ["show-pager", "showPager"], count: "count", page: "page", pageSize: ["page-size", "pageSize"], pageSizeOptions: ["page-size-options", "pageSizeOptions"], detailsSectionPropertyCount: ["details-section-property-count", "detailsSectionPropertyCount"], sortOptions: ["sort-options", "sortOptions"], sort: "sort", sortdir: ["sort-dir", "sortdir"], view: "view", tilesCount: ["tiles-count", "tilesCount"] }, outputs: { pageChanged: "pageChanged", pageSizeChanged: "pageSizeChanged", detailsOpened: "detailsOpened", sortChanged: "sortChanged", sortdirChanged: "sortdirChanged" }, queries: [{ propertyName: "tiles", first: true, predicate: ListTileComponent, descendants: true, read: ListTileComponent }, { propertyName: "details", first: true, predicate: ListDetailsSectionComponent, descendants: true, read: ListDetailsSectionComponent }, { propertyName: "cols", predicate: ListColumnComponent, read: ListColumnComponent }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"px-2\">\r\n\r\n <lib-pager *ngIf=\"showPager\"\r\n [page]=\"page\"\r\n [page-size]=\"pageSize\"\r\n [count]=\"count\"\r\n [sort-options]=\"sortOptions\"\r\n [sort]=\"sort\"\r\n [sort-dir]=\"sortdir\"\r\n [busy]=\"busy\"\r\n (pageChanged)=\"emitPageChanged($event)\"\r\n (pageSizeChanged)=\"emitPageSizeChanged($event)\"\r\n (sortChanged)=\"emitSortChanged($event)\"\r\n (sortdirChanged)=\"emitSortdirChanged($event)\">\r\n </lib-pager>\r\n</div>\r\n\r\n<ng-container [ngSwitch]=\"view\">\r\n\r\n <ng-container *ngSwitchCase=\"'tiles'\">\r\n <div [class]=\"tilesDeckClass\">\r\n\r\n <lib-skeleton-loader *ngIf=\"busy\" [count]=\"5\" [type]=\"'tiles'\"></lib-skeleton-loader>\r\n\r\n <ng-container *ngIf=\"items && items.length > 0\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <span *ngIf=\"!tileTemplate || !tileTemplate.template\">template missing..</span>\r\n <ng-template [ngTemplateOutlet]=\"tileTemplate.template\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- *ngSwitchCase=\"'gallery'\" -->\r\n <ng-container *ngSwitchCase=\"'gallery'\">\r\n <ul role=\"list\" [class]=\"tilesDeckClass\">\r\n\r\n <lib-skeleton-loader *ngIf=\"busy\" [count]=\"5\" [type]=\"'tiles'\"></lib-skeleton-loader>\r\n\r\n <ng-container *ngIf=\"!busy && items && items.length > 0\">\r\n <ng-container *ngFor=\"let item of items\">\r\n <span *ngIf=\"!tileTemplate || !tileTemplate.template\">template missing..</span>\r\n <ng-template [ngTemplateOutlet]=\"tileTemplate.template\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </ng-container>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n\r\n <!-- *ngSwitchCase=\"'table'\" -->\r\n <ng-container *ngSwitchDefault>\r\n\r\n <div class=\"list-view-container\">\r\n <div class=\"list-view-container-inner\">\r\n <table class=\"list-view-table\">\r\n <thead class=\"list-view-thead\">\r\n <tr>\r\n <ng-container *ngIf=\"detailsSectionSupported\">\r\n <th class=\"list-view-th-details\"></th>\r\n </ng-container>\r\n <ng-container *ngFor=\"let col of columns\">\r\n <th scope=\"col\"\r\n [class]=\"col.fullWidth ? fullWidthTHClass : 'list-view-th'\">\r\n {{col.title}}\r\n </th>\r\n </ng-container>\r\n </tr>\r\n </thead>\r\n <tbody class=\"list-view-tbody\" *ngIf=\"busy\">\r\n <ng-container *ngFor=\"let item of loaderItems;let i=index\">\r\n <tr class=\"list-view-tr\">\r\n <ng-container *ngIf=\"detailsSectionSupported\">\r\n <td class=\"list-view-td-details\"\r\n *ngIf=\"detailsSectionPropertyCount !== null ? item[detailsSectionPropertyCount] !== 0 : true; else hiddenDetailsButton\">\r\n <button disabled\r\n type=\"button\"\r\n class=\"expand-collapse-button\">\r\n <!-- Heroicon name: solid/plus -->\r\n <i [class]=\"item.detailsExpanded ? collapseIcon : expandIcon\"></i>\r\n </button>\r\n </td>\r\n <ng-template #hiddenDetailsButton>\r\n <td class=\"list-view-td-details\"></td>\r\n </ng-template>\r\n </ng-container>\r\n <td *ngFor=\"let col of columns\"\r\n [class]=\"col.fullWidth ? fullWidthTDClass : 'list-view-td'\">\r\n <div class=\"w-full animate-pulse h-8 bg-gray-200 rounded\"></div>\r\n </td>\r\n </tr>\r\n <ng-container *ngIf=\"detailsSectionSupported\">\r\n <tr *ngIf=\"item.detailsExpanded\">\r\n <td [colSpan]=\"columns.length + 1\"\r\n class=\"list-view-td bg-gray-100\">\r\n <ng-template [ngTemplateOutlet]=\"detailsTemplate.template\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </tbody>\r\n <tbody class=\"list-view-tbody\" *ngIf=\"!busy\">\r\n <ng-container *ngFor=\"let item of items;let i=index\">\r\n <tr class=\"list-view-tr\">\r\n <ng-container *ngIf=\"detailsSectionSupported\">\r\n <td class=\"list-view-td-details\"\r\n *ngIf=\"detailsSectionPropertyCount !== null ? item[detailsSectionPropertyCount] !== 0 : true; else hiddenDetailsButton\">\r\n <button (click)=\"toggleDetails(item)\"\r\n type=\"button\"\r\n class=\"expand-collapse-button\">\r\n <!-- Heroicon name: solid/plus -->\r\n <i [class]=\"item.detailsExpanded ? collapseIcon : expandIcon\"></i>\r\n </button>\r\n </td>\r\n <ng-template #hiddenDetailsButton>\r\n <td class=\"list-view-td-details\"></td>\r\n </ng-template>\r\n </ng-container>\r\n <td *ngFor=\"let col of columns\"\r\n [class]=\"col.fullWidth ? fullWidthTDClass : 'list-view-td'\">\r\n <ng-template [ngTemplateOutlet]=\"col.template\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </td>\r\n </tr>\r\n <ng-container *ngIf=\"detailsSectionSupported\">\r\n <tr *ngIf=\"item.detailsExpanded\">\r\n <td [colSpan]=\"columns.length + 1\"\r\n class=\"list-view-td bg-gray-100\">\r\n <ng-template [ngTemplateOutlet]=\"detailsTemplate.template\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!busy && items && items.length === 0\">\r\n <div class=\"cards-deck-1\">\r\n <lib-list-view-empty-state></lib-list-view-empty-state>\r\n </div>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-content></ng-content>\r\n", components: [{ type: PagerComponent, selector: "lib-pager", inputs: ["busy", "count", "page", "page-size", "page-size-options", "sort-options", "sort", "sort-dir"], outputs: ["pageChanged", "pageSizeChanged", "sortChanged", "sortdirChanged"] }, { type: SkeletonLoaderComponent, selector: "lib-skeleton-loader", inputs: ["count", "type"] }, { type: ListViewEmptyStateComponent, selector: "lib-list-view-empty-state", inputs: ["title", "sub-title", "new-item-label"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
1192
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ListViewComponent, decorators: [{
|
|
1169
1193
|
type: i0.Component,
|
|
1170
1194
|
args: [{
|
|
1171
1195
|
selector: 'lib-list-view',
|
|
@@ -1234,9 +1258,9 @@
|
|
|
1234
1258
|
};
|
|
1235
1259
|
return CollapsiblePanelComponent;
|
|
1236
1260
|
}());
|
|
1237
|
-
CollapsiblePanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1238
|
-
CollapsiblePanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1239
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1261
|
+
CollapsiblePanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CollapsiblePanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1262
|
+
CollapsiblePanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CollapsiblePanelComponent, selector: "lib-collapsible-panel", inputs: { title: "title" }, ngImport: i0__namespace, template: "<div class=\"collapsible-panel-container\">\r\n <div class=\"collapsible-panel-container-shadow\">\r\n <div class=\"collapsible-panel-container-inner\">\r\n <button type=\"button\" class=\"collapsible-panel-button\" (click)=\"visible = !visible\">\r\n <div class=\"collapsible-panel-button-content-container\">\r\n <span>{{ title }} </span>\r\n <span class=\"ico-plus\"></span>\r\n </div>\r\n </button>\r\n <div class=\"collapsible-panel-content-container\" *ngIf=\"visible\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1263
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CollapsiblePanelComponent, decorators: [{
|
|
1240
1264
|
type: i0.Component,
|
|
1241
1265
|
args: [{
|
|
1242
1266
|
selector: 'lib-collapsible-panel',
|
|
@@ -1264,9 +1288,9 @@
|
|
|
1264
1288
|
};
|
|
1265
1289
|
return KpiTileComponent;
|
|
1266
1290
|
}());
|
|
1267
|
-
KpiTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1268
|
-
KpiTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1269
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1291
|
+
KpiTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KpiTileComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1292
|
+
KpiTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: KpiTileComponent, selector: "lib-kpi-tile", inputs: { title: "title", busy: "busy", kpi: "kpi" }, outputs: { tileAction: "tile-action" }, ngImport: i0__namespace, template: "<div class=\"card\"\r\n [ngClass]=\"{'card-deck-busy' : busy }\">\r\n <div class=\"card-body\">\r\n <div class=\"kpi-tile-title-container\">\r\n <a href=\"#\"\r\n class=\"kpi-tile-action\"\r\n (click)=\"emitTileAction($event)\">{{title || '-'}}</a>\r\n </div>\r\n <p class=\"kpi-tile-value\">{{kpi || '-'}}</p>\r\n <div class=\"card-footer\">\r\n <div class=\"text-xs\">\r\n <a href=\"#\"\r\n class=\"kpi-tile-action\"\r\n (click)=\"emitTileAction($event)\">\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1293
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KpiTileComponent, decorators: [{
|
|
1270
1294
|
type: i0.Component,
|
|
1271
1295
|
args: [{
|
|
1272
1296
|
selector: 'lib-kpi-tile',
|
|
@@ -1510,15 +1534,15 @@
|
|
|
1510
1534
|
};
|
|
1511
1535
|
return DatepickerComponent;
|
|
1512
1536
|
}());
|
|
1513
|
-
DatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1514
|
-
DatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1537
|
+
DatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DatepickerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1538
|
+
DatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DatepickerComponent, selector: "lib-date-picker", inputs: { readonly: "readonly", disabled: "disabled", displayFormat: ["display-format", "displayFormat"], placeholder: "placeholder", value: "value" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
1515
1539
|
{
|
|
1516
1540
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
1517
1541
|
useExisting: i0.forwardRef(function () { return DatepickerComponent; }),
|
|
1518
1542
|
multi: true
|
|
1519
1543
|
}
|
|
1520
1544
|
], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"relative flex\"\r\n (clickOutside)=\"closeCalendar()\">\r\n\r\n <input type=\"text\"\r\n #dateInput\r\n [readonly]=\"readonly\"\r\n name=\"dateInput\"\r\n (blur)=\"onBlur($event)\"\r\n id=\"dateInput\"\r\n (focus)=\"showCalendar = false\"\r\n [value]=\"value | date: displayFormat\"\r\n class=\"w-full focus:ring-0 focus:outline-none rounded-none sm:text-sm border-gray-300 focus:border-0\"\r\n [ngClass]=\"{'cursor-not-allowed': disabled}\"\r\n [placeholder]=\"disabled ? '' : placeholder\">\r\n\r\n <button type=\"button\"\r\n class=\"relative inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-r-sm text-gray-700 bg-gray-50 hover:bg-gray-100 focus:outline-none focus:ring-1 focus:ring-gray-500 focus:border-gray-500\"\r\n [disabled]=\"disabled\"\r\n (click)=\"openCalendar()\"\r\n [ngClass]=\"{'cursor-not-allowed': disabled}\">\r\n <i class=\"ms-Icon ms-Icon--DateTime2\"></i>\r\n </button>\r\n\r\n <div *ngIf=\"showCalendar\"\r\n class=\"bg-gray-100 mt-10 rounded-sm shadow-md p-4 absolute left-0 z-50 w-full\"\r\n style=\"height:18rem;min-width:16rem;\"\r\n name=\"calendar\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <div>\r\n <button type=\"button\"\r\n (click)=\"openYears()\">\r\n <span class=\"text-lg font-bold text-gray-800\">\r\n {{monthNames[month]}}\r\n </span>\r\n <span class=\"ml-1 text-lg text-gray-600 font-normal\">\r\n {{year}}</span>\r\n </button>\r\n </div>\r\n <div *ngIf=\"!showYears; else showYearsPickerTmpl\">\r\n <button type=\"button\"\r\n class=\"transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25\"\r\n (click)=\"previousMonth();\">\r\n <svg class=\"h-6 w-6 text-gray-500 inline-flex\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M15 19l-7-7 7-7\" />\r\n </svg>\r\n </button>\r\n <button type=\"button\"\r\n class=\"transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25\"\r\n (click)=\"nextMonth()\">\r\n <svg class=\"h-6 w-6 text-gray-500 inline-flex\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M9 5l7 7-7 7\" />\r\n </svg>\r\n </button>\r\n </div>\r\n <ng-template #showYearsPickerTmpl>\r\n <div>\r\n <button type=\"button\"\r\n class=\"transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25 w-1/2\"\r\n (click)=\"previousYear();\">\r\n <svg class=\"h-6 w-6 text-gray-500 inline-flex\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M15 19l-7-7 7-7\" />\r\n </svg>\r\n </button>\r\n <button type=\"button\"\r\n class=\"transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25 w-1/2\"\r\n (click)=\"nextYear()\">\r\n <svg class=\"h-6 w-6 text-gray-500 inline-flex\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M9 5l7 7-7 7\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </ng-template>\r\n </div>\r\n\r\n <div class=\"flex flex-wrap mb-3 -mx-1\"\r\n *ngIf=\"!showYears; else showCalYearsTmpl\">\r\n <div *ngFor=\"let day of dayNames\"\r\n class=\"text-gray-800 font-medium text-center text-sm uppercase\"\r\n style=\"width: 14.28%\">{{day}}</div>\r\n </div>\r\n\r\n <ng-template #showCalYearsTmpl>\r\n <div class=\"flex flex-wrap -mx-1 items-center\">\r\n <div *ngFor=\"let year of showCalendarYears\"\r\n style=\"width: 18.28%\"\r\n class=\"px-1 mb-1\">\r\n <div (click)=\"selectYearValue(year)\"\r\n class=\"cursor-pointer text-center hover:text-blue-600 text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100\"\r\n [class]=\"year.selected ? 'bg-gray-700 text-blue-600 font-medium' : 'text-gray-800 hover:bg-gray-800'\">{{year.year}}</div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n <div class=\"flex flex-wrap -mx-1 items-center\"\r\n *ngIf=\"!showYears\">\r\n <div *ngFor=\"let blankday of blankDays\"\r\n style=\"width: 14.28%\"\r\n class=\"text-center border p-1 border-transparent text-sm opacity-50\">{{blankday}}</div>\r\n <div *ngFor=\"let date of calendarDates\"\r\n style=\"width: 14.28%\"\r\n class=\"px-1 mb-1\">\r\n <div (click)=\"selectDateValue(date)\"\r\n class=\"cursor-pointer text-center hover:text-blue-600 text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100\"\r\n [class]=\"date.selected ? 'bg-gray-700 text-blue-600 font-medium' : 'text-gray-800 hover:bg-gray-800'\">{{date.day}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</div>", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "date": i1__namespace.DatePipe } });
|
|
1521
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1545
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DatepickerComponent, decorators: [{
|
|
1522
1546
|
type: i0.Component,
|
|
1523
1547
|
args: [{
|
|
1524
1548
|
selector: 'lib-date-picker',
|
|
@@ -1560,9 +1584,9 @@
|
|
|
1560
1584
|
};
|
|
1561
1585
|
return ToasterService;
|
|
1562
1586
|
}());
|
|
1563
|
-
ToasterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1564
|
-
ToasterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.
|
|
1565
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1587
|
+
ToasterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1588
|
+
ToasterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterService, providedIn: 'root' });
|
|
1589
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterService, decorators: [{
|
|
1566
1590
|
type: i0.Injectable,
|
|
1567
1591
|
args: [{
|
|
1568
1592
|
providedIn: 'root'
|
|
@@ -1586,9 +1610,9 @@
|
|
|
1586
1610
|
};
|
|
1587
1611
|
return ToasterComponent;
|
|
1588
1612
|
}());
|
|
1589
|
-
ToasterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1590
|
-
ToasterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1591
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1613
|
+
ToasterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1614
|
+
ToasterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToasterComponent, selector: "lib-toaster", inputs: { toast: "toast", i: "i" }, outputs: { remove: "remove" }, ngImport: i0__namespace, template: "<div aria-live=\"assertive\"\r\n [ngClass]=\"closed ? 'toast-closed': 'toast z-50'\"\r\n [ngStyle]=\"isMobile ? { 'margin-bottom.px': i * 85 } : {'margin-top.px': i * 85 }\">\r\n <div class=\"toast-container\">\r\n <div class=\"toast-pill\">\r\n <div class=\"toast-context-padding\">\r\n <div class=\"toast-context\"\r\n [ngSwitch]=\"toast?.type\">\r\n <div class=\"toast-icon\"\r\n *ngSwitchCase=\"'info'\">\r\n <svg class=\"h-5 w-5 text-blue-400\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 20 20\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\"\r\n d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\"\r\n clip-rule=\"evenodd\" />\r\n </svg>\r\n </div>\r\n <div class=\"toast-icon\"\r\n *ngSwitchCase=\"'success'\">\r\n <svg class=\"h-5 w-5 text-green-400\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\r\n </svg>\r\n </div>\r\n <div class=\"toast-icon\"\r\n *ngSwitchCase=\"'error'\">\r\n <svg class=\"h-5 w-5 text-red-400\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 20 20\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\"\r\n d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\r\n clip-rule=\"evenodd\" />\r\n </svg>\r\n </div>\r\n <div class=\"toast-icon\"\r\n *ngSwitchCase=\"'warning'\">\r\n <svg class=\"h-5 w-5 text-yellow-400\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 20 20\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\"\r\n d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\r\n clip-rule=\"evenodd\" />\r\n </svg>\r\n </div>\r\n <div class=\"toast-icon\"\r\n *ngSwitchDefault>\r\n <svg class=\"h-5 w-5 text-green-400\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\r\n </svg>\r\n </div>\r\n\r\n <div class=\"ml-3 w-0 flex-1\">\r\n <p class=\"toast-title\"\r\n *ngIf=\"toast?.title\">\r\n {{toast?.title}}\r\n </p>\r\n <p class=\"toast-body\">\r\n {{toast?.body}}\r\n </p>\r\n </div>\r\n <div class=\"toast-close-icon\">\r\n <button class=\"toast-close-button\"\r\n (click)=\"closeToast(i)\">\r\n <span class=\"sr-only\">Close</span>\r\n <!-- Heroicon name: solid/x -->\r\n <svg class=\"h-5 w-5\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 20 20\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\"\r\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1615
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterComponent, decorators: [{
|
|
1592
1616
|
type: i0.Component,
|
|
1593
1617
|
args: [{
|
|
1594
1618
|
selector: 'lib-toaster',
|
|
@@ -1620,9 +1644,9 @@
|
|
|
1620
1644
|
};
|
|
1621
1645
|
return ToasterContainerComponent;
|
|
1622
1646
|
}());
|
|
1623
|
-
ToasterContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1624
|
-
ToasterContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1625
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1647
|
+
ToasterContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterContainerComponent, deps: [{ token: ToasterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1648
|
+
ToasterContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToasterContainerComponent, selector: "lib-toaster-container", ngImport: i0__namespace, template: "<lib-toaster *ngFor=\"let toast of toasts; let i=index\" [toast]=\"toast\" [i]=\"i\" (remove)=\"remove($event)\"></lib-toaster>\r\n", components: [{ type: ToasterComponent, selector: "lib-toaster", inputs: ["toast", "i"], outputs: ["remove"] }], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
1649
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToasterContainerComponent, decorators: [{
|
|
1626
1650
|
type: i0.Component,
|
|
1627
1651
|
args: [{
|
|
1628
1652
|
selector: 'lib-toaster-container',
|
|
@@ -1665,9 +1689,9 @@
|
|
|
1665
1689
|
};
|
|
1666
1690
|
return AvatarInitialsComponent;
|
|
1667
1691
|
}());
|
|
1668
|
-
AvatarInitialsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1669
|
-
AvatarInitialsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1670
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1692
|
+
AvatarInitialsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AvatarInitialsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1693
|
+
AvatarInitialsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AvatarInitialsComponent, selector: "lib-avatar-initials", inputs: { name: "name", large: "large" }, ngImport: i0__namespace, template: "<div [ngClass]=\"large ? 'avatar-container-large': 'avatar-container'\">\r\n <span [ngClass]=\"large ? 'avatar-text-large': 'avatar-text'\">{{ initials }}</span>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1694
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AvatarInitialsComponent, decorators: [{
|
|
1671
1695
|
type: i0.Component,
|
|
1672
1696
|
args: [{
|
|
1673
1697
|
selector: 'lib-avatar-initials',
|
|
@@ -1715,15 +1739,15 @@
|
|
|
1715
1739
|
};
|
|
1716
1740
|
return ToggleComponent;
|
|
1717
1741
|
}());
|
|
1718
|
-
ToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1719
|
-
ToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1742
|
+
ToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToggleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1743
|
+
ToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToggleComponent, selector: "lib-toggle", inputs: { value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
1720
1744
|
{
|
|
1721
1745
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
1722
1746
|
useExisting: i0.forwardRef(function () { return ToggleComponent; }),
|
|
1723
1747
|
multi: true
|
|
1724
1748
|
}
|
|
1725
1749
|
], ngImport: i0__namespace, template: "<button type=\"button\"\r\n [ngClass]=\"value ? (disabled ? 'on disabled' : 'on') : 'off'\"\r\n class=\"toggle-button\"\r\n role=\"switch\"\r\n aria-checked=\"false\"\r\n aria-labelledby=\"isPrivate\"\r\n (click)=\"changeValue()\"\r\n (blur)=\"onBlur($event)\"\r\n value=\"{{value}}\"\r\n [disabled]=\"disabled\"\r\n [title]=\"disabled ? '\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B9\u03B4\u03C9\u03C4\u03B9\u03BA\u03CC' : '\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC'\">\r\n <span aria-hidden=\"true\"\r\n [ngClass]=\"value ? 'enabled-anim' : 'disabled-anim'\"\r\n class=\"toggle-span\"></span>\r\n</button>", directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1726
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1750
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToggleComponent, decorators: [{
|
|
1727
1751
|
type: i0.Component,
|
|
1728
1752
|
args: [{
|
|
1729
1753
|
selector: 'lib-toggle',
|
|
@@ -1797,9 +1821,9 @@
|
|
|
1797
1821
|
};
|
|
1798
1822
|
return SidePaneComponent;
|
|
1799
1823
|
}());
|
|
1800
|
-
SidePaneComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1801
|
-
SidePaneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
1802
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
1824
|
+
SidePaneComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SidePaneComponent, deps: [{ token: i1__namespace$1.Router }, { token: i1.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1825
|
+
SidePaneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SidePaneComponent, selector: "lib-side-pane", inputs: { showPane: ["visible", "showPane"] }, outputs: { onComplete: "onComplete" }, ngImport: i0__namespace, template: "<div *ngIf=\"showPane\" class=\"side-pane-outer-container\" aria-labelledby=\"slide-over\" role=\"dialog\" aria-modal=\"true\">\r\n <div [class]=\"showPane ? overlayStyle : 'hidden'\" aria-hidden=\"true\"></div>\r\n <div [class]=\"showPane ? 'side-pane-container' : 'hidden'\">\r\n <div [class]=\"sizeContainerStyle\">\r\n <div class=\"side-pane\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1826
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SidePaneComponent, decorators: [{
|
|
1803
1827
|
type: i0.Component,
|
|
1804
1828
|
args: [{
|
|
1805
1829
|
selector: 'lib-side-pane',
|
|
@@ -1817,8 +1841,270 @@
|
|
|
1817
1841
|
type: i0.Output
|
|
1818
1842
|
}] } });
|
|
1819
1843
|
|
|
1844
|
+
var NavLinksListComponent = /** @class */ (function () {
|
|
1845
|
+
function NavLinksListComponent() {
|
|
1846
|
+
// tslint:disable-next-line:no-input-rename
|
|
1847
|
+
this.navLinkClass = 'nav-link';
|
|
1848
|
+
// tslint:disable-next-line:no-input-rename
|
|
1849
|
+
this.navLinkActiveClass = 'nav-link-active';
|
|
1850
|
+
// tslint:disable-next-line:no-input-rename
|
|
1851
|
+
this.containerClass = undefined;
|
|
1852
|
+
// tslint:disable-next-line:no-input-rename
|
|
1853
|
+
this.showIcons = false;
|
|
1854
|
+
}
|
|
1855
|
+
NavLinksListComponent.prototype.ngOnInit = function () {
|
|
1856
|
+
};
|
|
1857
|
+
return NavLinksListComponent;
|
|
1858
|
+
}());
|
|
1859
|
+
NavLinksListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NavLinksListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1860
|
+
NavLinksListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: { links: "links", activeFragment: ["active-fragment", "activeFragment"], navLinkClass: ["link-class", "navLinkClass"], navLinkActiveClass: ["link-active-class", "navLinkActiveClass"], containerClass: ["container-class", "containerClass"], showIcons: ["show-icons", "showIcons"] }, ngImport: i0__namespace, template: "\r\n<div [class]=\"containerClass ?? 'nav-link-list-container'\">\r\n <div class=\"nav-link-list-container-inner\">\r\n <ng-container *ngFor=\"let link of links | async\">\r\n <ng-container [ngSwitch]=\"link.type\">\r\n <a *ngSwitchCase=\"'router'\"\r\n href=\"#\"\r\n [routerLink]=\"[link.path]\"\r\n [routerLinkActive]=\"navLinkActiveClass\"\r\n [routerLinkActiveOptions]=\"{ exact: link.exact }\"\r\n [class]=\"navLinkClass\">\r\n <i *ngIf=\"showIcons && link.icon\" [class]=\"link.icon + ' mr-3'\"></i>{{ link.text }}\r\n </a>\r\n <a *ngSwitchCase=\"'external'\"\r\n [href]=\"link.path\"\r\n [attr.target]=\"link.external ? '_blank' : '_self'\"\r\n [class]=\"navLinkClass\">\r\n <i *ngIf=\"showIcons && link.icon\" [class]=\"link.icon+ ' mr-3'\"></i>{{ link.text }}\r\n </a>\r\n <a *ngSwitchCase=\"'fragment'\"\r\n routerLink=\".\"\r\n [fragment]=\"link.path\"\r\n [class.active]=\"(activeFragment | async) === link.path\"\r\n [routerLinkActive]=\"navLinkActiveClass\"\r\n [class]=\"navLinkClass\">\r\n <i *ngIf=\"showIcons && link.icon\" [class]=\"link.icon+ ' mr-3'\"></i>{{ link.text }}\r\n </a>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1__namespace.AsyncPipe } });
|
|
1861
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NavLinksListComponent, decorators: [{
|
|
1862
|
+
type: i0.Component,
|
|
1863
|
+
args: [{
|
|
1864
|
+
selector: 'lib-nav-links-list',
|
|
1865
|
+
templateUrl: './nav-links-list.component.html'
|
|
1866
|
+
}]
|
|
1867
|
+
}], ctorParameters: function () { return []; }, propDecorators: { links: [{
|
|
1868
|
+
type: i0.Input
|
|
1869
|
+
}], activeFragment: [{
|
|
1870
|
+
type: i0.Input,
|
|
1871
|
+
args: ['active-fragment']
|
|
1872
|
+
}], navLinkClass: [{
|
|
1873
|
+
type: i0.Input,
|
|
1874
|
+
args: ['link-class']
|
|
1875
|
+
}], navLinkActiveClass: [{
|
|
1876
|
+
type: i0.Input,
|
|
1877
|
+
args: ['link-active-class']
|
|
1878
|
+
}], containerClass: [{
|
|
1879
|
+
type: i0.Input,
|
|
1880
|
+
args: ['container-class']
|
|
1881
|
+
}], showIcons: [{
|
|
1882
|
+
type: i0.Input,
|
|
1883
|
+
args: ['show-icons']
|
|
1884
|
+
}] } });
|
|
1885
|
+
|
|
1886
|
+
var ComboboxComponent = /** @class */ (function () {
|
|
1887
|
+
function ComboboxComponent() {
|
|
1888
|
+
var _this = this;
|
|
1889
|
+
this._debouncer = new rxjs.Subject();
|
|
1890
|
+
this._items = [];
|
|
1891
|
+
this._defaultItemsFilter = function (item) {
|
|
1892
|
+
var selectedItem = _this.selectedItems.find(function (x) { return x == item; });
|
|
1893
|
+
return selectedItem == null || selectedItem == undefined;
|
|
1894
|
+
};
|
|
1895
|
+
this.id = 'combobox';
|
|
1896
|
+
this.itemTemplate = null;
|
|
1897
|
+
this.selectedItemsFilter = function () { return true; };
|
|
1898
|
+
this.selectedItemTemplate = null;
|
|
1899
|
+
this.busy = false;
|
|
1900
|
+
this.debounceMs = 1000;
|
|
1901
|
+
this.onSearch = new i0.EventEmitter();
|
|
1902
|
+
this.onItemSelected = new i0.EventEmitter();
|
|
1903
|
+
this.showOptions = false;
|
|
1904
|
+
this.selectedItems = [];
|
|
1905
|
+
}
|
|
1906
|
+
Object.defineProperty(ComboboxComponent.prototype, "items", {
|
|
1907
|
+
get: function () {
|
|
1908
|
+
if (!this.itemTemplate) {
|
|
1909
|
+
return this._items.filter(this._defaultItemsFilter);
|
|
1910
|
+
}
|
|
1911
|
+
else {
|
|
1912
|
+
return this._items.filter(this.selectedItemsFilter);
|
|
1913
|
+
}
|
|
1914
|
+
},
|
|
1915
|
+
set: function (items) {
|
|
1916
|
+
if (!this.itemTemplate) {
|
|
1917
|
+
this._items = items.filter(this._defaultItemsFilter);
|
|
1918
|
+
}
|
|
1919
|
+
else {
|
|
1920
|
+
this._items = items.filter(this.selectedItemsFilter);
|
|
1921
|
+
}
|
|
1922
|
+
},
|
|
1923
|
+
enumerable: false,
|
|
1924
|
+
configurable: true
|
|
1925
|
+
});
|
|
1926
|
+
ComboboxComponent.prototype.ngOnInit = function () {
|
|
1927
|
+
var _this = this;
|
|
1928
|
+
this.emitSearchEvent();
|
|
1929
|
+
this._debouncer
|
|
1930
|
+
.pipe(operators.debounceTime(this.debounceMs), operators.distinctUntilChanged())
|
|
1931
|
+
.subscribe(function (value) { return _this.emitSearchEvent(value); });
|
|
1932
|
+
};
|
|
1933
|
+
ComboboxComponent.prototype.onInputClick = function () {
|
|
1934
|
+
this.showOptions = true;
|
|
1935
|
+
};
|
|
1936
|
+
ComboboxComponent.prototype.onInputClickOutside = function () {
|
|
1937
|
+
this.showOptions = false;
|
|
1938
|
+
};
|
|
1939
|
+
ComboboxComponent.prototype.onInputKeyUp = function (event) {
|
|
1940
|
+
this._debouncer.next(event.currentTarget.value);
|
|
1941
|
+
};
|
|
1942
|
+
ComboboxComponent.prototype.onListItemSelected = function (item) {
|
|
1943
|
+
this.onItemSelected.emit(item);
|
|
1944
|
+
this.selectedItems.push(item);
|
|
1945
|
+
};
|
|
1946
|
+
ComboboxComponent.prototype.removeSelectedItem = function (item) {
|
|
1947
|
+
var index = this.selectedItems.indexOf(item);
|
|
1948
|
+
if (index > -1) {
|
|
1949
|
+
this.selectedItems.splice(index, 1);
|
|
1950
|
+
}
|
|
1951
|
+
};
|
|
1952
|
+
ComboboxComponent.prototype.emitSearchEvent = function (searchTerm) {
|
|
1953
|
+
if (searchTerm === void 0) { searchTerm = undefined; }
|
|
1954
|
+
this.onSearch.emit(searchTerm);
|
|
1955
|
+
};
|
|
1956
|
+
return ComboboxComponent;
|
|
1957
|
+
}());
|
|
1958
|
+
ComboboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ComboboxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1959
|
+
ComboboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ComboboxComponent, selector: "lib-combobox", inputs: { id: "id", items: "items", itemTemplate: "itemTemplate", selectedItemsFilter: "selectedItemsFilter", selectedItemTemplate: "selectedItemTemplate", busy: "busy", debounceMs: "debounceMs" }, outputs: { onSearch: "onSearch", onItemSelected: "onItemSelected" }, ngImport: i0__namespace, template: "<div class=\"relative mt-1\">\r\n <form autocomplete=\"off\" [id]=\"id + '-form'\">\r\n <input [id]=\"id + '-input'\" type=\"text\" (click)=\"onInputClick()\" (clickOutside)=\"onInputClickOutside()\" (keyup)=\"onInputKeyUp($event)\"\r\n class=\"w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-12 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm\" role=\"combobox\" aria-controls=\"options\"\r\n aria-expanded=\"false\" autocomplete=\"off\" list=\"autocomplete\">\r\n </form>\r\n <div class=\"absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none\">\r\n <svg *ngIf=\"!busy\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\r\n </svg>\r\n <svg *ngIf=\"busy\" class=\"animate-spin h-6 w-6 text-gray-400\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\r\n </svg>\r\n </div>\r\n <ul [id]=\"id + '-options'\" *ngIf=\"showOptions\" class=\"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm\" role=\"listbox\">\r\n <li *ngFor=\"let item of items; let i = index;\" [id]=\"'option-'+ i\" (click)=\"onListItemSelected(item)\" role=\"option\" tabindex=\"-1\">\r\n <ng-container [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n </li>\r\n </ul>\r\n</div>\r\n<ul *ngIf=\"selectedItems.length > 0\" role=\"list\" class=\"grid grid-cols-1\">\r\n <li *ngFor=\"let item of selectedItems; let i = index;\" class=\"mt-3\">\r\n <ng-container [ngTemplateOutlet]=\"selectedItemTemplate || defaultSelectedItemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n </li>\r\n</ul>\r\n<ng-template #defaultItemTemplate let-item>\r\n <span class=\"hover:bg-gray-100 relative cursor-pointer select-none py-2 pl-3 pr-3 block truncate\">{{ item }}</span>\r\n</ng-template>\r\n<ng-template #defaultSelectedItemTemplate let-item>\r\n <div class=\"grid grid-cols-1\">\r\n <div class=\"relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400\">\r\n <div class=\"flex-1 min-w-0\">\r\n <div class=\"focus:outline-none\">\r\n <span class=\"absolute\" aria-hidden=\"true\"></span>\r\n <p class=\"text-sm font-medium text-gray-900\">{{ item }}</p>\r\n </div>\r\n </div>\r\n <div class=\"ml-4 flex-shrink-0 flex\">\r\n <button type=\"button\" (click)=\"removeSelectedItem(item)\" class=\"cursor-pointer bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500\">\r\n <span class=\"sr-only\">Close</span>\r\n <svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\"\r\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\r\n clip-rule=\"evenodd\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1960
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ComboboxComponent, decorators: [{
|
|
1961
|
+
type: i0.Component,
|
|
1962
|
+
args: [{
|
|
1963
|
+
selector: 'lib-combobox',
|
|
1964
|
+
templateUrl: './combobox.component.html'
|
|
1965
|
+
}]
|
|
1966
|
+
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
1967
|
+
type: i0.Input
|
|
1968
|
+
}], items: [{
|
|
1969
|
+
type: i0.Input,
|
|
1970
|
+
args: ['items']
|
|
1971
|
+
}], itemTemplate: [{
|
|
1972
|
+
type: i0.Input
|
|
1973
|
+
}], selectedItemsFilter: [{
|
|
1974
|
+
type: i0.Input
|
|
1975
|
+
}], selectedItemTemplate: [{
|
|
1976
|
+
type: i0.Input
|
|
1977
|
+
}], busy: [{
|
|
1978
|
+
type: i0.Input
|
|
1979
|
+
}], debounceMs: [{
|
|
1980
|
+
type: i0.Input
|
|
1981
|
+
}], onSearch: [{
|
|
1982
|
+
type: i0.Output
|
|
1983
|
+
}], onItemSelected: [{
|
|
1984
|
+
type: i0.Output
|
|
1985
|
+
}] } });
|
|
1986
|
+
|
|
1987
|
+
var LibTabGroupComponent = /** @class */ (function () {
|
|
1988
|
+
function LibTabGroupComponent() {
|
|
1989
|
+
/** The inner tabs of the group. */
|
|
1990
|
+
this.tabs = undefined;
|
|
1991
|
+
/** Emmited when a step change occurs. */
|
|
1992
|
+
this.tabChanged = new i0.EventEmitter();
|
|
1993
|
+
}
|
|
1994
|
+
Object.defineProperty(LibTabGroupComponent.prototype, "currentTab", {
|
|
1995
|
+
/** The current tab. */
|
|
1996
|
+
get: function () {
|
|
1997
|
+
var _a;
|
|
1998
|
+
return (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.find(function (x) { return x.isActive; });
|
|
1999
|
+
},
|
|
2000
|
+
enumerable: false,
|
|
2001
|
+
configurable: true
|
|
2002
|
+
});
|
|
2003
|
+
Object.defineProperty(LibTabGroupComponent.prototype, "current\u03A4abIndex", {
|
|
2004
|
+
/** The index (starting from zero) of the current tab. */
|
|
2005
|
+
get: function () {
|
|
2006
|
+
var _a;
|
|
2007
|
+
return ((_a = this.currentTab) === null || _a === void 0 ? void 0 : _a.index) || undefined;
|
|
2008
|
+
},
|
|
2009
|
+
enumerable: false,
|
|
2010
|
+
configurable: true
|
|
2011
|
+
});
|
|
2012
|
+
LibTabGroupComponent.prototype.ngOnInit = function () { };
|
|
2013
|
+
LibTabGroupComponent.prototype.ngAfterContentInit = function () {
|
|
2014
|
+
if (!this.tabs) {
|
|
2015
|
+
return;
|
|
2016
|
+
}
|
|
2017
|
+
};
|
|
2018
|
+
LibTabGroupComponent.prototype.ngAfterContentChecked = function () {
|
|
2019
|
+
if (this.tabs && this.tabs.length > 0) {
|
|
2020
|
+
var anyActive = this.tabs.filter(function (x) { return x.isActive; }).length > 0;
|
|
2021
|
+
if (!anyActive) {
|
|
2022
|
+
this.tabs.get(0).isActive = true;
|
|
2023
|
+
}
|
|
2024
|
+
}
|
|
2025
|
+
};
|
|
2026
|
+
LibTabGroupComponent.prototype.onTabChanged = function (selectedTab) {
|
|
2027
|
+
this.tabs.forEach(function (tab) { return tab.isActive = tab.id === selectedTab.id; });
|
|
2028
|
+
this.tabChanged.emit(selectedTab);
|
|
2029
|
+
};
|
|
2030
|
+
LibTabGroupComponent.prototype.onTabSelectChanged = function (selectedTabIndex) {
|
|
2031
|
+
var _a;
|
|
2032
|
+
this.tabs.forEach(function (tab, index) { return tab.isActive = index === selectedTabIndex; });
|
|
2033
|
+
this.tabChanged.emit((_a = this.tabs) === null || _a === void 0 ? void 0 : _a.get(selectedTabIndex));
|
|
2034
|
+
};
|
|
2035
|
+
return LibTabGroupComponent;
|
|
2036
|
+
}());
|
|
2037
|
+
LibTabGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2038
|
+
LibTabGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabGroupComponent, selector: "lib-tab-group", outputs: { tabChanged: "tabChanged" }, providers: [{ provide: LibTabComponent, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }], queries: [{ propertyName: "tabs", predicate: LibTabComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sm:hidden\">\r\n <label for=\"tabs\" class=\"sr-only\">Select a tab</label>\r\n <select id=\"tabs\" name=\"tabs\" (change)=\"onTabSelectChanged(+tabsSelect.value)\" class=\"tab-group-select\" #tabsSelect>\r\n <option [value]=\"i\" *ngFor=\"let tab of tabs; let i = index\">{{ tab.label }}</option>\r\n </select>\r\n</div>\r\n<div class=\"hidden sm:block\">\r\n <div class=\"tab-group-container\">\r\n <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\r\n <a *ngFor=\"let tab of tabs\" href=\"javascript:void(0)\" [class.tab]=\"!tab.isActive\" [class.tab-active]=\"tab.isActive\" (click)=\"onTabChanged(tab)\">\r\n {{ tab.label }}\r\n </a>\r\n </nav>\r\n </div>\r\n</div>\r\n<div *ngIf=\"currentTab?.content\">\r\n <ng-container [ngTemplateOutlet]=\"currentTab!.content\"></ng-container>\r\n</div>", directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2039
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, decorators: [{
|
|
2040
|
+
type: i0.Component,
|
|
2041
|
+
args: [{
|
|
2042
|
+
selector: 'lib-tab-group',
|
|
2043
|
+
providers: [{ provide: LibTabComponent, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }],
|
|
2044
|
+
templateUrl: './lib-tab-group.component.html'
|
|
2045
|
+
}]
|
|
2046
|
+
}], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
|
|
2047
|
+
type: i0.ContentChildren,
|
|
2048
|
+
args: [LibTabComponent, { descendants: true }]
|
|
2049
|
+
}], tabChanged: [{
|
|
2050
|
+
type: i0.Output
|
|
2051
|
+
}] } });
|
|
2052
|
+
|
|
2053
|
+
var LibTabComponent = /** @class */ (function () {
|
|
2054
|
+
function LibTabComponent(_tabGroup) {
|
|
2055
|
+
this._tabGroup = _tabGroup;
|
|
2056
|
+
this._isActive = false;
|
|
2057
|
+
}
|
|
2058
|
+
Object.defineProperty(LibTabComponent.prototype, "index", {
|
|
2059
|
+
/** Indicates the index of the tab. */
|
|
2060
|
+
get: function () {
|
|
2061
|
+
var _a;
|
|
2062
|
+
return ((_a = this._tabGroup.tabs) === null || _a === void 0 ? void 0 : _a.toArray().indexOf(this)) || undefined;
|
|
2063
|
+
},
|
|
2064
|
+
enumerable: false,
|
|
2065
|
+
configurable: true
|
|
2066
|
+
});
|
|
2067
|
+
Object.defineProperty(LibTabComponent.prototype, "isActive", {
|
|
2068
|
+
/** Indicates whether the tab is active. */
|
|
2069
|
+
get: function () {
|
|
2070
|
+
return this._isActive;
|
|
2071
|
+
},
|
|
2072
|
+
/** Setter for LibTabComponent isActive property. */
|
|
2073
|
+
set: function (isActive) {
|
|
2074
|
+
this._isActive = isActive;
|
|
2075
|
+
},
|
|
2076
|
+
enumerable: false,
|
|
2077
|
+
configurable: true
|
|
2078
|
+
});
|
|
2079
|
+
LibTabComponent.prototype.ngOnInit = function () {
|
|
2080
|
+
this.id = this.id || uuid__namespace.v4();
|
|
2081
|
+
};
|
|
2082
|
+
return LibTabComponent;
|
|
2083
|
+
}());
|
|
2084
|
+
LibTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, deps: [{ token: LibTabGroupComponent }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2085
|
+
LibTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabComponent, selector: "lib-tab", inputs: { label: "label", id: "id" }, providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }], viewQueries: [{ propertyName: "content", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], ngImport: i0__namespace, template: "\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2086
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
|
|
2087
|
+
type: i0.Component,
|
|
2088
|
+
args: [{
|
|
2089
|
+
selector: 'lib-tab',
|
|
2090
|
+
providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }],
|
|
2091
|
+
template: "\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n ",
|
|
2092
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
2093
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2094
|
+
}]
|
|
2095
|
+
}], ctorParameters: function () { return [{ type: LibTabGroupComponent }]; }, propDecorators: { content: [{
|
|
2096
|
+
type: i0.ViewChild,
|
|
2097
|
+
args: [i0.TemplateRef, { static: true }]
|
|
2098
|
+
}], label: [{
|
|
2099
|
+
type: i0.Input
|
|
2100
|
+
}], id: [{
|
|
2101
|
+
type: i0.Input
|
|
2102
|
+
}] } });
|
|
2103
|
+
|
|
1820
2104
|
var APP_LINKS = new i0.InjectionToken('APP_LINKS');
|
|
1821
|
-
var
|
|
2105
|
+
var APP_NOTIFICATIONS = new i0.InjectionToken('APP_NOTIFICATIONS');
|
|
2106
|
+
var SHELL_CONFIG = new i0.InjectionToken('SHELL_CONFIG');
|
|
2107
|
+
var APP_LANGUAGES = new i0.InjectionToken('APP_LANGUAGES');
|
|
1822
2108
|
|
|
1823
2109
|
var DynamicComponentHostDirective = /** @class */ (function () {
|
|
1824
2110
|
function DynamicComponentHostDirective(viewContainerRef) {
|
|
@@ -1827,9 +2113,9 @@
|
|
|
1827
2113
|
}
|
|
1828
2114
|
return DynamicComponentHostDirective;
|
|
1829
2115
|
}());
|
|
1830
|
-
DynamicComponentHostDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
1831
|
-
DynamicComponentHostDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.
|
|
1832
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2116
|
+
DynamicComponentHostDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DynamicComponentHostDirective, deps: [{ token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
2117
|
+
DynamicComponentHostDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DynamicComponentHostDirective, selector: "[appDynamicComponentHost]", inputs: { hostName: "hostName" }, ngImport: i0__namespace });
|
|
2118
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DynamicComponentHostDirective, decorators: [{
|
|
1833
2119
|
type: i0.Directive,
|
|
1834
2120
|
args: [{ selector: '[appDynamicComponentHost]' }]
|
|
1835
2121
|
}], ctorParameters: function () { return [{ type: i0__namespace.ViewContainerRef }]; }, propDecorators: { hostName: [{
|
|
@@ -2064,75 +2350,230 @@
|
|
|
2064
2350
|
};
|
|
2065
2351
|
return ComponentLoaderFactory;
|
|
2066
2352
|
}());
|
|
2067
|
-
ComponentLoaderFactory.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2068
|
-
ComponentLoaderFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.
|
|
2069
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2353
|
+
ComponentLoaderFactory.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ComponentLoaderFactory, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: i0__namespace.ApplicationRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2354
|
+
ComponentLoaderFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ComponentLoaderFactory, providedIn: 'root' });
|
|
2355
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ComponentLoaderFactory, decorators: [{
|
|
2070
2356
|
type: i0.Injectable,
|
|
2071
2357
|
args: [{ providedIn: 'root' }]
|
|
2072
2358
|
}], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: i0__namespace.ApplicationRef }]; } });
|
|
2073
2359
|
|
|
2360
|
+
var UserProfileMenuComponent = /** @class */ (function () {
|
|
2361
|
+
function UserProfileMenuComponent(authService, router, links) {
|
|
2362
|
+
this.authService = authService;
|
|
2363
|
+
this.router = router;
|
|
2364
|
+
this.links = links;
|
|
2365
|
+
// tslint:disable-next-line:no-input-rename
|
|
2366
|
+
this.showUserName = false;
|
|
2367
|
+
this.userSub$ = null;
|
|
2368
|
+
this.statusSub$ = null;
|
|
2369
|
+
this.user = null;
|
|
2370
|
+
this.avatarName = null;
|
|
2371
|
+
this.userMenuExpanded = false;
|
|
2372
|
+
}
|
|
2373
|
+
UserProfileMenuComponent.prototype.ngOnInit = function () {
|
|
2374
|
+
var _this = this;
|
|
2375
|
+
this.authService.loadUser().subscribe(function (user) {
|
|
2376
|
+
_this.setCurrentUser(user);
|
|
2377
|
+
}, function (error) {
|
|
2378
|
+
console.error(error);
|
|
2379
|
+
});
|
|
2380
|
+
// Detect user changes and display / or not user info accordingly...
|
|
2381
|
+
this.userSub$ = this.authService.user$.subscribe(function (user) {
|
|
2382
|
+
// console.log('ShellHeaderComponent user subscription');
|
|
2383
|
+
_this.setCurrentUser(user);
|
|
2384
|
+
});
|
|
2385
|
+
};
|
|
2386
|
+
UserProfileMenuComponent.prototype.signin = function (event) {
|
|
2387
|
+
if (event) {
|
|
2388
|
+
event.preventDefault();
|
|
2389
|
+
}
|
|
2390
|
+
this.authService.signinRedirect();
|
|
2391
|
+
};
|
|
2392
|
+
UserProfileMenuComponent.prototype.setCurrentUser = function (user) {
|
|
2393
|
+
var _a, _b;
|
|
2394
|
+
this.user = user;
|
|
2395
|
+
if (this.user && this.user.profile) {
|
|
2396
|
+
this.avatarName = ("" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0))).toUpperCase();
|
|
2397
|
+
}
|
|
2398
|
+
};
|
|
2399
|
+
// tslint:disable-next-line:typedef
|
|
2400
|
+
UserProfileMenuComponent.prototype.onClickOutside = function ($event) {
|
|
2401
|
+
this.userMenuExpanded = false;
|
|
2402
|
+
};
|
|
2403
|
+
return UserProfileMenuComponent;
|
|
2404
|
+
}());
|
|
2405
|
+
UserProfileMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UserProfileMenuComponent, deps: [{ token: i2.AuthService }, { token: i1$1.Router }, { token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2406
|
+
UserProfileMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UserProfileMenuComponent, selector: "lib-user-profile-menu", inputs: { showUserName: ["show-user-name", "showUserName"] }, ngImport: i0__namespace, template: "<div class=\"relative\" (clickOutside)=\"onClickOutside($event)\" (click)=\"userMenuExpanded = !userMenuExpanded\">\r\n\r\n <div class=\"inline-flex\">\r\n <!-- Username -->\r\n <div [ngClass]=\"{'shell-header-profile': showUserName}\">\r\n <div *ngIf=\"user && showUserName\" class=\"shell-header-profile-userName\">\r\n {{ user.profile.name }}\r\n </div>\r\n </div>\r\n\r\n <div [class.ml-2]=\"showUserName\">\r\n <button type=\"button\" *ngIf=\"user\"\r\n class=\"shell-header-profile-dropdown-button\"\r\n id=\"user-menu\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">Open user menu</span>\r\n <span class=\"avatar-container\">\r\n <span class=\"avatar-text\">{{this.avatarName}}</span>\r\n </span>\r\n </button>\r\n\r\n <button type=\"button\"\r\n *ngIf=\"!user\"\r\n (click)=\"signin(null)\"\r\n class=\"shell-header-profile-dropdown-button\"\r\n id=\"user-menu\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">sign in</span>\r\n <span class=\"avatar-container\">\r\n <span class=\"avatar-text\"><i class=\"ms-Icon ms-Icon--Signin\"></i></span>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div [class]=\"userMenuExpanded ?\r\n 'transition ease-out duration-200 origin-top-right z-30 absolute right-0 mt-2 w-56 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none'\r\n :\r\n 'hidden transition ease-in duration-75 origin-top-right z-30 right-0 mt-2 w-56 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none'\"\r\n role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"menu-button\" tabindex=\"-1\">\r\n <lib-nav-links-list\r\n [links]=\"links.profile\"\r\n [link-class]=\"'nav-link-profile'\"\r\n [link-active-class]=\"'nav-link-profile-active'\">\r\n </lib-nav-links-list>\r\n </div>\r\n\r\n</div>\r\n\r\n", components: [{ type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: ["links", "active-fragment", "link-class", "link-active-class", "container-class", "show-icons"] }], directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2407
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UserProfileMenuComponent, decorators: [{
|
|
2408
|
+
type: i0.Component,
|
|
2409
|
+
args: [{
|
|
2410
|
+
selector: 'lib-user-profile-menu',
|
|
2411
|
+
templateUrl: './user-profile-menu.component.html'
|
|
2412
|
+
}]
|
|
2413
|
+
}], ctorParameters: function () {
|
|
2414
|
+
return [{ type: i2__namespace.AuthService, decorators: [{
|
|
2415
|
+
type: i0.Inject,
|
|
2416
|
+
args: [i2.AuthService]
|
|
2417
|
+
}] }, { type: i1__namespace$1.Router, decorators: [{
|
|
2418
|
+
type: i0.Inject,
|
|
2419
|
+
args: [i1$1.Router]
|
|
2420
|
+
}] }, { type: undefined, decorators: [{
|
|
2421
|
+
type: i0.Inject,
|
|
2422
|
+
args: [APP_LINKS]
|
|
2423
|
+
}] }];
|
|
2424
|
+
}, propDecorators: { showUserName: [{
|
|
2425
|
+
type: i0.Input,
|
|
2426
|
+
args: ['show-user-name']
|
|
2427
|
+
}] } });
|
|
2428
|
+
|
|
2429
|
+
var NotificationsIndicatorComponent = /** @class */ (function () {
|
|
2430
|
+
function NotificationsIndicatorComponent(notifications, links) {
|
|
2431
|
+
this.notifications = notifications;
|
|
2432
|
+
this.links = links;
|
|
2433
|
+
this.menuExpanded = false;
|
|
2434
|
+
this.unreadCount = 0;
|
|
2435
|
+
this.items = [];
|
|
2436
|
+
this.inboxAction = undefined;
|
|
2437
|
+
this.newArrival = false;
|
|
2438
|
+
}
|
|
2439
|
+
NotificationsIndicatorComponent.prototype.ngOnDestroy = function () {
|
|
2440
|
+
if (this.notificationsSub$) {
|
|
2441
|
+
this.notificationsSub$.unsubscribe();
|
|
2442
|
+
}
|
|
2443
|
+
};
|
|
2444
|
+
NotificationsIndicatorComponent.prototype.ngOnInit = function () {
|
|
2445
|
+
var _this = this;
|
|
2446
|
+
this.links['notifications'].subscribe(function (notificationsLink) {
|
|
2447
|
+
_this.allNotificationsLink = notificationsLink;
|
|
2448
|
+
});
|
|
2449
|
+
this.notificationsSub$ = this.notifications.messages.subscribe(function (result) {
|
|
2450
|
+
if (result.items) {
|
|
2451
|
+
_this.newArrival = true;
|
|
2452
|
+
_this.unreadCount = result.count;
|
|
2453
|
+
_this.items = result.items;
|
|
2454
|
+
setTimeout(function () { _this.newArrival = false; }, 1000);
|
|
2455
|
+
}
|
|
2456
|
+
});
|
|
2457
|
+
};
|
|
2458
|
+
NotificationsIndicatorComponent.prototype.doInboxAction = function () {
|
|
2459
|
+
if (this.notifications.inboxAction) {
|
|
2460
|
+
this.notifications.inboxAction();
|
|
2461
|
+
}
|
|
2462
|
+
else {
|
|
2463
|
+
this.menuExpanded = !this.menuExpanded;
|
|
2464
|
+
}
|
|
2465
|
+
this.unreadCount = 0;
|
|
2466
|
+
};
|
|
2467
|
+
NotificationsIndicatorComponent.prototype.removeItem = function (index) {
|
|
2468
|
+
this.items.splice(index, 1);
|
|
2469
|
+
};
|
|
2470
|
+
// this.notificationsSub$ = this.links.notifications?.pipe(map(result => {
|
|
2471
|
+
// this.allItemsLink = result.allNotifications;
|
|
2472
|
+
// this.items = result.items;
|
|
2473
|
+
// this.unreadCount = result.count;
|
|
2474
|
+
// }));
|
|
2475
|
+
// [this.notificationsLinksPath] as Observable<NotificationNavLink[]>;
|
|
2476
|
+
// this.allNotificationsLink = this.links[this.allNotificationsLinkPath] as Observable<NavLink>;
|
|
2477
|
+
// this.unreadNotificationsCountObs = this.links[this.notificationsCounterLinksPath] as Observable<number>;
|
|
2478
|
+
// this.getUnreadNotificationsCount();
|
|
2479
|
+
// tslint:disable-next-line:typedef
|
|
2480
|
+
NotificationsIndicatorComponent.prototype.onClickOutside = function ($event) {
|
|
2481
|
+
this.menuExpanded = false;
|
|
2482
|
+
};
|
|
2483
|
+
return NotificationsIndicatorComponent;
|
|
2484
|
+
}());
|
|
2485
|
+
NotificationsIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NotificationsIndicatorComponent, deps: [{ token: APP_NOTIFICATIONS }, { token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2486
|
+
NotificationsIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NotificationsIndicatorComponent, selector: "lib-notifications-indicator", ngImport: i0__namespace, template: "<div class=\"relative\"\r\n(clickOutside)=\"onClickOutside($event)\">\r\n <!-- Notifications Button -->\r\n <button type=\"button\"\r\n (click)=\"doInboxAction()\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">View notifications</span>\r\n <span class=\"avatar-container\">\r\n <span class=\"avatar-text\">\r\n <i class=\"ms-Icon hover:text-blue-400\"\r\n [class.ms-Icon--MessageFill]=\"unreadCount > 0\"\r\n [class.text-sky-400]=\"unreadCount > 0\"\r\n [class.animate-notification]=\"newArrival\"\r\n [class.ms-Icon--Message]=\"unreadCount === 0\">\r\n </i>\r\n </span>\r\n <span\r\n *ngIf=\"unreadCount > 0\"\r\n [class.animate-pulse]=\"newArrival\"\r\n class=\"absolute top-0 right-0 inline-flex items-center justify-center -mt-1 ml-1 text-xs leading-none text-gray-100 ordinal\">\r\n {{ unreadCount }}\r\n </span>\r\n </span>\r\n </button>\r\n\r\n <!-- Notifications dropdown -->\r\n <div *ngIf=\"menuExpanded\" class=\"header-notifications-dropdown-with-username\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"messages-menu\">\r\n <div class=\"max-h-64 overflow-y-auto notification-messages min-h\">\r\n <ng-container *ngIf=\"!items; else messagesDropDown\" class=\"py-5\">\r\n <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n </ng-container>\r\n <ng-template #messagesDropDown>\r\n <ul class=\"pr-1.5\">\r\n <ng-container *ngIf=\"items; else loading\">\r\n <ng-container *ngIf=\"items.length <= 0\" class=\"py-5\">\r\n <div class=\"notifications-nav-link hover:bg-transparent\">\u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2</div>\r\n </ng-container>\r\n <ng-container *ngFor=\"let message of items; let i = index\">\r\n <li class=\"mb-2\" [ngClass]=\"{ 'border-l-2 border-blue-500 bg-blue-50 hover:bg-blue-50': !message.data.isRead }\">\r\n <div class=\"flex justify-between\">\r\n <div class=\"flex-grow\">\r\n <a\r\n [routerLink]=\"message.path\"\r\n (click)=\"removeItem(i)\"\r\n class=\"notifications-nav-link grid\"\r\n [ngClass]=\"!message.data.isRead ? ' hover:bg-blue-50' : 'border-b border-gray-100'\"\r\n >\r\n <div class=\"flex flex-col\">\r\n <div class=\"font-thin tracking-tighter\">\r\n {{ message.data.creationDate | date: \"EEE, d MMMM\" }}\r\n </div>\r\n <div class=\"font-bold\">\r\n {{ message.data.text }}\r\n </div>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </li>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-template #loading>\r\n <div class=\"h-32 flex items-center justify-center\">\r\n <div class=\"animate-pulse text-s text-gray-600\">Loading...</div>\r\n </div>\r\n </ng-template>\r\n </ul>\r\n </ng-template>\r\n </div>\r\n <div class=\"p-1 rounded-sm\">\r\n <a [routerLink]=\"allNotificationsLink!.path\">\r\n <button type=\"button\" class=\"header-notifications-dropdown-view-all-button\">{{allNotificationsLink!.text}}</button>\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "date": i1__namespace.DatePipe } });
|
|
2487
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NotificationsIndicatorComponent, decorators: [{
|
|
2488
|
+
type: i0.Component,
|
|
2489
|
+
args: [{
|
|
2490
|
+
selector: 'lib-notifications-indicator',
|
|
2491
|
+
templateUrl: './notifications-indicator.component.html'
|
|
2492
|
+
}]
|
|
2493
|
+
}], ctorParameters: function () {
|
|
2494
|
+
return [{ type: undefined, decorators: [{
|
|
2495
|
+
type: i0.Inject,
|
|
2496
|
+
args: [APP_NOTIFICATIONS]
|
|
2497
|
+
}] }, { type: undefined, decorators: [{
|
|
2498
|
+
type: i0.Inject,
|
|
2499
|
+
args: [APP_LINKS]
|
|
2500
|
+
}] }];
|
|
2501
|
+
} });
|
|
2502
|
+
|
|
2503
|
+
var LanguageSelectionComponent = /** @class */ (function () {
|
|
2504
|
+
function LanguageSelectionComponent(langsService) {
|
|
2505
|
+
this.langsService = langsService;
|
|
2506
|
+
this.menuExpanded = false;
|
|
2507
|
+
}
|
|
2508
|
+
LanguageSelectionComponent.prototype.ngOnInit = function () {
|
|
2509
|
+
};
|
|
2510
|
+
LanguageSelectionComponent.prototype.selectLang = function (option) {
|
|
2511
|
+
var _a;
|
|
2512
|
+
if ((_a = this.langsService) === null || _a === void 0 ? void 0 : _a.setSelected) {
|
|
2513
|
+
this.langsService.setSelected(option.value);
|
|
2514
|
+
}
|
|
2515
|
+
};
|
|
2516
|
+
LanguageSelectionComponent.prototype.onClickOutside = function ($event) {
|
|
2517
|
+
this.menuExpanded = false;
|
|
2518
|
+
};
|
|
2519
|
+
return LanguageSelectionComponent;
|
|
2520
|
+
}());
|
|
2521
|
+
LanguageSelectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LanguageSelectionComponent, deps: [{ token: APP_LANGUAGES }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2522
|
+
LanguageSelectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LanguageSelectionComponent, selector: "lib-language-selection", ngImport: i0__namespace, template: "<div class=\"relative\" (clickOutside)=\"onClickOutside($event)\">\r\n <button class=\"text-blue-300 hover:text-blue-400\" (click)=\"menuExpanded = !menuExpanded\">\r\n <i class=\"text-xs mr-1 ms-Icon ms-Icon--Globe\"></i>\r\n <span>{{langsService?.selected || langsService?.default}}</span>\r\n </button>\r\n\r\n <div\r\n [class]=\"menuExpanded ? 'transition ease-out duration-200 origin-top-right z-30 absolute right-0 mt-2 w-56 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none':'hidden transition ease-in duration-75 origin-top-right z-30 right-0 mt-2 w-56 rounded-sm shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none'\" role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"menu-button\" tabindex=\"-1\">\r\n <div class=\"py-1\" role=\"none\">\r\n <ng-container *ngFor=\"let lang of langsService?.options | async\">\r\n <a (click)=\"selectLang(lang)\" *ngIf=\"lang.value != langsService?.selected\" class=\"nav-link-profile\" role=\"menuitem\" tabindex=\"-1\" id=\"menu-item-0\">\r\n <i class=\"text-xs mr-1 ms-Icon ms-Icon--GlobeFavorite\"></i>\r\n {{lang.description}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1__namespace.AsyncPipe } });
|
|
2523
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LanguageSelectionComponent, decorators: [{
|
|
2524
|
+
type: i0.Component,
|
|
2525
|
+
args: [{
|
|
2526
|
+
selector: 'lib-language-selection',
|
|
2527
|
+
templateUrl: './language-selection.component.html'
|
|
2528
|
+
}]
|
|
2529
|
+
}], ctorParameters: function () {
|
|
2530
|
+
return [{ type: undefined, decorators: [{
|
|
2531
|
+
type: i0.Inject,
|
|
2532
|
+
args: [APP_LANGUAGES]
|
|
2533
|
+
}] }];
|
|
2534
|
+
} });
|
|
2535
|
+
|
|
2074
2536
|
var ShellHeaderComponent = /** @class */ (function () {
|
|
2075
|
-
function ShellHeaderComponent(authService, router, links) {
|
|
2537
|
+
function ShellHeaderComponent(authService, router, route, config, links) {
|
|
2076
2538
|
this.authService = authService;
|
|
2077
2539
|
this.router = router;
|
|
2540
|
+
this.route = route;
|
|
2541
|
+
this.config = config;
|
|
2078
2542
|
this.links = links;
|
|
2079
2543
|
// tslint:disable-next-line:no-input-rename
|
|
2080
2544
|
this.sectionLinksPath = 'main';
|
|
2081
|
-
|
|
2082
|
-
this.allNotificationsLinkPath = 'allNotifications';
|
|
2083
|
-
this.notificationsCounterLinksPath = 'notificationsCounter';
|
|
2084
|
-
this.border = true;
|
|
2085
|
-
this.showNotifications = false;
|
|
2086
|
-
this.showUserNameOnHeader = false;
|
|
2087
|
-
this.notificationsMenuVisible = true;
|
|
2545
|
+
// tslint:disable-next-line:no-input-rename
|
|
2088
2546
|
this.profileMenuVisible = true;
|
|
2547
|
+
// tslint:disable-next-line:no-input-rename
|
|
2548
|
+
this.showUserNameOnHeader = false;
|
|
2549
|
+
// tslint:disable-next-line:no-input-rename
|
|
2550
|
+
this.showAlerts = false;
|
|
2551
|
+
// tslint:disable-next-line:no-input-rename
|
|
2552
|
+
this.shellLayout = exports.ShellLayoutType.Stacked;
|
|
2553
|
+
this.border = true;
|
|
2089
2554
|
this.sectionLinks = rxjs.of([]);
|
|
2090
|
-
this.notifications = rxjs.of([]);
|
|
2091
|
-
this.allNotificationsLink = rxjs.of();
|
|
2092
|
-
this.unreadNotificationsCountObs = rxjs.of(0);
|
|
2093
2555
|
this.mobileMenuExpanded = false;
|
|
2094
2556
|
this.userMenuExpanded = false;
|
|
2095
|
-
this.notificationsMenuExpanded = false;
|
|
2096
|
-
this.routeSubject = new rxjs.Observable();
|
|
2097
2557
|
this.routerSub$ = null;
|
|
2098
2558
|
this.userSub$ = null;
|
|
2099
2559
|
this.statusSub$ = null;
|
|
2100
2560
|
this.user = null;
|
|
2101
2561
|
this.avatarName = null;
|
|
2102
|
-
this.
|
|
2562
|
+
this.activeFragment = null;
|
|
2563
|
+
this.routeSubject = this.router.events.pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationStart; }));
|
|
2103
2564
|
}
|
|
2104
|
-
ShellHeaderComponent.prototype.ngOnDestroy = function () {
|
|
2105
|
-
if (this.routerSub$) {
|
|
2106
|
-
this.routerSub$.unsubscribe();
|
|
2107
|
-
}
|
|
2108
|
-
// TODO: check authenticated user here before we start polling server status
|
|
2109
|
-
if (this.statusSub$) {
|
|
2110
|
-
this.statusSub$.unsubscribe();
|
|
2111
|
-
}
|
|
2112
|
-
if (this.userSub$) {
|
|
2113
|
-
this.userSub$.unsubscribe();
|
|
2114
|
-
}
|
|
2115
|
-
};
|
|
2116
2565
|
ShellHeaderComponent.prototype.ngOnInit = function () {
|
|
2117
2566
|
var _this = this;
|
|
2118
|
-
|
|
2119
|
-
this.showNotifications = (_a = this.config) === null || _a === void 0 ? void 0 : _a.showNotifications;
|
|
2120
|
-
this.showUserNameOnHeader = (_b = this.config) === null || _b === void 0 ? void 0 : _b.showUserNameOnHeader;
|
|
2567
|
+
this.activeFragment = this.route.fragment.pipe(operators.share());
|
|
2121
2568
|
this.sectionLinks = this.links[this.sectionLinksPath];
|
|
2122
|
-
this.
|
|
2123
|
-
this.allNotificationsLink = this.links[this.allNotificationsLinkPath];
|
|
2124
|
-
this.unreadNotificationsCountObs = this.links[this.notificationsCounterLinksPath];
|
|
2125
|
-
this.getUnreadNotificationsCount();
|
|
2126
|
-
this.routerSub$ = this.router.events.pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationStart; })).subscribe(function (event) {
|
|
2569
|
+
this.routerSub$ = this.routeSubject.subscribe(function (event) {
|
|
2127
2570
|
_this.mobileMenuExpanded = false;
|
|
2128
2571
|
_this.userMenuExpanded = false;
|
|
2129
|
-
_this.notificationsMenuExpanded = false;
|
|
2130
2572
|
});
|
|
2131
2573
|
this.authService.loadUser().subscribe(function (user) {
|
|
2132
|
-
console.log(user);
|
|
2133
2574
|
_this.setCurrentUser(user);
|
|
2134
2575
|
}, function (error) {
|
|
2135
|
-
console.
|
|
2576
|
+
console.error(error);
|
|
2136
2577
|
});
|
|
2137
2578
|
// Detect user changes and display / or not user info accordingly...
|
|
2138
2579
|
this.userSub$ = this.authService.user$.subscribe(function (user) {
|
|
@@ -2140,48 +2581,40 @@
|
|
|
2140
2581
|
_this.setCurrentUser(user);
|
|
2141
2582
|
});
|
|
2142
2583
|
};
|
|
2143
|
-
ShellHeaderComponent.prototype.
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2584
|
+
ShellHeaderComponent.prototype.ngOnDestroy = function () {
|
|
2585
|
+
if (this.routerSub$) {
|
|
2586
|
+
this.routerSub$.unsubscribe();
|
|
2587
|
+
}
|
|
2588
|
+
// TODO: check authenticated user here before we start polling server status
|
|
2589
|
+
if (this.statusSub$) {
|
|
2590
|
+
this.statusSub$.unsubscribe();
|
|
2591
|
+
}
|
|
2592
|
+
if (this.userSub$) {
|
|
2593
|
+
this.userSub$.unsubscribe();
|
|
2149
2594
|
}
|
|
2150
2595
|
};
|
|
2151
2596
|
// tslint:disable-next-line:typedef
|
|
2152
|
-
ShellHeaderComponent.prototype.
|
|
2597
|
+
ShellHeaderComponent.prototype.onClickOutside = function ($event) {
|
|
2153
2598
|
this.userMenuExpanded = false;
|
|
2154
2599
|
};
|
|
2155
|
-
// tslint:disable-next-line:typedef
|
|
2156
|
-
ShellHeaderComponent.prototype.onClickOutsideNotifications = function ($event) {
|
|
2157
|
-
this.notificationsMenuExpanded = false;
|
|
2158
|
-
};
|
|
2159
2600
|
ShellHeaderComponent.prototype.signin = function (event) {
|
|
2160
2601
|
if (event) {
|
|
2161
2602
|
event.preventDefault();
|
|
2162
2603
|
}
|
|
2163
2604
|
this.authService.signinRedirect();
|
|
2164
2605
|
};
|
|
2165
|
-
ShellHeaderComponent.prototype.
|
|
2166
|
-
|
|
2167
|
-
this.
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
this.userMenuExpanded = false;
|
|
2172
|
-
this.getUnreadNotificationsCount();
|
|
2173
|
-
};
|
|
2174
|
-
ShellHeaderComponent.prototype.getUnreadNotificationsCount = function () {
|
|
2175
|
-
var _this = this;
|
|
2176
|
-
this.unreadNotificationsCountObs.subscribe(function (count) {
|
|
2177
|
-
_this.unreadNotificationsCount = count;
|
|
2178
|
-
});
|
|
2606
|
+
ShellHeaderComponent.prototype.setCurrentUser = function (user) {
|
|
2607
|
+
var _a, _b;
|
|
2608
|
+
this.user = user;
|
|
2609
|
+
if (this.user && this.user.profile) {
|
|
2610
|
+
this.avatarName = ("" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0))).toUpperCase();
|
|
2611
|
+
}
|
|
2179
2612
|
};
|
|
2180
2613
|
return ShellHeaderComponent;
|
|
2181
2614
|
}());
|
|
2182
|
-
ShellHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2183
|
-
ShellHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.1", type: ShellHeaderComponent, selector: "lib-shell-header", inputs: { sectionLinksPath: ["section-links", "sectionLinksPath"], notificationsLinksPath: ["notifications-links", "notificationsLinksPath"], allNotificationsLinkPath: ["all-notifications", "allNotificationsLinkPath"], notificationsCounterLinksPath: ["notifications-counter", "notificationsCounterLinksPath"], config: "config", border: "border" }, ngImport: i0__namespace, template: "<nav>\r\n <div class=\"shell-header-paddings\">\r\n <div [class]=\"border ? 'shell-header-border' : ''\">\r\n <div class=\"shell-header-menu-container\">\r\n <div class=\"shell-header-links-no-grow-container\">\r\n <div>\r\n <a href=\"#\"\r\n [routerLink]=\"['/']\"><img class=\"app-logo\"\r\n [src]=\"config.appLogo\"\r\n [alt]=\"config.appLogoAlt\" /></a>\r\n </div>\r\n </div>\r\n\r\n <div class=\"shell-header-link-container\">\r\n <ng-container *ngFor=\"let link of sectionLinks | async\">\r\n <a href=\"#\"\r\n [routerLink]=\"[link.path]\"\r\n [attr.target]=\"link.external ? '_blank' : '_self'\"\r\n [routerLinkActive]=\"['nav-link-active']\"\r\n [routerLinkActiveOptions]=\"{ exact: link.exact }\"\r\n class=\"nav-link\"\r\n (click)=\"getUnreadNotificationsCount()\">\r\n {{ link.text }}\r\n </a>\r\n </ng-container>\r\n </div>\r\n\r\n <div class=\"shell-header-md-visible\">\r\n <div class=\"shell-header-links-no-grow-container\">\r\n\r\n <ng-container *ngFor=\"let link of links.profileActions | async\">\r\n <a class=\"shell-header-menu-rounded-button\"\r\n (clickOutside)=\"onClickOutsideProfile($event)\"\r\n [attr.href]=\"link.path\"\r\n [attr.target]=\"link.external ? '_blank' : '_self'\">\r\n <span class=\"sr-only\">{{ link.text }}</span>\r\n <i *ngIf=\"link.icon\"\r\n [class]=\"link.icon\"></i>\r\n </a>\r\n </ng-container>\r\n\r\n <!-- Profile dropdown -->\r\n <div class=\"ml-2 relative\"\r\n (clickOutside)=\"onClickOutsideProfile($event)\"\r\n *ngIf=\"profileMenuVisible\">\r\n <div [ngClass]=\"{'shell-header-profile': showUserNameOnHeader}\">\r\n <div *ngIf=\"user && showUserNameOnHeader\"\r\n class=\"shell-header-profile-userName\">\r\n {{ user.profile.name }}\r\n </div>\r\n <button type=\"button\"\r\n *ngIf=\"user\"\r\n (click)=\"userMenuExpanded = !userMenuExpanded\"\r\n class=\"shell-header-profile-dropdown-button\"\r\n id=\"user-menu\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">Open user menu</span>\r\n <span class=\"avatar-container\">\r\n <span class=\"avatar-text\">{{this.avatarName}}</span>\r\n </span>\r\n </button>\r\n\r\n <button type=\"button\"\r\n *ngIf=\"!user\"\r\n (click)=\"signin(null)\"\r\n class=\"shell-header-profile-dropdown-button\"\r\n id=\"user-menu\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">sign in</span>\r\n <span class=\"avatar-container\">\r\n <span class=\"avatar-text\"><i class=\"ms-Icon ms-Icon--Signin\"></i></span>\r\n </span>\r\n </button>\r\n\r\n <div *ngIf=\"userMenuExpanded\"\r\n [ngClass]=\"showUserNameOnHeader ? 'shell-header-profile-dropdown-with-username' : 'shell-header-profile-dropdown'\"\r\n role=\"menu\"\r\n aria-orientation=\"vertical\"\r\n aria-labelledby=\"user-menu\">\r\n <!-- <a href=\"#\" class=\"block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100\" role=\"menuitem\">\u0391\u03C0\u03BF\u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7</a> -->\r\n <ng-container *ngFor=\"let link of links.profile | async\">\r\n <!-- <a *ngIf=\"link.external\" [attr.href]=\"link.path\" [attr.target]=\"'_blank'\" class=\"nav-link-profile\">\r\n {{ link.text }}\r\n </a> -->\r\n <a [routerLink]=\"link.path\"\r\n [routerLinkActive]=\"['nav-link-profile-active']\"\r\n [routerLinkActiveOptions]=\"{ exact: link.exact }\"\r\n class=\"nav-link-profile\">\r\n {{ link.text }}\r\n </a>\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n\r\n <!-- Notifications dropdown -->\r\n <div class=\"ml-2 relative\"\r\n (clickOutside)=\"onClickOutsideNotifications($event)\"\r\n *ngIf=\"notificationsMenuVisible\">\r\n <!-- Notifications Button -->\r\n <button type=\"button\"\r\n class=\"mobile-menu-rounded-button bg-transparent\"\r\n *ngIf=\"showNotifications\"\r\n (click)=\"expandNotificationsMenu()\"\r\n id=\"notifications-menu\"\r\n aria-expanded=\"false\"\r\n aria-haspopup=\"true\">\r\n <span class=\"sr-only\">View notifications</span>\r\n <span class=\"relative inline-block\">\r\n <!-- Heroicon name: outline/bell -->\r\n <svg class=\"mobile-menu-rounded-button-icon-style\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\" />\r\n </svg>\r\n <span *ngIf=\"unreadNotificationsCount > 0\"\r\n class=\"absolute top-0 right-0 inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-gray-100 transform translate-x-1/2 -translate-y-1/2 bg-gray-500 rounded-full\">{{unreadNotificationsCount}}</span>\r\n </span>\r\n </button>\r\n\r\n <div *ngIf=\"notificationsMenuExpanded\"\r\n [ngClass]=\"showUserNameOnHeader ? 'shell-header-notifications-dropdown-with-username' : 'shell-header-notifications-dropdown'\"\r\n role=\"menu\"\r\n aria-orientation=\"vertical\"\r\n aria-labelledby=\"notifications-menu\">\r\n <div class=\"max-h-64 overflow-y-auto notification-messages min-h\">\r\n <ng-container *ngIf=\"!notifications; else notificationsDropDown\"\r\n class=\"py-5\">\r\n <div class=\"nav-link-notifications hover:bg-transparent\">\r\n \u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2\r\n </div>\r\n </ng-container>\r\n <ng-template #notificationsDropDown>\r\n <ul class=\"pr-1.5\">\r\n <ng-container *ngIf=\"notifications | async as obs; else loading\">\r\n <ng-container *ngIf=\"obs.length <= 0\"\r\n class=\"py-5\">\r\n <div class=\"nav-link-notifications hover:bg-transparent\">\r\n \u0394\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03BD\u03AD\u03B5\u03C2 \u03B5\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2\r\n </div>\r\n </ng-container>\r\n <ng-container *ngFor=\"let link of obs\">\r\n <li class=\"mb-2\"\r\n [ngClass]=\"{'border-l-2 border-blue-500 bg-blue-50 hover:bg-blue-50': !link.isRead }\">\r\n <div class=\"flex justify-between\">\r\n <div class=\"flex-grow\">\r\n <a [routerLink]=\"link.path\"\r\n class=\"nav-link-notifications grid\"\r\n [ngClass]=\"!link.isRead ? ' hover:bg-blue-50' : 'border-b border-gray-100'\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"font-thin tracking-tighter\">\r\n {{ link.creationDate | date: 'EEE, d MMMM' }}\r\n </div>\r\n <div class=\"font-bold\">\r\n {{ link.text }}\r\n </div>\r\n </div>\r\n </a>\r\n </div>\r\n <!-- <div class=\"flex-none font-thin tracking-tighter\">\r\n <button type=\"button\"\r\n title=\"\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\"\r\n class=\"text-red-600 hover:text-red-900\">\r\n <span class=\"ms-Icon ms-Icon--Delete\"></span>\r\n </button>\r\n </div> -->\r\n </div>\r\n </li>\r\n\r\n\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-template #loading>\r\n <div class=\"h-32 flex items-center justify-center\">\r\n <div class=\"animate-pulse text-s text-gray-600\">Loading...</div>\r\n </div>\r\n </ng-template>\r\n\r\n\r\n </ul>\r\n </ng-template>\r\n </div>\r\n <div class=\"p-1 rounded-sm\">\r\n <a [routerLink]=\"(allNotificationsLink | async)?.path\">\r\n <button type=\"button\"\r\n class=\"shell-header-notifications-dropdown-view-all-button\">\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03CC\u03BB\u03C9\u03BD</button>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mobile-menu-button-container\">\r\n <!-- Mobile menu button -->\r\n <button type=\"button\"\r\n (click)=\"mobileMenuExpanded = !mobileMenuExpanded\"\r\n class=\"mobile-menu-button\"\r\n aria-controls=\"mobile-menu\"\r\n [attr.aria-expanded]=\"mobileMenuExpanded\">\r\n <span class=\"sr-only\">Open main menu</span>\r\n <!--Heroicon name: outline/menu Menu open: \"hidden\", Menu closed: \"block\"-->\r\n <svg class=\"block h-6 w-6\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M4 6h16M4 12h16M4 18h16\" />\r\n </svg>\r\n <!--Heroicon name: outline/x Menu open: \"block\", Menu closed: \"hidden\"-->\r\n <svg class=\"hidden h-6 w-6\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M6 18L18 6M6 6l12 12\" />\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <!-- Mobile menu, show/hide based on menu state. -->\r\n <div class=\"mobile-menu-container\"\r\n *ngIf=\"mobileMenuExpanded\"\r\n id=\"mobile-menu\">\r\n <div class=\"mobile-menu-link-container\">\r\n <ng-container *ngFor=\"let link of sectionLinks | async\">\r\n <a *ngIf=\"link.external\"\r\n [attr.href]=\"link.path\"\r\n [attr.target]=\"'_blank'\"\r\n class=\"nav-link-mobile\">\r\n {{ link.text }}\r\n </a>\r\n <a *ngIf=\"!link.external\"\r\n [routerLink]=\"link.path\"\r\n [routerLinkActive]=\"['nav-link-mobile-active']\"\r\n [routerLinkActiveOptions]=\"{ exact: link.exact }\"\r\n class=\"nav-link-mobile\">\r\n {{ link.text }}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngIf=\"!user\">\r\n <a href=\"#\"\r\n (click)=\"signin($event)\"\r\n class=\"nav-link-mobile\">\r\n <i class=\"ms-Icon ms-Icon--Signin mr-2\"></i>\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7\r\n </a>\r\n </ng-container>\r\n </div>\r\n <div class=\"mobile-menu-user-info-container\"\r\n *ngIf=\"user\">\r\n <div class=\"mobile-menu-user-info-container-inner\">\r\n <div class=\"flex-shrink-0\">\r\n <span class=\"mobile-menu-avatar-container\">\r\n <span class=\"mobile-menu-avatar-name\">{{ this.avatarName }}</span>\r\n </span>\r\n </div>\r\n <div class=\"ml-3\">\r\n <div class=\"mobile-menu-user-name\">{{ user.profile.name }}</div>\r\n <div class=\"mobile-menu-user-email\">{{ user.profile.email }}</div>\r\n </div>\r\n <a [routerLink]=\"(allNotificationsLink | async)?.path\">\r\n <button class=\"mobile-menu-rounded-button\">\r\n <span class=\"sr-only\">View notifications</span>\r\n <!-- Heroicon name: outline/bell -->\r\n <svg class=\"mobile-menu-rounded-button-icon-style\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\" />\r\n </svg>\r\n </button>\r\n </a>\r\n </div>\r\n <div class=\"mobile-menu-link-container\">\r\n <ng-container *ngFor=\"let link of links.profile | async\">\r\n <a *ngIf=\"link.external\"\r\n [attr.href]=\"link.path\"\r\n [attr.target]=\"'_blank'\"\r\n class=\"nav-link-mobile\">\r\n {{ link.text }}\r\n </a>\r\n <a [routerLink]=\"link.path\"\r\n [routerLinkActive]=\"['nav-link-mobile-active']\"\r\n [routerLinkActiveOptions]=\"{ exact: link.exact }\"\r\n class=\"nav-link-mobile\">\r\n {{ link.text }}\r\n </a>\r\n </ng-container>\r\n <!-- <a href=\"#\" class=\"block px-3 py-2 rounded-sm text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700\">\u0391\u03C0\u03BF\u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7</a> -->\r\n </div>\r\n </div>\r\n </div>\r\n</nav>\r\n", directives: [{ type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace.AsyncPipe, "date": i1__namespace.DatePipe } });
|
|
2184
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2615
|
+
ShellHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellHeaderComponent, deps: [{ token: i2.AuthService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: SHELL_CONFIG }, { token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2616
|
+
ShellHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShellHeaderComponent, selector: "lib-shell-header", inputs: { sectionLinksPath: ["section-links", "sectionLinksPath"], profileMenuVisible: ["profile-menu", "profileMenuVisible"], showUserNameOnHeader: ["show-userName", "showUserNameOnHeader"], showAlerts: ["show-alerts", "showAlerts"], shellLayout: ["shell-layout", "shellLayout"], border: "border" }, ngImport: i0__namespace, template: "<nav>\r\n <div class=\"shell-header-paddings\">\r\n <div [class]=\"border ? 'shell-header-border' : ''\">\r\n <div class=\"shell-header-menu-container\">\r\n <div *ngIf=\"shellLayout==='Stacked'\" class=\"shell-header-logo-container\">\r\n <div>\r\n <a href=\"#\" [routerLink]=\"['/']\"><img class=\"app-logo\" [src]=\"config.appLogo\" [alt]=\"config.appLogoAlt\" /></a>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"shellLayout==='Stacked'\" class=\"shell-header-link-container\">\r\n <div class=\"shell-header-link-container-inner\">\r\n <lib-nav-links-list\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'nav-link'\"\r\n [link-active-class]=\"'nav-link-active'\">\r\n </lib-nav-links-list>\r\n </div>\r\n </div>\r\n\r\n <div class=\"shell-header-md-visible\">\r\n\r\n <div class=\"shell-header-links-far-container\" (clickOutside)=\"onClickOutside($event)\">\r\n\r\n <lib-nav-links-list\r\n [links]=\"links.profileActions\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'shell-header-menu-rounded-button'\"\r\n [link-active-class]=\"'shell-header-menu-rounded-button-active'\">\r\n </lib-nav-links-list>\r\n\r\n\r\n <!-- Profile dropdown -->\r\n <div *ngIf=\"profileMenuVisible\" class=\"ml-2\">\r\n <lib-user-profile-menu [show-user-name]=\"showUserNameOnHeader\"></lib-user-profile-menu>\r\n </div>\r\n\r\n <!-- Notifications dropdown -->\r\n <div *ngIf=\"showAlerts && user\" class=\"ml-2\">\r\n <lib-notifications-indicator></lib-notifications-indicator>\r\n </div>\r\n\r\n <!-- languages dropdown -->\r\n <div *ngIf=\"config.showLangsOnHeader\" class=\"ml-2\">\r\n <lib-language-selection></lib-language-selection>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mobile-menu-button-container\" *ngIf=\"shellLayout === 'Stacked'\">\r\n <!-- Mobile menu button -->\r\n <button type=\"button\"\r\n (click)=\"mobileMenuExpanded = !mobileMenuExpanded\"\r\n class=\"mobile-menu-button\"\r\n aria-controls=\"mobile-menu\"\r\n [attr.aria-expanded]=\"mobileMenuExpanded\">\r\n <span class=\"sr-only\">Open main menu</span>\r\n <!--Heroicon name: outline/menu Menu open: \"hidden\", Menu closed: \"block\"-->\r\n <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n [class]=\"mobileMenuExpanded ? 'hidden':'block h-6 w-6'\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M4 6h16M4 12h16M4 18h16\" />\r\n </svg>\r\n <!--Heroicon name: outline/x Menu open: \"block\", Menu closed: \"hidden\"-->\r\n <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\"\r\n [class]=\"mobileMenuExpanded ? 'block h-6 w-6':'hidden'\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M6 18L18 6M6 6l12 12\" />\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <!-- Mobile menu, show/hide based on menu state. -->\r\n <div class=\"mobile-menu-container\" *ngIf=\"mobileMenuExpanded\" id=\"mobile-menu\">\r\n <lib-nav-links-list\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'nav-link-mobile'\"\r\n [link-active-class]=\"'nav-link-mobile-active'\"\r\n [container-class]=\"'mobile-menu-link-container'\">\r\n </lib-nav-links-list>\r\n\r\n <div *ngIf=\"!user\">\r\n <a href=\"#\" (click)=\"signin($event)\" class=\"nav-link-mobile\">\r\n <i class=\"ms-Icon ms-Icon--Signin mr-2\"></i>\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7\r\n </a>\r\n </div>\r\n\r\n <div class=\"mobile-menu-user-info-container\" *ngIf=\"user\">\r\n <div class=\"mobile-menu-user-info-container-inner\">\r\n <div class=\"flex-shrink-0\">\r\n <span class=\"mobile-menu-avatar-container\">\r\n <span class=\"mobile-menu-avatar-name\">{{ this.avatarName }}</span>\r\n </span>\r\n </div>\r\n <div class=\"ml-3\">\r\n <div class=\"mobile-menu-user-name\">{{ user.profile.name }}</div>\r\n <div class=\"mobile-menu-user-email\">{{ user.profile.email }}</div>\r\n </div>\r\n <!--\r\n <button class=\"mobile-menu-rounded-button\">\r\n <span class=\"sr-only\">View notifications</span>\r\n <svg class=\"mobile-menu-rounded-button-icon-style\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n stroke-width=\"2\"\r\n d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\" />\r\n </svg>\r\n </button>\r\n -->\r\n </div>\r\n </div>\r\n\r\n <lib-nav-links-list\r\n [links]=\"links.profile\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'nav-link-mobile'\"\r\n [link-active-class]=\"'nav-link-mobile-active'\"\r\n [container-class]=\"'mobile-menu-link-container'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</nav>\r\n", components: [{ type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: ["links", "active-fragment", "link-class", "link-active-class", "container-class", "show-icons"] }, { type: UserProfileMenuComponent, selector: "lib-user-profile-menu", inputs: ["show-user-name"] }, { type: NotificationsIndicatorComponent, selector: "lib-notifications-indicator" }, { type: LanguageSelectionComponent, selector: "lib-language-selection" }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] });
|
|
2617
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellHeaderComponent, decorators: [{
|
|
2185
2618
|
type: i0.Component,
|
|
2186
2619
|
args: [{
|
|
2187
2620
|
// tslint:disable-next-line:component-selector
|
|
@@ -2195,6 +2628,12 @@
|
|
|
2195
2628
|
}] }, { type: i1__namespace$1.Router, decorators: [{
|
|
2196
2629
|
type: i0.Inject,
|
|
2197
2630
|
args: [i1$1.Router]
|
|
2631
|
+
}] }, { type: i1__namespace$1.ActivatedRoute, decorators: [{
|
|
2632
|
+
type: i0.Inject,
|
|
2633
|
+
args: [i1$1.ActivatedRoute]
|
|
2634
|
+
}] }, { type: undefined, decorators: [{
|
|
2635
|
+
type: i0.Inject,
|
|
2636
|
+
args: [SHELL_CONFIG]
|
|
2198
2637
|
}] }, { type: undefined, decorators: [{
|
|
2199
2638
|
type: i0.Inject,
|
|
2200
2639
|
args: [APP_LINKS]
|
|
@@ -2202,17 +2641,18 @@
|
|
|
2202
2641
|
}, propDecorators: { sectionLinksPath: [{
|
|
2203
2642
|
type: i0.Input,
|
|
2204
2643
|
args: ['section-links']
|
|
2205
|
-
}],
|
|
2644
|
+
}], profileMenuVisible: [{
|
|
2206
2645
|
type: i0.Input,
|
|
2207
|
-
args: ['
|
|
2208
|
-
}],
|
|
2646
|
+
args: ['profile-menu']
|
|
2647
|
+
}], showUserNameOnHeader: [{
|
|
2209
2648
|
type: i0.Input,
|
|
2210
|
-
args: ['
|
|
2211
|
-
}],
|
|
2649
|
+
args: ['show-userName']
|
|
2650
|
+
}], showAlerts: [{
|
|
2212
2651
|
type: i0.Input,
|
|
2213
|
-
args: ['
|
|
2214
|
-
}],
|
|
2215
|
-
type: i0.Input
|
|
2652
|
+
args: ['show-alerts']
|
|
2653
|
+
}], shellLayout: [{
|
|
2654
|
+
type: i0.Input,
|
|
2655
|
+
args: ['shell-layout']
|
|
2216
2656
|
}], border: [{
|
|
2217
2657
|
type: i0.Input
|
|
2218
2658
|
}] } });
|
|
@@ -2223,9 +2663,9 @@
|
|
|
2223
2663
|
}
|
|
2224
2664
|
return ShellFooterComponent;
|
|
2225
2665
|
}());
|
|
2226
|
-
ShellFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2227
|
-
ShellFooterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2228
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2666
|
+
ShellFooterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellFooterComponent, deps: [{ token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2667
|
+
ShellFooterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShellFooterComponent, selector: "lib-shell-footer", ngImport: i0__namespace, template: "<footer class=\"shell-footer-component-container\">\r\n <div class=\"shell-footer-paddings\">\r\n <div class=\"shell-footer-component-container-inner\">\r\n <div class=\"shell-footer-sections-container\">\r\n <div class=\"shell-footer-section\">\r\n <img class=\"shell-footer-logo-h\" src=\"assets/images/branding/indice.png\" alt=\"INDICE logo\" />\r\n <nav class=\"mt-4\">\r\n <ul class=\"space-y-2\">\r\n <ng-container *ngFor=\"let link of links.brand | async\">\r\n <li>\r\n <a [href]=\"link.path\" class=\"shell-footer-link\">{{ link.text }}</a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </nav>\r\n </div>\r\n <div class=\"shell-footer-section-links\">\r\n <h5 class=\"shell-footer-section-title\">Legal</h5>\r\n <nav class=\"mt-4\">\r\n <ul class=\"grid lg:grid-cols-2\">\r\n <ng-container *ngFor=\"let link of links.legal | async\">\r\n <li class=\"mb-2\">\r\n <a [href]=\"link.path\" class=\"shell-footer-link\">{{ link.text }}</a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </nav>\r\n </div>\r\n <div class=\"shell-footer-section-links\">\r\n <h5 class=\"shell-footer-section-title\">Follow us</h5>\r\n <nav class=\"mt-4\">\r\n <ul class=\"grid lg:grid-cols-2\">\r\n <li class=\"mb-2\">\r\n <a href=\"#\" class=\"shell-footer-social\">\r\n <svg class=\"shell-footer-social-icon\" aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\"/>\r\n </svg>\r\n <span> Twitter </span>\r\n </a>\r\n </li>\r\n <li class=\"mb-2\">\r\n <a href=\"#\" class=\"shell-footer-social\">\r\n <svg class=\"shell-footer-social-icon\" aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path fill-rule=\"evenodd\" d=\"M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z\" clip-rule=\"evenodd\"/>\r\n </svg>\r\n <span> Instagram </span>\r\n </a>\r\n </li>\r\n <li class=\"mb-2\">\r\n <a href=\"#\" class=\"shell-footer-social\">\r\n <svg class=\"shell-footer-social-icon\" aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" >\r\n <path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\"/>\r\n </svg>\r\n <span> Facebook </span>\r\n </a>\r\n </li>\r\n </ul>\r\n </nav>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"shell-footer-copyright\">\r\n <!--<nav class=\"flex flex-wrap justify-center space-x-6\">\r\n <a href=\"#\" class=\"font-normal text-sm hover:text-gray-100 mb-2\">Cookie settings</a>\r\n </nav>-->\r\n <p class=\"text-sm text-center sm:text-right\">\r\n \u00A9 2021 INDICE. All rights reserved.\r\n </p>\r\n </div>\r\n </div>\r\n</footer>\r\n", directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1__namespace.AsyncPipe } });
|
|
2668
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellFooterComponent, decorators: [{
|
|
2229
2669
|
type: i0.Component,
|
|
2230
2670
|
args: [{
|
|
2231
2671
|
selector: 'lib-shell-footer',
|
|
@@ -2238,17 +2678,64 @@
|
|
|
2238
2678
|
}] }];
|
|
2239
2679
|
} });
|
|
2240
2680
|
|
|
2681
|
+
var ShellSidebarComponent = /** @class */ (function () {
|
|
2682
|
+
function ShellSidebarComponent(router, route, links) {
|
|
2683
|
+
this.router = router;
|
|
2684
|
+
this.route = route;
|
|
2685
|
+
this.links = links;
|
|
2686
|
+
// tslint:disable-next-line:no-input-rename
|
|
2687
|
+
this.sectionLinksPath = 'main';
|
|
2688
|
+
this.sectionLinks = rxjs.of([]);
|
|
2689
|
+
// tslint:disable-next-line:no-input-rename
|
|
2690
|
+
this.shellConfig = undefined;
|
|
2691
|
+
this.activeFragment = null;
|
|
2692
|
+
}
|
|
2693
|
+
ShellSidebarComponent.prototype.ngOnInit = function () {
|
|
2694
|
+
this.activeFragment = this.route.fragment.pipe(operators.share());
|
|
2695
|
+
this.sectionLinks = this.links[this.sectionLinksPath];
|
|
2696
|
+
};
|
|
2697
|
+
return ShellSidebarComponent;
|
|
2698
|
+
}());
|
|
2699
|
+
ShellSidebarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellSidebarComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: APP_LINKS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2700
|
+
ShellSidebarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: { sectionLinksPath: ["section-links", "sectionLinksPath"], shellConfig: ["config", "shellConfig"] }, ngImport: i0__namespace, template: "<!-- Sidebar component, swap this element with another sidebar if you like -->\r\n<div class=\"flex w-full flex-col h-full min-h-0 bg-gray-800\">\r\n <div class=\"flex items-center h-16 flex-shrink-0 px-4 bg-gray-900\">\r\n <!-- <img class=\"h-8 w-auto\" src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\" alt=\"Workflow\"> -->\r\n <a href=\"#\" [routerLink]=\"['/']\"><img class=\"app-logo\" [src]=\"shellConfig?.appLogo\" [alt]=\"shellConfig?.appLogoAlt\" /></a>\r\n </div>\r\n <div class=\"pt-4 px-2 sidebar\">\r\n <lib-nav-links-list\r\n [show-icons]=\"true\"\r\n [links]=\"sectionLinks\"\r\n [active-fragment]=\"activeFragment\"\r\n [link-class]=\"'sidebar nav-link'\"\r\n [link-active-class]=\"'sidebar nav-link-active'\">\r\n </lib-nav-links-list>\r\n </div>\r\n</div>\r\n", components: [{ type: NavLinksListComponent, selector: "lib-nav-links-list", inputs: ["links", "active-fragment", "link-class", "link-active-class", "container-class", "show-icons"] }], directives: [{ type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
|
|
2701
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellSidebarComponent, decorators: [{
|
|
2702
|
+
type: i0.Component,
|
|
2703
|
+
args: [{
|
|
2704
|
+
selector: 'lib-shell-sidebar',
|
|
2705
|
+
templateUrl: './shell-sidebar.component.html'
|
|
2706
|
+
}]
|
|
2707
|
+
}], ctorParameters: function () {
|
|
2708
|
+
return [{ type: i1__namespace$1.Router, decorators: [{
|
|
2709
|
+
type: i0.Inject,
|
|
2710
|
+
args: [i1$1.Router]
|
|
2711
|
+
}] }, { type: i1__namespace$1.ActivatedRoute, decorators: [{
|
|
2712
|
+
type: i0.Inject,
|
|
2713
|
+
args: [i1$1.ActivatedRoute]
|
|
2714
|
+
}] }, { type: undefined, decorators: [{
|
|
2715
|
+
type: i0.Inject,
|
|
2716
|
+
args: [APP_LINKS]
|
|
2717
|
+
}] }];
|
|
2718
|
+
}, propDecorators: { sectionLinksPath: [{
|
|
2719
|
+
type: i0.Input,
|
|
2720
|
+
args: ['section-links']
|
|
2721
|
+
}], shellConfig: [{
|
|
2722
|
+
type: i0.Input,
|
|
2723
|
+
args: ['config']
|
|
2724
|
+
}] } });
|
|
2725
|
+
|
|
2241
2726
|
var ShellLayoutComponent = /** @class */ (function () {
|
|
2242
|
-
function ShellLayoutComponent(router, location, config, componentLoaderFactory) {
|
|
2727
|
+
function ShellLayoutComponent(document, router, location, config, componentLoaderFactory) {
|
|
2728
|
+
this.document = document;
|
|
2243
2729
|
this.router = router;
|
|
2244
2730
|
this.location = location;
|
|
2245
2731
|
this.config = config;
|
|
2246
2732
|
this.componentLoaderFactory = componentLoaderFactory;
|
|
2247
2733
|
this.dynamicComponentHosts = null;
|
|
2248
|
-
this.routerSub$ = null;
|
|
2249
2734
|
this.showRightPaneSM = false;
|
|
2735
|
+
this.routerSub$ = null;
|
|
2250
2736
|
this.activeConfig = new DefaultShellConfig();
|
|
2251
2737
|
this.loaded = false;
|
|
2738
|
+
this.hideSidebar = false;
|
|
2252
2739
|
if (!config) {
|
|
2253
2740
|
config = new DefaultShellConfig();
|
|
2254
2741
|
}
|
|
@@ -2310,9 +2797,9 @@
|
|
|
2310
2797
|
};
|
|
2311
2798
|
return ShellLayoutComponent;
|
|
2312
2799
|
}());
|
|
2313
|
-
ShellLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2314
|
-
ShellLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2315
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2800
|
+
ShellLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellLayoutComponent, deps: [{ token: i1.DOCUMENT }, { token: i1__namespace$1.Router }, { token: i1__namespace.Location }, { token: SHELL_CONFIG }, { token: ComponentLoaderFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2801
|
+
ShellLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShellLayoutComponent, selector: "lib-shell-layout", viewQueries: [{ propertyName: "dynamicComponentHosts", predicate: DynamicComponentHostDirective, descendants: true }], ngImport: i0__namespace, template: "<div *ngIf=\"loaded && (activeConfig.layout === 'Stacked' || !activeConfig.layout)\" [style.display]=\"!loaded ? 'none':'block'\" class=\"shell-container active-side-pane\">\r\n\r\n <div class=\"shell-header-container\" *ngIf=\"activeConfig.showHeader\">\r\n <div [class]=\"activeConfig.fluid ? 'shell-header-container-inner-fluid' : 'shell-header-container-inner'\">\r\n <ng-container *ngIf=\"activeConfig.customHeaderComponent\">\r\n <div appDynamicComponentHost =\"Header\"></div>\r\n </ng-container>\r\n <lib-shell-header *ngIf=\"!activeConfig.customHeaderComponent\" [show-userName]=\"activeConfig.showUserNameOnHeader\"\r\n [show-alerts]=\"activeConfig.showAlertsOnHeader\">\r\n </lib-shell-header>\r\n </div>\r\n </div>\r\n\r\n <main [class]=\"activeConfig.showHeader ? 'shell-content-container' : 'shell-content-container-no-header'\">\r\n <div [class]=\"activeConfig.fluid ? 'shell-content-container-inner-fluid' : 'shell-content-container-inner'\">\r\n <router-outlet *ngIf=\"loaded && (activeConfig.layout === 'Stacked' || !activeConfig.layout)\"></router-outlet>\r\n </div>\r\n </main>\r\n\r\n <div class=\"shell-footer-container\" *ngIf=\"activeConfig.showFooter\">\r\n <div [class]=\"activeConfig.fluid ? 'shell-footer-container-inner-fluid' : 'shell-footer-container-inner'\">\r\n <ng-container *ngIf=\"activeConfig.customFooterComponent\">\r\n <div appDynamicComponentHost hostName=\"Footer\"></div>\r\n </ng-container>\r\n <lib-shell-footer *ngIf=\"!activeConfig.customFooterComponent\"></lib-shell-footer>\r\n </div>\r\n </div>\r\n\r\n <lib-side-pane #rightPane>\r\n <router-outlet name=\"rightpane\" (activate)=\"rightPane.onSidePaneActivated($event)\" (deactivate)=\"rightPane.onSidePaneDeactivated($event)\"></router-outlet>\r\n </lib-side-pane>\r\n\r\n <lib-toaster-container></lib-toaster-container>\r\n</div>\r\n\r\n<!-- SIDEBAR LAYOUT -->\r\n\r\n<div *ngIf=\"loaded && activeConfig.layout === 'Sidebar'\" [style.display]=\"!loaded ? 'none':'block'\" class=\"sidebar shell-container active-side-pane\">\r\n\r\n <!-- Static sidebar for desktop -->\r\n <div class=\"hidden w-0 sm:w-64 flex-col inset-y-0 bg-gray-800\" [class.hidden]=\"hideSidebar\" [class.fixed]=\"!hideSidebar\">\r\n <lib-shell-sidebar [config]=\"activeConfig\" ></lib-shell-sidebar>\r\n </div>\r\n\r\n <div class=\"flex flex-col\" [class.pl-64]=\"!hideSidebar\">\r\n <div class=\"sticky top-0 z-10 flex-shrink-0 flex h-16 bg-gray-800\">\r\n\r\n <button type=\"button\" class=\"hidden sm:block px-4 border-0 text-white focus:outline-none\" (click)=\"hideSidebar = !hideSidebar\">\r\n <span class=\"sr-only\">Open sidebar</span>\r\n <!-- Heroicon name: outline/menu-alt-2 -->\r\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\r\n </svg>\r\n </button>\r\n\r\n <button type=\"button\" class=\"block sm:hidden px-4 border-0 text-gray-200 focus:outline-none\" (click)=\"hideSidebar = !hideSidebar\">\r\n <span class=\"sr-only\">Open sidebar</span>\r\n <!-- Heroicon name: outline/menu-alt-2 --> 111\r\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\r\n </svg>\r\n </button>\r\n\r\n <div class=\"flex-1\">\r\n <div class=\"shell-header-container\">\r\n <lib-shell-header [shell-layout]=\"activeConfig.layout\" [show-userName]=\"activeConfig.showUserNameOnHeader\" [show-alerts]=\"activeConfig.showAlertsOnHeader\"></lib-shell-header>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <main class=\"shell-content-container-sidebar\">\r\n <div class=\"shell-content-container-inner\">\r\n <router-outlet *ngIf=\"loaded && activeConfig.layout === 'Sidebar'\"></router-outlet>\r\n </div>\r\n </main>\r\n </div>\r\n\r\n <lib-side-pane #rightPane>\r\n <router-outlet name=\"rightpane\" (activate)=\"rightPane.onSidePaneActivated($event)\" (deactivate)=\"rightPane.onSidePaneDeactivated($event)\"></router-outlet>\r\n </lib-side-pane>\r\n\r\n <lib-toaster-container></lib-toaster-container>\r\n\r\n</div>\r\n", components: [{ type: ShellHeaderComponent, selector: "lib-shell-header", inputs: ["section-links", "profile-menu", "show-userName", "show-alerts", "shell-layout", "border"] }, { type: ShellFooterComponent, selector: "lib-shell-footer" }, { type: SidePaneComponent, selector: "lib-side-pane", inputs: ["visible"], outputs: ["onComplete"] }, { type: ToasterContainerComponent, selector: "lib-toaster-container" }, { type: ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: ["section-links", "config"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: DynamicComponentHostDirective, selector: "[appDynamicComponentHost]", inputs: ["hostName"] }, { type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
|
|
2802
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ShellLayoutComponent, decorators: [{
|
|
2316
2803
|
type: i0.Component,
|
|
2317
2804
|
args: [{
|
|
2318
2805
|
// tslint:disable-next-line:component-selector
|
|
@@ -2320,7 +2807,10 @@
|
|
|
2320
2807
|
templateUrl: './shell-layout.component.html',
|
|
2321
2808
|
}]
|
|
2322
2809
|
}], ctorParameters: function () {
|
|
2323
|
-
return [{ type:
|
|
2810
|
+
return [{ type: undefined, decorators: [{
|
|
2811
|
+
type: i0.Inject,
|
|
2812
|
+
args: [i1.DOCUMENT]
|
|
2813
|
+
}] }, { type: i1__namespace$1.Router }, { type: i1__namespace.Location }, { type: undefined, decorators: [{
|
|
2324
2814
|
type: i0.Inject,
|
|
2325
2815
|
args: [SHELL_CONFIG]
|
|
2326
2816
|
}] }, { type: ComponentLoaderFactory }];
|
|
@@ -2396,9 +2886,9 @@
|
|
|
2396
2886
|
};
|
|
2397
2887
|
return ViewLayoutComponent;
|
|
2398
2888
|
}());
|
|
2399
|
-
ViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2400
|
-
ViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2401
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2889
|
+
ViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ViewLayoutComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2890
|
+
ViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ViewLayoutComponent, selector: "lib-view-layout", inputs: { header: ["show-header", "header"], fluid: "fluid", title: "title", icon: "icon", actions: "actions", busy: "busy", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], view: "view", metaItems: ["meta-items", "metaItems"] }, outputs: { onAction: "onAction", onSearch: "onSearch" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0__namespace, template: "<header *ngIf=\"header\" class=\"view-layout-paddings\">\r\n\r\n <div class=\"view-layout-title-container\">\r\n\r\n <div class=\"view-layout-title-container-inner\">\r\n <div class=\"flex items-center\">\r\n <i *ngIf=\"icon\" [class]=\"icon + ' title-icon'\" aria-hidden=\"true\"></i>\r\n <h1 [class]=\"busy ? 'view-layout-title-busy' : 'view-layout-title'\">{{title}}</h1>\r\n </div>\r\n <div *ngIf=\"metaItems && metaItems.length > 0\" class=\"meta-container\">\r\n <ng-container *ngFor=\"let meta of metaItems\">\r\n <div class=\"meta-item-container\">\r\n <i *ngIf=\"meta.icon\" [class]=\"meta.icon + ' meta-icon'\" aria-hidden=\"true\"></i>\r\n <span class=\"meta-text\">{{meta.text}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end\">\r\n <ng-container *ngFor=\"let action of actions\" [ngSwitch]=\"action.type\">\r\n\r\n <ng-container *ngSwitchCase=\"'switch-view'\">\r\n <button [disabled]=\"view === action.param\" type=\"button\" href=\"#\" class=\"ml-1 disabled:opacity-50 btn-view-header\" (click)=\"switchViewActionClick(action)\">\r\n <span class=\"inline-block relative\">\r\n <i [class]=\"action.icon\"></i>\r\n <span *ngIf=\"view === action.param\" class=\"selected-view-indicator\"></span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <label for=\"search\" class=\"sr-only\">Search</label>\r\n <div class=\"search-container\">\r\n <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\r\n <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\r\n </svg>-->\r\n </div>\r\n <input id=\"search\" #search class=\"search-input\" [placeholder]=\"searchPlaceholder\"\r\n type=\"search\" name=\"search\" (input)=\"searchActionType(search.value)\" (onsearch)=\"handleClear($event)\">\r\n </div>\r\n <button type=\"button\" href=\"#\" class=\"btn-view-header rounded-l-none\" [title]=\"action.tooltip\" (click)=\"searchActionClick(action, search.value)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'router-link'\">\r\n <button type=\"button\" href=\"#\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"routerLinkActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n\r\n\r\n <ng-container *ngSwitchDefault>\r\n <button type=\"button\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"emitActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</header>\r\n\r\n<!-- component -->\r\n<div [class]=\"fluid ? 'view-container-fluid' : 'view-container'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
2891
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ViewLayoutComponent, decorators: [{
|
|
2402
2892
|
type: i0.Component,
|
|
2403
2893
|
args: [{
|
|
2404
2894
|
selector: 'lib-view-layout',
|
|
@@ -2451,11 +2941,9 @@
|
|
|
2451
2941
|
ModelViewLayoutComponent.prototype.ngOnInit = function () {
|
|
2452
2942
|
};
|
|
2453
2943
|
ModelViewLayoutComponent.prototype.onSidePaneActivated = function ($event) {
|
|
2454
|
-
//console.log('onSidePaneActivated', $event);
|
|
2455
2944
|
this.showRightPaneSM = true;
|
|
2456
2945
|
};
|
|
2457
2946
|
ModelViewLayoutComponent.prototype.onSidePaneDeactivated = function ($event) {
|
|
2458
|
-
//console.log('onSidePaneActivated', $event);
|
|
2459
2947
|
this.showRightPaneSM = false;
|
|
2460
2948
|
};
|
|
2461
2949
|
ModelViewLayoutComponent.prototype.closeSidePane = function () {
|
|
@@ -2463,9 +2951,9 @@
|
|
|
2463
2951
|
};
|
|
2464
2952
|
return ModelViewLayoutComponent;
|
|
2465
2953
|
}());
|
|
2466
|
-
ModelViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2467
|
-
ModelViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2468
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
2954
|
+
ModelViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModelViewLayoutComponent, deps: [{ token: i1__namespace.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2955
|
+
ModelViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ModelViewLayoutComponent, selector: "lib-model-view-layout", inputs: { title: "title", primary: ["primary-links", "primary"], secondary: ["secondary-links", "secondary"], metaItems: ["meta-items", "metaItems"] }, ngImport: i0__namespace, template: "<lib-view-layout [title]=\"title\" [meta-items]=\"metaItems\">\r\n <main class=\"model-view-container\">\r\n <div class=\"model-view-container-inner\">\r\n <aside class=\"model-view-aside\">\r\n <section aria-labelledby=\"menu\" class=\"details-view-aside-header-section\">\r\n <div class=\"model-view-aside-header-container\">\r\n <div class=\"model-view-aside-header-container-inner\">\r\n <ng-content></ng-content>\r\n </div>\r\n <!-- menu items -->\r\n <div class=\"model-view-menu-container\">\r\n <nav class=\"model-view-menu-nav\">\r\n <div class=\"model-view-menu-item\">\r\n <ng-container *ngFor=\"let section of primary\">\r\n <a href=\"#\"\r\n [routerLinkActive]=\"['view-nav-link-active']\"\r\n [routerLink]=\"section.link\"\r\n class=\"view-nav-link\">\r\n {{section.text}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n <div class=\"model-view-menu-item-far\">\r\n <ng-container *ngFor=\"let section of secondary\">\r\n <a href=\"#\"\r\n [routerLinkActive]=\"['view-nav-link-active']\"\r\n [routerLinkActiveOptions]=\"{ exact: true }\"\r\n [routerLink]=\"section.link\"\r\n class=\"view-nav-link\">\r\n {{section.text}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </nav>\r\n </div>\r\n </div>\r\n </section>\r\n </aside>\r\n <div class=\"model-view-details-container\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </main>\r\n", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1__namespace$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
|
|
2956
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModelViewLayoutComponent, decorators: [{
|
|
2469
2957
|
type: i0.Component,
|
|
2470
2958
|
args: [{
|
|
2471
2959
|
// tslint:disable-next-line:component-selector
|
|
@@ -2543,9 +3031,9 @@
|
|
|
2543
3031
|
};
|
|
2544
3032
|
return SideViewLayoutComponent;
|
|
2545
3033
|
}());
|
|
2546
|
-
SideViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2547
|
-
SideViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2548
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3034
|
+
SideViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SideViewLayoutComponent, deps: [{ token: i1__namespace.Location }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3035
|
+
SideViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SideViewLayoutComponent, selector: "lib-side-view-layout", inputs: { title: "title", showActions: "showActions", disabled: "disabled", returnPath: ["return-path", "returnPath"], okLabel: ["ok-label", "okLabel"], okShow: ["ok-show", "okShow"], closeOnOk: ["ok-close-dialog", "closeOnOk"], cancelLabel: ["cancel-label", "cancelLabel"], cancelShow: ["cancel-show", "cancelShow"], forceLocationBack: ["force-location-back", "forceLocationBack"] }, outputs: { cancel: "cancel", ok: "ok" }, ngImport: i0__namespace, template: "<div class=\"side-view-layout-size-box\">\r\n <div class=\"side-view-layout-container\">\r\n <div class=\"side-view-layout-container-inner\">\r\n <div class=\"side-view-layout-header-margins\">\r\n <div class=\"side-view-layout-header-container\">\r\n <h2 class=\"side-view-layout-header-title\" id=\"slide-over-title\">\r\n {{title}}\r\n </h2>\r\n <div class=\"side-view-layout-close-button-container\">\r\n <button (click)=\"emitClose()\" class=\"side-view-layout-close-button\">\r\n <span class=\"sr-only\">Close panel</span>\r\n <!-- Heroicon name: outline/x -->\r\n <svg class=\"side-view-layout-close-button-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"side-view-layout-content-container\">\r\n <!-- Replace with your content -->\r\n <ng-content></ng-content>\r\n <!-- /End replace -->\r\n </div>\r\n </div>\r\n <div *ngIf=\"showActions\" class=\"side-view-layout-actions-container\">\r\n <button *ngIf=\"cancelShow\" (click)=\"emitCancel()\" type=\"button\" class=\"side-view-layout-action-button-cancel\">\r\n {{cancelLabel}}\r\n </button>\r\n <button *ngIf=\"okShow\" (click)=\"emitOK()\" class=\"side-view-layout-action-button-submit\" [disabled]=\"disabled\">\r\n {{okLabel}}\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3036
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SideViewLayoutComponent, decorators: [{
|
|
2549
3037
|
type: i0.Component,
|
|
2550
3038
|
args: [{
|
|
2551
3039
|
selector: 'lib-side-view-layout',
|
|
@@ -2585,8 +3073,8 @@
|
|
|
2585
3073
|
}] } });
|
|
2586
3074
|
|
|
2587
3075
|
var FormLayoutComponent = /** @class */ (function () {
|
|
2588
|
-
function FormLayoutComponent(
|
|
2589
|
-
this.
|
|
3076
|
+
function FormLayoutComponent(router$) {
|
|
3077
|
+
this.router$ = router$;
|
|
2590
3078
|
this.title = null;
|
|
2591
3079
|
// tslint:disable-next-line:no-input-rename
|
|
2592
3080
|
this.searchPlaceholder = 'αναζήτηση';
|
|
@@ -2598,7 +3086,6 @@
|
|
|
2598
3086
|
// tslint:disable-next-line:no-output-on-prefix
|
|
2599
3087
|
this.onSearch = new i0.EventEmitter();
|
|
2600
3088
|
this.onComplete = new i0.EventEmitter();
|
|
2601
|
-
this.showRightPaneSM = false;
|
|
2602
3089
|
}
|
|
2603
3090
|
FormLayoutComponent.prototype.ngOnInit = function () {
|
|
2604
3091
|
var _a;
|
|
@@ -2628,17 +3115,17 @@
|
|
|
2628
3115
|
FormLayoutComponent.prototype.routerLinkActionClick = function (action, relative) {
|
|
2629
3116
|
if (relative === void 0) { relative = false; }
|
|
2630
3117
|
if (action.outlet) {
|
|
2631
|
-
this.
|
|
3118
|
+
this.router$.navigate(['', { outlets: { formRightPane: action.link } }]);
|
|
2632
3119
|
}
|
|
2633
3120
|
else {
|
|
2634
|
-
this.
|
|
3121
|
+
this.router$.navigate([action.link]);
|
|
2635
3122
|
}
|
|
2636
3123
|
};
|
|
2637
3124
|
return FormLayoutComponent;
|
|
2638
3125
|
}());
|
|
2639
|
-
FormLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2640
|
-
FormLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2641
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3126
|
+
FormLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormLayoutComponent, deps: [{ token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3127
|
+
FormLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FormLayoutComponent, selector: "lib-form-layout", inputs: { title: "title", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], actions: "actions", subTitle: ["sub-title", "subTitle"] }, outputs: { onAction: "onAction", onSearch: "onSearch", onComplete: "onComplete" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"form-layout-container\">\r\n <div class=\"form-header\" *ngIf=\"title || subTitle || actions\">\r\n <div class=\"form-header-inner\">\r\n <h3 class=\"form-title\">\r\n {{ title }}\r\n </h3>\r\n <p class=\"form-subtitle\">\r\n {{ subTitle }}\r\n </p>\r\n </div>\r\n <div class=\"form-header-actions\">\r\n <ng-container *ngFor=\"let action of actions\" [ngSwitch]=\"action.type\">\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <label for=\"search\" class=\"sr-only\">Search</label>\r\n <div class=\"search-container\">\r\n <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\r\n <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\r\n </svg>-->\r\n </div>\r\n <input id=\"search\"\r\n #search\r\n class=\"form-search-input\"\r\n [placeholder]=\"searchPlaceholder\"\r\n type=\"search\"\r\n name=\"search\"\r\n (input)=\"searchActionType(search.value)\">\r\n </div>\r\n <button type=\"button\"\r\n href=\"#\"\r\n class=\"btn-form-view-header-search\"\r\n [title]=\"action.tooltip\"\r\n (click)=\"searchActionClick(action, search.value)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'router-link'\">\r\n <button type=\"button\"\r\n href=\"#\"\r\n class=\"ml-1 btn-form-view-header\"\r\n [title]=\"action.tooltip\"\r\n (click)=\"routerLinkActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button type=\"button\"\r\n class=\"ml-1 btn-form-view-header\"\r\n [title]=\"action.tooltip\"\r\n (click)=\"emitActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"form-content-container\">\r\n <div [ngClass]=\"{'form-content-container-inner': actions}\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <lib-side-pane #formPane (onComplete)=\"onSidePaneDeactivated($event)\">\r\n <router-outlet name=\"formRightPane\"\r\n (activate)=\"formPane.onSidePaneActivated($event)\"\r\n (deactivate)=\"formPane.onSidePaneDeactivated($event)\"></router-outlet>\r\n </lib-side-pane>\r\n</div>\r\n", components: [{ type: SidePaneComponent, selector: "lib-side-pane", inputs: ["visible"], outputs: ["onComplete"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
|
|
3128
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormLayoutComponent, decorators: [{
|
|
2642
3129
|
type: i0.Component,
|
|
2643
3130
|
args: [{
|
|
2644
3131
|
selector: 'lib-form-layout',
|
|
@@ -2682,9 +3169,9 @@
|
|
|
2682
3169
|
};
|
|
2683
3170
|
return AuthCallbackComponent;
|
|
2684
3171
|
}());
|
|
2685
|
-
AuthCallbackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2686
|
-
AuthCallbackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2687
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3172
|
+
AuthCallbackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthCallbackComponent, deps: [{ token: i2.AuthService }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3173
|
+
AuthCallbackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AuthCallbackComponent, selector: "lib-auth-callback", ngImport: i0__namespace, template: "<lib-view-layout [title]=\"status\" [busy]=\"true\"></lib-view-layout>", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
|
|
3174
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthCallbackComponent, decorators: [{
|
|
2688
3175
|
type: i0.Component,
|
|
2689
3176
|
args: [{
|
|
2690
3177
|
selector: 'lib-auth-callback',
|
|
@@ -2712,9 +3199,9 @@
|
|
|
2712
3199
|
};
|
|
2713
3200
|
return AuthRenewComponent;
|
|
2714
3201
|
}());
|
|
2715
|
-
AuthRenewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2716
|
-
AuthRenewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2717
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3202
|
+
AuthRenewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthRenewComponent, deps: [{ token: i2.AuthService }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3203
|
+
AuthRenewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AuthRenewComponent, selector: "lib-auth-renew", ngImport: i0__namespace, template: '', isInline: true });
|
|
3204
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AuthRenewComponent, decorators: [{
|
|
2718
3205
|
type: i0.Component,
|
|
2719
3206
|
args: [{
|
|
2720
3207
|
selector: 'lib-auth-renew',
|
|
@@ -2742,9 +3229,9 @@
|
|
|
2742
3229
|
};
|
|
2743
3230
|
return LoggedOutComponent;
|
|
2744
3231
|
}());
|
|
2745
|
-
LoggedOutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2746
|
-
LoggedOutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2747
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3232
|
+
LoggedOutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoggedOutComponent, deps: [{ token: i2.AuthService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3233
|
+
LoggedOutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LoggedOutComponent, selector: "lib-logged-out", ngImport: i0__namespace, template: "<lib-view-layout title=\"\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03C0\u03BF\u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1!\"></lib-view-layout>", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
|
|
3234
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoggedOutComponent, decorators: [{
|
|
2748
3235
|
type: i0.Component,
|
|
2749
3236
|
args: [{
|
|
2750
3237
|
// tslint:disable-next-line:component-selector
|
|
@@ -2766,9 +3253,9 @@
|
|
|
2766
3253
|
};
|
|
2767
3254
|
return ErrorComponent;
|
|
2768
3255
|
}());
|
|
2769
|
-
ErrorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2770
|
-
ErrorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2771
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3256
|
+
ErrorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ErrorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3257
|
+
ErrorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ErrorComponent, selector: "lib-error", ngImport: i0__namespace, template: "<lib-view-layout [show-header]=\"false\" title=\"500 - \u03C0\u03B1\u03C1\u03BF\u03C5\u03C3\u03B9\u03AC\u03C3\u03C4\u03B7\u03BA\u03B5 \u03C3\u03C6\u03AC\u03BB\u03BC\u03B1!\">\r\n <div class=\"bg-gray-600 view-container\">\r\n <div class=\"max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-extrabold text-white sm:text-4xl\">\r\n <span class=\"block\">500</span>\r\n </h2>\r\n <p class=\"mt-4 text-lg leading-6 text-gray-200\">\u03C3\u03C6\u03AC\u03BB\u03BC\u03B1, \u03BA\u03B1\u03C4\u03B9 \u03B4\u03B5\u03BD \u03C0\u03AE\u03B3\u03B5 \u03BA\u03B1\u03BB\u03AC...!</p>\r\n <a href=\"/\" class=\"mt-8 inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-sm rounded-sm text-gray-600 bg-white hover:bg-gray-50 sm:w-auto\">\r\n \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03C3\u03C4\u03C1\u03AD\u03C8\u03B5\u03C4\u03B5\r\n </a>\r\n </div>\r\n </div>\r\n</lib-view-layout>\r\n", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
|
|
3258
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ErrorComponent, decorators: [{
|
|
2772
3259
|
type: i0.Component,
|
|
2773
3260
|
args: [{
|
|
2774
3261
|
selector: 'lib-error',
|
|
@@ -2783,9 +3270,9 @@
|
|
|
2783
3270
|
};
|
|
2784
3271
|
return PageNotFoundComponent;
|
|
2785
3272
|
}());
|
|
2786
|
-
PageNotFoundComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2787
|
-
PageNotFoundComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2788
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3273
|
+
PageNotFoundComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PageNotFoundComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3274
|
+
PageNotFoundComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PageNotFoundComponent, selector: "lib-page-not-found", ngImport: i0__namespace, template: "<lib-view-layout [show-header]=\"false\" title=\"404 - \u03B4\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B5!\">\r\n <div class=\"text-gray-900\">\r\n <div class=\"max-w-4xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-extrabold sm:text-4xl\">\r\n <span class=\"block\">404</span>\r\n </h2>\r\n <p class=\"mt-4 text-lg leading-6 text-gray-800\">\u03B4\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B5 \u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C0\u03BF\u03C5 \u03B6\u03B7\u03C4\u03AE\u03C3\u03B1\u03C4\u03B5!</p>\r\n <a href=\"/\"\r\n class=\"mt-8 inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-sm rounded-sm text-gray-600 bg-white hover:bg-gray-50 sm:w-auto\">\r\n \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03C3\u03C4\u03C1\u03AD\u03C8\u03B5\u03C4\u03B5\r\n </a>\r\n </div>\r\n </div>\r\n</lib-view-layout>\r\n", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
|
|
3275
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PageNotFoundComponent, decorators: [{
|
|
2789
3276
|
type: i0.Component,
|
|
2790
3277
|
args: [{
|
|
2791
3278
|
selector: 'lib-page-not-found',
|
|
@@ -2799,9 +3286,9 @@
|
|
|
2799
3286
|
UnauthorizedComponent.prototype.ngOnInit = function () { };
|
|
2800
3287
|
return UnauthorizedComponent;
|
|
2801
3288
|
}());
|
|
2802
|
-
UnauthorizedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2803
|
-
UnauthorizedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
2804
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3289
|
+
UnauthorizedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnauthorizedComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3290
|
+
UnauthorizedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UnauthorizedComponent, selector: "lib-unauthorized", ngImport: i0__namespace, template: "<lib-view-layout [show-header]=\"false\" title=\"401 - \u03B4\u03B5\u03BD \u03B5\u03C0\u03B9\u03C4\u03C1\u03AD\u03C0\u03B5\u03C4\u03B1\u03B9 \u03B7 \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7!\">\r\n <div class=\"bg-gray-600 view-container\">\r\n <div class=\"max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8\">\r\n <h2 class=\"text-3xl font-extrabold text-white sm:text-4xl\">\r\n <span class=\"block\">401</span>\r\n </h2>\r\n <p class=\"mt-4 text-lg leading-6 text-gray-200\">\u03B4\u03B5\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03BA\u03B1\u03C4\u03AC\u03BB\u03BB\u03B7\u03BB\u03B1 \u03B4\u03B9\u03BA\u03B1\u03B9\u03CE\u03BC\u03B1\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7\u03C2!</p>\r\n <a href=\"/\" class=\"mt-8 inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-sm rounded-sm text-gray-600 bg-white hover:bg-gray-50 sm:w-auto\">\r\n \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03C3\u03C4\u03C1\u03AD\u03C8\u03B5\u03C4\u03B5\r\n </a>\r\n </div>\r\n </div>\r\n </lib-view-layout>\r\n\r\n\r\n", components: [{ type: ViewLayoutComponent, selector: "lib-view-layout", inputs: ["show-header", "fluid", "title", "icon", "actions", "busy", "search-placeholder", "view", "meta-items"], outputs: ["onAction", "onSearch"] }] });
|
|
3291
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnauthorizedComponent, decorators: [{
|
|
2805
3292
|
type: i0.Component,
|
|
2806
3293
|
args: [{
|
|
2807
3294
|
selector: 'lib-unauthorized',
|
|
@@ -2821,9 +3308,9 @@
|
|
|
2821
3308
|
};
|
|
2822
3309
|
return AddressPipe;
|
|
2823
3310
|
}());
|
|
2824
|
-
AddressPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2825
|
-
AddressPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.
|
|
2826
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3311
|
+
AddressPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AddressPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
3312
|
+
AddressPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AddressPipe, name: "address", pure: false });
|
|
3313
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AddressPipe, decorators: [{
|
|
2827
3314
|
type: i0.Pipe,
|
|
2828
3315
|
args: [{
|
|
2829
3316
|
name: 'address',
|
|
@@ -2886,9 +3373,9 @@
|
|
|
2886
3373
|
};
|
|
2887
3374
|
return DurationFormatPipe;
|
|
2888
3375
|
}());
|
|
2889
|
-
DurationFormatPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
2890
|
-
DurationFormatPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.
|
|
2891
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3376
|
+
DurationFormatPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DurationFormatPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
3377
|
+
DurationFormatPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DurationFormatPipe, name: "durationFormat", pure: false });
|
|
3378
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DurationFormatPipe, decorators: [{
|
|
2892
3379
|
type: i0.Pipe,
|
|
2893
3380
|
args: [{
|
|
2894
3381
|
name: 'durationFormat',
|
|
@@ -2896,31 +3383,6 @@
|
|
|
2896
3383
|
}]
|
|
2897
3384
|
}] });
|
|
2898
3385
|
|
|
2899
|
-
var defaultError = 'Something went wrong';
|
|
2900
|
-
var ObsWithStatusPipe = /** @class */ (function () {
|
|
2901
|
-
function ObsWithStatusPipe() {
|
|
2902
|
-
}
|
|
2903
|
-
ObsWithStatusPipe.prototype.transform = function (val) {
|
|
2904
|
-
return val.pipe(operators.map(function (value) {
|
|
2905
|
-
return {
|
|
2906
|
-
loading: value.type === 'start',
|
|
2907
|
-
error: value.type === 'error' ? defaultError : '',
|
|
2908
|
-
value: value.type ? value.value : value,
|
|
2909
|
-
};
|
|
2910
|
-
}), operators.startWith({ loading: true }), operators.catchError(function (error) { return rxjs.of({ loading: false, error: typeof error === 'string' ? error : defaultError }); }));
|
|
2911
|
-
};
|
|
2912
|
-
return ObsWithStatusPipe;
|
|
2913
|
-
}());
|
|
2914
|
-
ObsWithStatusPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0__namespace, type: ObsWithStatusPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
2915
|
-
ObsWithStatusPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0__namespace, type: ObsWithStatusPipe, name: "obsWithStatus", pure: false });
|
|
2916
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0__namespace, type: ObsWithStatusPipe, decorators: [{
|
|
2917
|
-
type: i0.Pipe,
|
|
2918
|
-
args: [{
|
|
2919
|
-
name: 'obsWithStatus',
|
|
2920
|
-
pure: false
|
|
2921
|
-
}]
|
|
2922
|
-
}] });
|
|
2923
|
-
|
|
2924
3386
|
var BaseListComponent = /** @class */ (function () {
|
|
2925
3387
|
function BaseListComponent(route$, router$) {
|
|
2926
3388
|
this.route$ = route$;
|
|
@@ -2971,26 +3433,26 @@
|
|
|
2971
3433
|
// changing the view mode does not require reloading...
|
|
2972
3434
|
_this.view = params.get('view') || ListViewType.Tiles;
|
|
2973
3435
|
// console.log('route changes ', this.view);
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
3436
|
+
if (params.get('search') !== _this.search) {
|
|
3437
|
+
_this.searchChanged(params.get('search'));
|
|
3438
|
+
}
|
|
3439
|
+
var page = +(params.get('page') || 1);
|
|
3440
|
+
if (page !== _this.page) {
|
|
3441
|
+
_this.page = page;
|
|
3442
|
+
}
|
|
3443
|
+
var size = +(params.get('pagesize') || 20);
|
|
3444
|
+
if (_this.pageSize !== size) {
|
|
3445
|
+
_this.pageSize = size;
|
|
3446
|
+
}
|
|
3447
|
+
if (params.get('search') !== _this.search) {
|
|
3448
|
+
_this.search = params.get('search');
|
|
3449
|
+
}
|
|
3450
|
+
if (params.get('sort') !== _this.sort) {
|
|
3451
|
+
_this.sort = params.get('sort');
|
|
3452
|
+
}
|
|
3453
|
+
if (params.get('sortdir') !== _this.sortdir) {
|
|
3454
|
+
_this.sortdir = params.get('sortdir');
|
|
3455
|
+
}
|
|
2994
3456
|
});
|
|
2995
3457
|
// just to sync params in query
|
|
2996
3458
|
this.setRouteParams(true);
|
|
@@ -3094,9 +3556,9 @@
|
|
|
3094
3556
|
};
|
|
3095
3557
|
return BaseListComponent;
|
|
3096
3558
|
}());
|
|
3097
|
-
BaseListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3098
|
-
BaseListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
3099
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3559
|
+
BaseListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BaseListComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3560
|
+
BaseListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BaseListComponent, selector: "ng-component", ngImport: i0__namespace, template: '', isInline: true });
|
|
3561
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BaseListComponent, decorators: [{
|
|
3100
3562
|
type: i0.Component,
|
|
3101
3563
|
args: [{ template: '' }]
|
|
3102
3564
|
}], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }]; } });
|
|
@@ -3141,9 +3603,9 @@
|
|
|
3141
3603
|
};
|
|
3142
3604
|
return ModalBackdropComponent;
|
|
3143
3605
|
}());
|
|
3144
|
-
ModalBackdropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3145
|
-
ModalBackdropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
3146
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3606
|
+
ModalBackdropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalBackdropComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3607
|
+
ModalBackdropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ModalBackdropComponent, selector: "lib-modal-backdrop", host: { classAttribute: "modal-backdrop" }, ngImport: i0__namespace, template: '', isInline: true, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
3608
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalBackdropComponent, decorators: [{
|
|
3147
3609
|
type: i0.Component,
|
|
3148
3610
|
args: [{
|
|
3149
3611
|
selector: 'lib-modal-backdrop',
|
|
@@ -3168,9 +3630,9 @@
|
|
|
3168
3630
|
}
|
|
3169
3631
|
return ModalOptions;
|
|
3170
3632
|
}());
|
|
3171
|
-
ModalOptions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3172
|
-
ModalOptions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.
|
|
3173
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3633
|
+
ModalOptions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalOptions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3634
|
+
ModalOptions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalOptions });
|
|
3635
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalOptions, decorators: [{
|
|
3174
3636
|
type: i0.Injectable
|
|
3175
3637
|
}] });
|
|
3176
3638
|
/**
|
|
@@ -3277,9 +3739,9 @@
|
|
|
3277
3739
|
};
|
|
3278
3740
|
return ModalContainerComponent;
|
|
3279
3741
|
}());
|
|
3280
|
-
ModalContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3281
|
-
ModalContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.
|
|
3282
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3742
|
+
ModalContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalContainerComponent, deps: [{ token: ModalOptions }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3743
|
+
ModalContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ModalContainerComponent, selector: "lib-modal-container", host: { attributes: { "role": "dialog", "tabindex": "-1" }, listeners: { "mousedown": "onClickStarted($event)", "click": "onClickStop($event)", "window:popstate": "onPopState()", "window:keydown.esc": "onEsc($event)" }, properties: { "attr.aria-modal": "true", "attr.aria-labelledby": "config.ariaLabelledBy", "attr.aria-describedby": "config.ariaDescribedby" }, classAttribute: "modal" }, ngImport: i0__namespace, template: "\n <div [class]=\"'modal-dialog' + (config.class ? ' ' + config.class : '')\" role=\"document\" focusTrap>\n <div class=\"modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n ", isInline: true });
|
|
3744
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalContainerComponent, decorators: [{
|
|
3283
3745
|
type: i0.Component,
|
|
3284
3746
|
args: [{
|
|
3285
3747
|
selector: 'lib-modal-container',
|
|
@@ -3327,9 +3789,9 @@
|
|
|
3327
3789
|
}
|
|
3328
3790
|
return Modal;
|
|
3329
3791
|
}());
|
|
3330
|
-
Modal.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3331
|
-
Modal.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.
|
|
3332
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3792
|
+
Modal.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Modal, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3793
|
+
Modal.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Modal });
|
|
3794
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Modal, decorators: [{
|
|
3333
3795
|
type: i0.Injectable
|
|
3334
3796
|
}] });
|
|
3335
3797
|
|
|
@@ -3530,9 +3992,9 @@
|
|
|
3530
3992
|
};
|
|
3531
3993
|
return ModalService;
|
|
3532
3994
|
}());
|
|
3533
|
-
ModalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3534
|
-
ModalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.
|
|
3535
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
3995
|
+
ModalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalService, deps: [{ token: ComponentLoaderFactory }, { token: i0__namespace.RendererFactory2 }, { token: i1.DOCUMENT }, { token: MODAL_CONFIG_DEFAULT_OVERRIDE, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3996
|
+
ModalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalService });
|
|
3997
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ModalService, decorators: [{
|
|
3536
3998
|
type: i0.Injectable
|
|
3537
3999
|
}], ctorParameters: function () {
|
|
3538
4000
|
return [{ type: ComponentLoaderFactory }, { type: i0__namespace.RendererFactory2 }, { type: undefined, decorators: [{
|
|
@@ -3558,12 +4020,12 @@
|
|
|
3558
4020
|
};
|
|
3559
4021
|
return IndiceComponentsModule;
|
|
3560
4022
|
}());
|
|
3561
|
-
IndiceComponentsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.
|
|
3562
|
-
IndiceComponentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.
|
|
3563
|
-
//
|
|
4023
|
+
IndiceComponentsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
4024
|
+
IndiceComponentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, declarations: [
|
|
4025
|
+
// Directives
|
|
3564
4026
|
ClickOutsideDirective,
|
|
3565
4027
|
DynamicComponentHostDirective,
|
|
3566
|
-
//
|
|
4028
|
+
// Controls
|
|
3567
4029
|
DropDownMenuComponent,
|
|
3568
4030
|
PagerComponent,
|
|
3569
4031
|
ListViewComponent,
|
|
@@ -3578,77 +4040,87 @@
|
|
|
3578
4040
|
DatepickerComponent,
|
|
3579
4041
|
AvatarInitialsComponent,
|
|
3580
4042
|
ToggleComponent,
|
|
4043
|
+
ComboboxComponent,
|
|
3581
4044
|
// Toaster
|
|
3582
4045
|
ToasterContainerComponent,
|
|
3583
4046
|
ToasterComponent,
|
|
3584
|
-
//
|
|
4047
|
+
// Shell Layout
|
|
3585
4048
|
ShellLayoutComponent,
|
|
3586
4049
|
ShellHeaderComponent,
|
|
3587
4050
|
ShellFooterComponent,
|
|
3588
|
-
//
|
|
4051
|
+
// View Layouts
|
|
3589
4052
|
ViewLayoutComponent,
|
|
3590
4053
|
SideViewLayoutComponent,
|
|
3591
4054
|
ModelViewLayoutComponent,
|
|
3592
4055
|
FormLayoutComponent,
|
|
3593
|
-
//
|
|
4056
|
+
// Pages (common)
|
|
3594
4057
|
AuthCallbackComponent,
|
|
3595
4058
|
AuthRenewComponent,
|
|
3596
4059
|
LoggedOutComponent,
|
|
3597
4060
|
ErrorComponent,
|
|
3598
4061
|
PageNotFoundComponent,
|
|
3599
4062
|
UnauthorizedComponent,
|
|
3600
|
-
//
|
|
4063
|
+
// Pipes
|
|
3601
4064
|
AddressPipe,
|
|
3602
4065
|
DurationFormatPipe,
|
|
3603
|
-
|
|
4066
|
+
NavLinksListComponent,
|
|
4067
|
+
NotificationsIndicatorComponent,
|
|
4068
|
+
LanguageSelectionComponent,
|
|
4069
|
+
UserProfileMenuComponent,
|
|
4070
|
+
ShellSidebarComponent,
|
|
4071
|
+
// Tab Group Component
|
|
4072
|
+
LibTabGroupComponent,
|
|
4073
|
+
LibTabComponent
|
|
3604
4074
|
], imports: [i1.CommonModule,
|
|
3605
4075
|
i1$1.RouterModule,
|
|
3606
|
-
i2.IndiceAuthModule], exports: [
|
|
4076
|
+
i2.IndiceAuthModule], exports: [AddressPipe,
|
|
4077
|
+
AuthCallbackComponent,
|
|
4078
|
+
AuthRenewComponent,
|
|
4079
|
+
AvatarInitialsComponent,
|
|
4080
|
+
ClickOutsideDirective,
|
|
4081
|
+
CollapsiblePanelComponent,
|
|
4082
|
+
ComboboxComponent,
|
|
4083
|
+
DatepickerComponent,
|
|
3607
4084
|
DropDownMenuComponent,
|
|
3608
|
-
|
|
3609
|
-
|
|
4085
|
+
DurationFormatPipe,
|
|
4086
|
+
ErrorComponent,
|
|
4087
|
+
FormLayoutComponent,
|
|
4088
|
+
KpiTileComponent,
|
|
4089
|
+
LibTabGroupComponent,
|
|
4090
|
+
LibTabComponent,
|
|
3610
4091
|
ListColumnComponent,
|
|
3611
|
-
ListTileComponent,
|
|
3612
4092
|
ListDetailsSectionComponent,
|
|
4093
|
+
ListTileComponent,
|
|
4094
|
+
ListViewComponent,
|
|
3613
4095
|
ListViewEmptyStateComponent,
|
|
3614
|
-
KpiTileComponent,
|
|
3615
|
-
SkeletonLoaderComponent,
|
|
3616
|
-
ShellLayoutComponent,
|
|
3617
|
-
ShellHeaderComponent,
|
|
3618
|
-
ShellFooterComponent,
|
|
3619
|
-
ViewLayoutComponent,
|
|
3620
|
-
SideViewLayoutComponent,
|
|
3621
|
-
ModelViewLayoutComponent,
|
|
3622
|
-
FormLayoutComponent,
|
|
3623
|
-
AuthCallbackComponent,
|
|
3624
|
-
AuthRenewComponent,
|
|
3625
4096
|
LoggedOutComponent,
|
|
3626
|
-
|
|
4097
|
+
ModelViewLayoutComponent,
|
|
3627
4098
|
PageNotFoundComponent,
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
|
|
3632
|
-
CollapsiblePanelComponent,
|
|
4099
|
+
PagerComponent,
|
|
4100
|
+
ShellFooterComponent,
|
|
4101
|
+
ShellHeaderComponent,
|
|
4102
|
+
ShellLayoutComponent,
|
|
3633
4103
|
SidePaneComponent,
|
|
3634
|
-
|
|
3635
|
-
|
|
4104
|
+
SideViewLayoutComponent,
|
|
4105
|
+
SkeletonLoaderComponent,
|
|
3636
4106
|
ToasterComponent,
|
|
3637
|
-
|
|
3638
|
-
ToggleComponent
|
|
3639
|
-
|
|
4107
|
+
ToasterContainerComponent,
|
|
4108
|
+
ToggleComponent,
|
|
4109
|
+
UnauthorizedComponent,
|
|
4110
|
+
ViewLayoutComponent] });
|
|
4111
|
+
IndiceComponentsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, imports: [[
|
|
3640
4112
|
i1.CommonModule,
|
|
3641
4113
|
i1$1.RouterModule,
|
|
3642
4114
|
i2.IndiceAuthModule
|
|
3643
4115
|
]] });
|
|
3644
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.
|
|
4116
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, decorators: [{
|
|
3645
4117
|
type: i0.NgModule,
|
|
3646
4118
|
args: [{
|
|
3647
4119
|
declarations: [
|
|
3648
|
-
//
|
|
4120
|
+
// Directives
|
|
3649
4121
|
ClickOutsideDirective,
|
|
3650
4122
|
DynamicComponentHostDirective,
|
|
3651
|
-
//
|
|
4123
|
+
// Controls
|
|
3652
4124
|
DropDownMenuComponent,
|
|
3653
4125
|
PagerComponent,
|
|
3654
4126
|
ListViewComponent,
|
|
@@ -3663,29 +4135,37 @@
|
|
|
3663
4135
|
DatepickerComponent,
|
|
3664
4136
|
AvatarInitialsComponent,
|
|
3665
4137
|
ToggleComponent,
|
|
4138
|
+
ComboboxComponent,
|
|
3666
4139
|
// Toaster
|
|
3667
4140
|
ToasterContainerComponent,
|
|
3668
4141
|
ToasterComponent,
|
|
3669
|
-
//
|
|
4142
|
+
// Shell Layout
|
|
3670
4143
|
ShellLayoutComponent,
|
|
3671
4144
|
ShellHeaderComponent,
|
|
3672
4145
|
ShellFooterComponent,
|
|
3673
|
-
//
|
|
4146
|
+
// View Layouts
|
|
3674
4147
|
ViewLayoutComponent,
|
|
3675
4148
|
SideViewLayoutComponent,
|
|
3676
4149
|
ModelViewLayoutComponent,
|
|
3677
4150
|
FormLayoutComponent,
|
|
3678
|
-
//
|
|
4151
|
+
// Pages (common)
|
|
3679
4152
|
AuthCallbackComponent,
|
|
3680
4153
|
AuthRenewComponent,
|
|
3681
4154
|
LoggedOutComponent,
|
|
3682
4155
|
ErrorComponent,
|
|
3683
4156
|
PageNotFoundComponent,
|
|
3684
4157
|
UnauthorizedComponent,
|
|
3685
|
-
//
|
|
4158
|
+
// Pipes
|
|
3686
4159
|
AddressPipe,
|
|
3687
4160
|
DurationFormatPipe,
|
|
3688
|
-
|
|
4161
|
+
NavLinksListComponent,
|
|
4162
|
+
NotificationsIndicatorComponent,
|
|
4163
|
+
LanguageSelectionComponent,
|
|
4164
|
+
UserProfileMenuComponent,
|
|
4165
|
+
ShellSidebarComponent,
|
|
4166
|
+
// Tab Group Component
|
|
4167
|
+
LibTabGroupComponent,
|
|
4168
|
+
LibTabComponent
|
|
3689
4169
|
],
|
|
3690
4170
|
imports: [
|
|
3691
4171
|
i1.CommonModule,
|
|
@@ -3693,39 +4173,41 @@
|
|
|
3693
4173
|
i2.IndiceAuthModule
|
|
3694
4174
|
],
|
|
3695
4175
|
exports: [
|
|
4176
|
+
AddressPipe,
|
|
4177
|
+
AuthCallbackComponent,
|
|
4178
|
+
AuthRenewComponent,
|
|
4179
|
+
AvatarInitialsComponent,
|
|
3696
4180
|
ClickOutsideDirective,
|
|
4181
|
+
CollapsiblePanelComponent,
|
|
4182
|
+
ComboboxComponent,
|
|
4183
|
+
DatepickerComponent,
|
|
3697
4184
|
DropDownMenuComponent,
|
|
3698
|
-
|
|
3699
|
-
|
|
4185
|
+
DurationFormatPipe,
|
|
4186
|
+
ErrorComponent,
|
|
4187
|
+
FormLayoutComponent,
|
|
4188
|
+
KpiTileComponent,
|
|
4189
|
+
LibTabGroupComponent,
|
|
4190
|
+
LibTabComponent,
|
|
3700
4191
|
ListColumnComponent,
|
|
3701
|
-
ListTileComponent,
|
|
3702
4192
|
ListDetailsSectionComponent,
|
|
4193
|
+
ListTileComponent,
|
|
4194
|
+
ListViewComponent,
|
|
3703
4195
|
ListViewEmptyStateComponent,
|
|
3704
|
-
KpiTileComponent,
|
|
3705
|
-
SkeletonLoaderComponent,
|
|
3706
|
-
ShellLayoutComponent,
|
|
3707
|
-
ShellHeaderComponent,
|
|
3708
|
-
ShellFooterComponent,
|
|
3709
|
-
ViewLayoutComponent,
|
|
3710
|
-
SideViewLayoutComponent,
|
|
3711
|
-
ModelViewLayoutComponent,
|
|
3712
|
-
FormLayoutComponent,
|
|
3713
|
-
AuthCallbackComponent,
|
|
3714
|
-
AuthRenewComponent,
|
|
3715
4196
|
LoggedOutComponent,
|
|
3716
|
-
|
|
4197
|
+
ModelViewLayoutComponent,
|
|
3717
4198
|
PageNotFoundComponent,
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
CollapsiblePanelComponent,
|
|
4199
|
+
PagerComponent,
|
|
4200
|
+
ShellFooterComponent,
|
|
4201
|
+
ShellHeaderComponent,
|
|
4202
|
+
ShellLayoutComponent,
|
|
3723
4203
|
SidePaneComponent,
|
|
3724
|
-
|
|
3725
|
-
|
|
4204
|
+
SideViewLayoutComponent,
|
|
4205
|
+
SkeletonLoaderComponent,
|
|
3726
4206
|
ToasterComponent,
|
|
3727
|
-
|
|
3728
|
-
ToggleComponent
|
|
4207
|
+
ToasterContainerComponent,
|
|
4208
|
+
ToggleComponent,
|
|
4209
|
+
UnauthorizedComponent,
|
|
4210
|
+
ViewLayoutComponent
|
|
3729
4211
|
]
|
|
3730
4212
|
}]
|
|
3731
4213
|
}] });
|
|
@@ -3736,7 +4218,9 @@
|
|
|
3736
4218
|
* Generated bundle index. Do not edit.
|
|
3737
4219
|
*/
|
|
3738
4220
|
|
|
4221
|
+
exports.APP_LANGUAGES = APP_LANGUAGES;
|
|
3739
4222
|
exports.APP_LINKS = APP_LINKS;
|
|
4223
|
+
exports.APP_NOTIFICATIONS = APP_NOTIFICATIONS;
|
|
3740
4224
|
exports.AddressPipe = AddressPipe;
|
|
3741
4225
|
exports.AuthCallbackComponent = AuthCallbackComponent;
|
|
3742
4226
|
exports.AuthRenewComponent = AuthRenewComponent;
|
|
@@ -3744,6 +4228,7 @@
|
|
|
3744
4228
|
exports.BaseListComponent = BaseListComponent;
|
|
3745
4229
|
exports.ClickOutsideDirective = ClickOutsideDirective;
|
|
3746
4230
|
exports.CollapsiblePanelComponent = CollapsiblePanelComponent;
|
|
4231
|
+
exports.ComboboxComponent = ComboboxComponent;
|
|
3747
4232
|
exports.ComponentLoaderFactory = ComponentLoaderFactory;
|
|
3748
4233
|
exports.DatepickerComponent = DatepickerComponent;
|
|
3749
4234
|
exports.DefaultShellConfig = DefaultShellConfig;
|
|
@@ -3757,6 +4242,8 @@
|
|
|
3757
4242
|
exports.Icons = Icons;
|
|
3758
4243
|
exports.IndiceComponentsModule = IndiceComponentsModule;
|
|
3759
4244
|
exports.KpiTileComponent = KpiTileComponent;
|
|
4245
|
+
exports.LibTabComponent = LibTabComponent;
|
|
4246
|
+
exports.LibTabGroupComponent = LibTabGroupComponent;
|
|
3760
4247
|
exports.ListColumnComponent = ListColumnComponent;
|
|
3761
4248
|
exports.ListDetailsSectionComponent = ListDetailsSectionComponent;
|
|
3762
4249
|
exports.ListTileComponent = ListTileComponent;
|
|
@@ -3772,8 +4259,8 @@
|
|
|
3772
4259
|
exports.ModelViewLayoutComponent = ModelViewLayoutComponent;
|
|
3773
4260
|
exports.NULL_TOAST = NULL_TOAST;
|
|
3774
4261
|
exports.NavLink = NavLink;
|
|
4262
|
+
exports.NavLinksListComponent = NavLinksListComponent;
|
|
3775
4263
|
exports.NotificationNavLink = NotificationNavLink;
|
|
3776
|
-
exports.ObsWithStatusPipe = ObsWithStatusPipe;
|
|
3777
4264
|
exports.PageNotFoundComponent = PageNotFoundComponent;
|
|
3778
4265
|
exports.PagerComponent = PagerComponent;
|
|
3779
4266
|
exports.RouterViewAction = RouterViewAction;
|