ngx-sfc-components 0.0.23 → 0.0.25
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/esm2020/lib/components/avatar/avatar.component.mjs +12 -5
- package/esm2020/lib/components/avatar/models/avatar-progress.model.mjs +1 -1
- package/esm2020/lib/components/avatar/parts/badge/avatar-badge.component.mjs +1 -1
- package/esm2020/lib/components/carousel/carousel.component.mjs +3 -3
- package/esm2020/lib/components/index.mjs +4 -2
- package/esm2020/lib/components/menu/dropdown/dropdown-menu.component.mjs +3 -3
- package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.component.mjs +8 -3
- package/esm2020/lib/components/menu/router/parts/item/router-menu-item.component.mjs +31 -0
- package/esm2020/lib/components/menu/router/parts/item/router-menu-item.model.mjs +2 -0
- package/esm2020/lib/components/menu/router/router-menu.component.mjs +32 -0
- package/esm2020/lib/components/menu/side/parts/header/side-menu-header.component.mjs +10 -6
- package/esm2020/lib/components/menu/side/parts/item/content/side-menu-item-content.component.mjs +7 -4
- package/esm2020/lib/components/menu/side/parts/item/side-menu-item.component.mjs +6 -5
- package/esm2020/lib/components/menu/side/side-menu.component.mjs +12 -5
- package/esm2020/lib/components/menu/side/side-menu.constants.mjs +4 -0
- package/esm2020/lib/components/menu/side/side-menu.model.mjs +1 -1
- package/esm2020/lib/components/no-export-index.mjs +2 -1
- package/esm2020/lib/components/notification/notification.component.mjs +1 -1
- package/esm2020/lib/components/progress/circle/progress-circle.component.mjs +6 -3
- package/esm2020/lib/components/progress/progress.utils.mjs +2 -2
- package/esm2020/lib/components/table/parts/content/rows/expanded/expanded-table-row.component.mjs +2 -2
- package/esm2020/lib/components/table/service/select/table-select.event.mjs +1 -1
- package/esm2020/lib/components/table/service/select/table-select.service.mjs +17 -7
- package/esm2020/lib/components/table/table.component.mjs +35 -11
- package/esm2020/lib/components/tabs/tabs.component.mjs +8 -3
- package/esm2020/lib/components/tags/parts/tag/tag.component.mjs +4 -4
- package/esm2020/lib/components/tags/parts/tag/tag.model.mjs +1 -1
- package/esm2020/lib/components/tags/tags.component.mjs +2 -2
- package/esm2020/lib/ngx-sfc-components.module.mjs +9 -3
- package/fesm2015/ngx-sfc-components.mjs +205 -72
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +204 -72
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/avatar/avatar.component.d.ts +4 -2
- package/lib/components/avatar/models/avatar-progress.model.d.ts +3 -2
- package/lib/components/avatar/parts/badge/avatar-badge.component.d.ts +2 -1
- package/lib/components/index.d.ts +4 -1
- package/lib/components/menu/router/parts/item/router-menu-item.component.d.ts +9 -0
- package/lib/components/menu/router/parts/item/router-menu-item.model.d.ts +9 -0
- package/lib/components/menu/router/router-menu.component.d.ts +11 -0
- package/lib/components/menu/side/parts/header/side-menu-header.component.d.ts +4 -2
- package/lib/components/menu/side/side-menu.component.d.ts +1 -0
- package/lib/components/menu/side/side-menu.constants.d.ts +3 -0
- package/lib/components/menu/side/side-menu.model.d.ts +10 -4
- package/lib/components/no-export-index.d.ts +1 -0
- package/lib/components/notification/notification.component.d.ts +1 -1
- package/lib/components/progress/circle/progress-circle.component.d.ts +2 -1
- package/lib/components/table/service/select/table-select.event.d.ts +1 -0
- package/lib/components/table/service/select/table-select.service.d.ts +3 -2
- package/lib/components/table/table.component.d.ts +4 -3
- package/lib/components/tabs/tabs.component.d.ts +3 -2
- package/lib/components/tags/parts/tag/tag.model.d.ts +1 -0
- package/lib/ngx-sfc-components.module.d.ts +34 -32
- package/package.json +2 -2
|
@@ -5,19 +5,24 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
import * as i2 from "ngx-sfc-common";
|
|
6
6
|
export class DropdownMenuItemComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
/* Inputs */
|
|
8
9
|
this.item = { label: CommonConstants.EMPTY_STRING };
|
|
9
10
|
}
|
|
11
|
+
/* End Inputs */
|
|
12
|
+
/* Host bindings */
|
|
10
13
|
get _active() { return this.item.active || false; }
|
|
14
|
+
/* End Host bindings */
|
|
15
|
+
/* Host listeners */
|
|
11
16
|
click() {
|
|
12
17
|
if (this.item.click)
|
|
13
18
|
this.item.click(this.item);
|
|
14
19
|
}
|
|
15
20
|
}
|
|
16
21
|
DropdownMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;
|
|
22
|
+
DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none;transition:color .5s ease,border-color .5s ease,background .5s ease}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }, { kind: "component", type: i2.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
18
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, decorators: [{
|
|
19
24
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;
|
|
25
|
+
args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none;transition:color .5s ease,border-color .5s ease,background .5s ease}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"] }]
|
|
21
26
|
}], propDecorators: { item: [{
|
|
22
27
|
type: Input
|
|
23
28
|
}], _active: [{
|
|
@@ -27,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
27
32
|
type: HostListener,
|
|
28
33
|
args: ['click']
|
|
29
34
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9kcm9wZG93bi9wYXJ0cy9pdGVtL2Ryb3Bkb3duLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vcGFydHMvaXRlbS9kcm9wZG93bi1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUTFELE1BQU0sT0FBTyx5QkFBeUI7SUFMdEM7UUFPRSxZQUFZO1FBR1osU0FBSSxHQUEyQixFQUFFLEtBQUssRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7S0FvQnhFO0lBbEJDLGdCQUFnQjtJQUVoQixtQkFBbUI7SUFFbkIsSUFDWSxPQUFPLEtBQWMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRXBFLHVCQUF1QjtJQUV2QixvQkFBb0I7SUFHcEIsS0FBSztRQUNILElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOztzSEF0QlUseUJBQXlCOzBHQUF6Qix5QkFBeUIscUxDVHRDLHdMQUtzRDsyRkRJekMseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFTbEMsSUFBSTtzQkFESCxLQUFLO2dCQVFNLE9BQU87c0JBRGxCLFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsTUFBTSxFQUFFO2dCQVF0QyxLQUFLO3NCQURKLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBVSUNsYXNzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9kcm9wZG93bi1tZW51LWl0ZW0ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtZHJvcGRvd24tbWVudS1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1tZW51LWl0ZW0uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHJvcGRvd25NZW51SXRlbUNvbXBvbmVudCB7XHJcblxyXG4gIC8qIElucHV0cyAqL1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW06IElEcm9wZG93bk1lbnVJdGVtTW9kZWwgPSB7IGxhYmVsOiBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HIH07XHJcblxyXG4gIC8qIEVuZCBJbnB1dHMgKi9cclxuXHJcbiAgLyogSG9zdCBiaW5kaW5ncyAqL1xyXG5cclxuICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7VUlDbGFzcy5BY3RpdmV9YClcclxuICBwcml2YXRlIGdldCBfYWN0aXZlKCk6IGJvb2xlYW4geyByZXR1cm4gdGhpcy5pdGVtLmFjdGl2ZSB8fCBmYWxzZTsgfVxyXG5cclxuICAvKiBFbmQgSG9zdCBiaW5kaW5ncyAqL1xyXG5cclxuICAvKiBIb3N0IGxpc3RlbmVycyAqL1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgY2xpY2soKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pdGVtLmNsaWNrKVxyXG4gICAgICB0aGlzLml0ZW0uY2xpY2sodGhpcy5pdGVtKTtcclxuICB9XHJcblxyXG4gIC8qIEVuZCBIb3N0IGxpc3RlbmVycyAqL1xyXG59XHJcbiIsIjxsaT5cclxuICAgIDxzZmMtaWNvbiBbaWNvbl09XCJpdGVtLmljb25cIiBbaW1hZ2VTcmNdPVwiaXRlbS5pbWFnZVwiPjwvc2ZjLWljb24+XHJcbiAgICA8YT57e2l0ZW0ubGFiZWx9fTwvYT5cclxuPC9saT5cclxuXHJcbjxzZmMtZGVsaW1ldGVyICpuZ0lmPVwiaXRlbS5kZWxpbWV0ZXJcIj48L3NmYy1kZWxpbWV0ZXI+Il19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component, HostBinding, HostListener, Input } from '@angular/core';
|
|
2
|
+
import { CommonConstants, UIClass } from 'ngx-sfc-common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "ngx-sfc-common";
|
|
5
|
+
export class RouterMenuItemComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.item = { id: CommonConstants.EMPTY_STRING, label: CommonConstants.EMPTY_STRING, selected: false };
|
|
8
|
+
}
|
|
9
|
+
get _selected() {
|
|
10
|
+
return this.item.selected ?? false;
|
|
11
|
+
}
|
|
12
|
+
click() {
|
|
13
|
+
if (this.item.click)
|
|
14
|
+
this.item.click(this.item);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
RouterMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RouterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
RouterMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: RouterMenuItemComponent, selector: "sfc-router-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.selected": "this._selected" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <span>{{item.label}}</span>\r\n </div>\r\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container{display:flex;align-items:center;justify-content:center;height:100%}:host .container .content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:color .5s ease;padding:.5em .8em;width:100%}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{color:#fff}:host .container .content span{font-size:.7em;font-weight:700}:host .container .content sfc-icon{margin-right:.5em}:host.selected .container .content,:host:hover .container .content{color:#ffce54}:host.selected .container .content{border:1px solid #ffce54;border-radius:3em;background:#ffce54;color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RouterMenuItemComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'sfc-router-menu-item', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <span>{{item.label}}</span>\r\n </div>\r\n</div>", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container{display:flex;align-items:center;justify-content:center;height:100%}:host .container .content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:color .5s ease;padding:.5em .8em;width:100%}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{color:#fff}:host .container .content span{font-size:.7em;font-weight:700}:host .container .content sfc-icon{margin-right:.5em}:host.selected .container .content,:host:hover .container .content{color:#ffce54}:host.selected .container .content{border:1px solid #ffce54;border-radius:3em;background:#ffce54;color:#fff}\n"] }]
|
|
22
|
+
}], propDecorators: { item: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], _selected: [{
|
|
25
|
+
type: HostBinding,
|
|
26
|
+
args: ['class.' + UIClass.Selected]
|
|
27
|
+
}], click: [{
|
|
28
|
+
type: HostListener,
|
|
29
|
+
args: ['click']
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW1lbnUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvcm91dGVyL3BhcnRzL2l0ZW0vcm91dGVyLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvcm91dGVyL3BhcnRzL2l0ZW0vcm91dGVyLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVExRCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBUUksU0FBSSxHQUF5QixFQUFFLEVBQUUsRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLEtBQUssRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQztLQVkzSDtJQVZHLElBQ0ksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFHRCxLQUFLO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7b0hBZFEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsdUxDVHBDLHlNQUtNOzJGRElPLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxzQkFBc0I7OEJBT2hDLElBQUk7c0JBREgsS0FBSztnQkFJRixTQUFTO3NCQURaLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxRQUFRO2dCQU14QyxLQUFLO3NCQURKLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBVSUNsYXNzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBJUm91dGVyTWVudUl0ZW1Nb2RlbCB9IGZyb20gJy4vcm91dGVyLW1lbnUtaXRlbS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2ZjLXJvdXRlci1tZW51LWl0ZW0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JvdXRlci1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vcm91dGVyLW1lbnUtaXRlbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSb3V0ZXJNZW51SXRlbUNvbXBvbmVudCB7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGl0ZW06IElSb3V0ZXJNZW51SXRlbU1vZGVsID0geyBpZDogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORywgbGFiZWw6IENvbW1vbkNvbnN0YW50cy5FTVBUWV9TVFJJTkcsIHNlbGVjdGVkOiBmYWxzZSB9O1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuU2VsZWN0ZWQpXHJcbiAgICBnZXQgX3NlbGVjdGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLml0ZW0uc2VsZWN0ZWQgPz8gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxyXG4gICAgY2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXRlbS5jbGljaylcclxuICAgICAgICAgICAgdGhpcy5pdGVtLmNsaWNrKHRoaXMuaXRlbSk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8c2ZjLWljb24gW2ljb25dPVwiaXRlbS5pY29uXCIgW2ltYWdlU3JjXT1cIml0ZW0uaW1hZ2VcIj48L3NmYy1pY29uPlxyXG4gICAgICAgIDxzcGFuPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW1lbnUtaXRlbS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9yb3V0ZXIvcGFydHMvaXRlbS9yb3V0ZXItbWVudS1pdGVtLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uRGVmaW5pdGlvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnNcIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVJvdXRlck1lbnVJdGVtTW9kZWwge1xyXG4gICAgaWQ6IHN0cmluZztcclxuICAgIGxhYmVsOiBzdHJpbmc7XHJcbiAgICBzZWxlY3RlZD86IGJvb2xlYW47XHJcbiAgICBpY29uPzogSWNvbkRlZmluaXRpb247XHJcbiAgICBpbWFnZT86IHN0cmluZztcclxuICAgIGNsaWNrPzogKGl0ZW06IElSb3V0ZXJNZW51SXRlbU1vZGVsKSA9PiB2b2lkO1xyXG59Il19
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { all } from 'ngx-sfc-common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "./parts/item/router-menu-item.component";
|
|
6
|
+
export class RouterMenuComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.items = [];
|
|
9
|
+
this.selected = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
if (all(this.items, (item) => !(item.selected ?? false))) {
|
|
13
|
+
this.items[0].selected = true;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
onClick(item) {
|
|
17
|
+
this.items.forEach((item) => item.selected = false);
|
|
18
|
+
item.selected = true;
|
|
19
|
+
this.selected.emit(item);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
RouterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RouterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
RouterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: RouterMenuComponent, selector: "sfc-router-menu", inputs: { items: "items" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <div class=\"items\">\r\n <sfc-router-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n </sfc-router-menu-item>\r\n </div>\r\n </div> \r\n</div>", styles: [":host{width:100%}:host .container .content .items{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:.625em}:host .container .content .items sfc-router-menu-item{flex:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.RouterMenuItemComponent, selector: "sfc-router-menu-item", inputs: ["item"] }] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RouterMenuComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'sfc-router-menu', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <div class=\"items\">\r\n <sfc-router-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n </sfc-router-menu-item>\r\n </div>\r\n </div> \r\n</div>", styles: [":host{width:100%}:host .container .content .items{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:.625em}:host .container .content .items sfc-router-menu-item{flex:50%}\n"] }]
|
|
27
|
+
}], propDecorators: { items: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], selected: [{
|
|
30
|
+
type: Output
|
|
31
|
+
}] } });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGVyLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tZW51L3JvdXRlci9yb3V0ZXItbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvcm91dGVyL3JvdXRlci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUXJDLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFRSSxVQUFLLEdBQTJCLEVBQUUsQ0FBQztRQUduQyxhQUFRLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO0tBYTNGO0lBWEcsUUFBUTtRQUNKLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUEwQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQyxFQUFFO1lBQzVFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztTQUNqQztJQUNMLENBQUM7SUFFTSxPQUFPLENBQUMsSUFBMEI7UUFDckMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUEwQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQzFFLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7O2dIQWxCUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzSENUaEMsNlJBT007MkZERU8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLGlCQUFpQjs4QkFPM0IsS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYWxsIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBJUm91dGVyTWVudUl0ZW1Nb2RlbCB9IGZyb20gJy4vcGFydHMvaXRlbS9yb3V0ZXItbWVudS1pdGVtLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZmMtcm91dGVyLW1lbnUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JvdXRlci1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3JvdXRlci1tZW51LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFJvdXRlck1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBpdGVtczogSVJvdXRlck1lbnVJdGVtTW9kZWxbXSA9IFtdO1xyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxJUm91dGVyTWVudUl0ZW1Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyPElSb3V0ZXJNZW51SXRlbU1vZGVsPigpO1xyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmIChhbGwodGhpcy5pdGVtcywgKGl0ZW06IElSb3V0ZXJNZW51SXRlbU1vZGVsKSA9PiAhKGl0ZW0uc2VsZWN0ZWQgPz8gZmFsc2UpKSkge1xyXG4gICAgICAgICAgICB0aGlzLml0ZW1zWzBdLnNlbGVjdGVkID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uQ2xpY2soaXRlbTogSVJvdXRlck1lbnVJdGVtTW9kZWwpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLml0ZW1zLmZvckVhY2goKGl0ZW06IElSb3V0ZXJNZW51SXRlbU1vZGVsKSA9PiBpdGVtLnNlbGVjdGVkID0gZmFsc2UpO1xyXG4gICAgICAgIGl0ZW0uc2VsZWN0ZWQgPSB0cnVlO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtc1wiPlxyXG4gICAgICAgICAgICA8c2ZjLXJvdXRlci1tZW51LWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBbaXRlbV09XCJpdGVtXCIgKGNsaWNrKT1cIm9uQ2xpY2soaXRlbSlcIj5cclxuICAgICAgICAgICAgPC9zZmMtcm91dGVyLW1lbnUtaXRlbT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PiAgICBcclxuPC9kaXY+Il19
|
|
@@ -1,25 +1,29 @@
|
|
|
1
1
|
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
-
import { CommonConstants, UIClass } from 'ngx-sfc-common';
|
|
2
|
+
import { CommonConstants, isDefined, UIClass } from 'ngx-sfc-common';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "ngx-sfc-common";
|
|
5
6
|
export class SideMenuHeaderComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.DEFAULT_MENU_HEADER_TEXT = 'Menu';
|
|
8
9
|
this.label = CommonConstants.EMPTY_STRING;
|
|
10
|
+
this.switch = true;
|
|
9
11
|
this.open = false;
|
|
10
12
|
this.toggle = new EventEmitter();
|
|
11
13
|
}
|
|
12
14
|
ngOnInit() {
|
|
13
|
-
this.label = this.label
|
|
15
|
+
this.label = isDefined(this.label) ? this.label : this.DEFAULT_MENU_HEADER_TEXT;
|
|
14
16
|
}
|
|
15
17
|
}
|
|
16
18
|
SideMenuHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
SideMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: { label: "label", open: "open" }, outputs: { toggle: "toggle" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n <span>{{label}}</span>\r\n <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;transition:color .5s ease;
|
|
19
|
+
SideMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: { label: "label", switch: "switch", open: "open" }, outputs: { toggle: "toggle" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n <span>{{label}}</span>\r\n <sfc-hamburger *ngIf=\"switch\" [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;transition:color .5s ease;font-weight:700;font-size:.9em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.HamburgerComponent, selector: "sfc-hamburger" }] });
|
|
18
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuHeaderComponent, decorators: [{
|
|
19
21
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sfc-side-menu-header', template: "<li>\r\n <span>{{label}}</span>\r\n <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;transition:color .5s ease;
|
|
22
|
+
args: [{ selector: 'sfc-side-menu-header', template: "<li>\r\n <span>{{label}}</span>\r\n <sfc-hamburger *ngIf=\"switch\" [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;transition:color .5s ease;font-weight:700;font-size:.9em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"] }]
|
|
21
23
|
}], propDecorators: { label: [{
|
|
22
24
|
type: Input
|
|
25
|
+
}], switch: [{
|
|
26
|
+
type: Input
|
|
23
27
|
}], open: [{
|
|
24
28
|
type: Input
|
|
25
29
|
}, {
|
|
@@ -28,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
28
32
|
}], toggle: [{
|
|
29
33
|
type: Output
|
|
30
34
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9oZWFkZXIvc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9oZWFkZXIvc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsZUFBZSxFQUFTLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQU81RSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT21CLDZCQUF3QixHQUFHLE1BQU0sQ0FBQztRQUduRCxVQUFLLEdBQW9CLGVBQWUsQ0FBQyxZQUFZLENBQUM7UUFHdEQsV0FBTSxHQUFZLElBQUksQ0FBQztRQUl2QixTQUFJLEdBQVksS0FBSyxDQUFDO1FBR3RCLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUt2RDtJQUhDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQztJQUNsRixDQUFDOztvSEFuQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNE1DUnBDLCtJQUdLOzJGREtRLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBU2hDLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBS04sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSTtnQkFJcEMsTUFBTTtzQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBlbXB0eSwgaXNEZWZpbmVkLCBVSUNsYXNzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2lkZS1tZW51LWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbWVudS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbWVudS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZU1lbnVIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IERFRkFVTFRfTUVOVV9IRUFERVJfVEVYVCA9ICdNZW51JztcclxuXHJcbiAgQElucHV0KClcclxuICBsYWJlbD86IHN0cmluZyB8IGVtcHR5ID0gQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORztcclxuXHJcbiAgQElucHV0KClcclxuICBzd2l0Y2g6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuT3BlbilcclxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHRvZ2dsZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubGFiZWwgPSBpc0RlZmluZWQodGhpcy5sYWJlbCkgPyB0aGlzLmxhYmVsIDogdGhpcy5ERUZBVUxUX01FTlVfSEVBREVSX1RFWFQ7XHJcbiAgfVxyXG59XHJcbiIsIjxsaT5cclxuICAgIDxzcGFuPnt7bGFiZWx9fTwvc3Bhbj5cclxuICAgIDxzZmMtaGFtYnVyZ2VyICpuZ0lmPVwic3dpdGNoXCIgW29wZW5dPVwib3BlblwiIChjbGljayk9XCJ0b2dnbGUuZW1pdCgpXCI+PC9zZmMtaGFtYnVyZ2VyPlxyXG48L2xpPiJdfQ==
|
package/esm2020/lib/components/menu/side/parts/item/content/side-menu-item-content.component.mjs
CHANGED
|
@@ -10,8 +10,9 @@ export class SideMenuItemContentComponent {
|
|
|
10
10
|
this.ANGLE_UP_ICON = faAngleUp;
|
|
11
11
|
this.ANGLE_DOWM_ICON = faAngleDown;
|
|
12
12
|
this.item = {
|
|
13
|
-
|
|
13
|
+
id: CommonConstants.EMPTY_STRING,
|
|
14
14
|
label: CommonConstants.EMPTY_STRING,
|
|
15
|
+
icon: null,
|
|
15
16
|
type: SideMenuItemType.Item,
|
|
16
17
|
active: false
|
|
17
18
|
};
|
|
@@ -23,16 +24,18 @@ export class SideMenuItemContentComponent {
|
|
|
23
24
|
}
|
|
24
25
|
onClick() {
|
|
25
26
|
this.selectItem.emit(this.item);
|
|
27
|
+
if (this.item.click)
|
|
28
|
+
this.item.click(this.item);
|
|
26
29
|
}
|
|
27
30
|
get expandIcon() {
|
|
28
31
|
return this.openParent ? this.ANGLE_UP_ICON : this.ANGLE_DOWM_ICON;
|
|
29
32
|
}
|
|
30
33
|
}
|
|
31
34
|
SideMenuItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
SideMenuItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuItemContentComponent, selector: "sfc-side-menu-item-content", inputs: { item: "item", active: "active", open: "open", openParent: "openParent", hasChildren: "hasChildren" }, outputs: { selectItem: "selectItem" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active", "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n <div class=\"item-container\">\r\n <div class=\"item\">\r\n <a>\r\n <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n </a>\r\n </div>\r\n <span class=\"label\">{{item.label}}</span>\r\n </div>\r\n\r\n <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between;transition:color .5s ease}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li
|
|
35
|
+
SideMenuItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuItemContentComponent, selector: "sfc-side-menu-item-content", inputs: { item: "item", active: "active", open: "open", openParent: "openParent", hasChildren: "hasChildren" }, outputs: { selectItem: "selectItem" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active", "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n <div class=\"item-container\">\r\n <div class=\"item\">\r\n <a>\r\n <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n </a>\r\n </div>\r\n <span class=\"label\">{{item.label}}</span>\r\n </div>\r\n\r\n <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between;transition:color .5s ease}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0;font-size:.8em;margin-left:1em}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li{color:#fff}:host.active li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label{color:#ffce54}:host.active li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
33
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuItemContentComponent, decorators: [{
|
|
34
37
|
type: Component,
|
|
35
|
-
args: [{ selector: 'sfc-side-menu-item-content', template: "<li>\r\n <div class=\"item-container\">\r\n <div class=\"item\">\r\n <a>\r\n <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n </a>\r\n </div>\r\n <span class=\"label\">{{item.label}}</span>\r\n </div>\r\n\r\n <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between;transition:color .5s ease}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li
|
|
38
|
+
args: [{ selector: 'sfc-side-menu-item-content', template: "<li>\r\n <div class=\"item-container\">\r\n <div class=\"item\">\r\n <a>\r\n <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n </a>\r\n </div>\r\n <span class=\"label\">{{item.label}}</span>\r\n </div>\r\n\r\n <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between;transition:color .5s ease}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0;font-size:.8em;margin-left:1em}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li{color:#fff}:host.active li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label{color:#ffce54}:host.active li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"] }]
|
|
36
39
|
}], propDecorators: { item: [{
|
|
37
40
|
type: Input
|
|
38
41
|
}], active: [{
|
|
@@ -55,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
55
58
|
type: HostListener,
|
|
56
59
|
args: ['click']
|
|
57
60
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9pdGVtL2NvbnRlbnQvc2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9pdGVtL2NvbnRlbnQvc2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQXNCLGdCQUFnQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWtCLE1BQU0sbUNBQW1DLENBQUM7Ozs7QUFPM0YsTUFBTSxPQUFPLDRCQUE0QjtJQUx6QztRQU9tQixrQkFBYSxHQUFHLFNBQVMsQ0FBQztRQUMxQixvQkFBZSxHQUFHLFdBQVcsQ0FBQztRQUcvQyxTQUFJLEdBQXVCO1lBQ3pCLEVBQUUsRUFBRSxlQUFlLENBQUMsWUFBWTtZQUNoQyxLQUFLLEVBQUUsZUFBZSxDQUFDLFlBQVk7WUFDbkMsSUFBSSxFQUFFLElBQUk7WUFDVixJQUFJLEVBQUUsZ0JBQWdCLENBQUMsSUFBSTtZQUMzQixNQUFNLEVBQUUsS0FBSztTQUNkLENBQUM7UUFJRixXQUFNLEdBQVksS0FBSyxDQUFDO1FBSXhCLFNBQUksR0FBWSxLQUFLLENBQUM7UUFHdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUc1QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixlQUFVLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO0tBYXZGO0lBVkMsT0FBTztRQUNMLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVoQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSztZQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNyRSxDQUFDOzt5SEF6Q1UsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsa1ZDVnpDLHdhQWFLOzJGREhRLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSw0QkFBNEI7OEJBVXRDLElBQUk7c0JBREgsS0FBSztnQkFXTixNQUFNO3NCQUZMLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxNQUFNO2dCQUt0QyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxJQUFJO2dCQUlwQyxVQUFVO3NCQURULEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgVUlDbGFzcyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgSVNpZGVNZW51SXRlbU1vZGVsLCBTaWRlTWVudUl0ZW1UeXBlIH0gZnJvbSAnLi4vLi4vLi4vc2lkZS1tZW51Lm1vZGVsJztcclxuaW1wb3J0IHsgZmFBbmdsZVVwLCBmYUFuZ2xlRG93biwgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2lkZS1tZW51LWl0ZW0tY29udGVudCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbWVudS1pdGVtLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbWVudS1pdGVtLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZU1lbnVJdGVtQ29udGVudENvbXBvbmVudCB7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgQU5HTEVfVVBfSUNPTiA9IGZhQW5nbGVVcDtcclxuICBwcml2YXRlIHJlYWRvbmx5IEFOR0xFX0RPV01fSUNPTiA9IGZhQW5nbGVEb3duO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW06IElTaWRlTWVudUl0ZW1Nb2RlbCA9IHtcclxuICAgIGlkOiBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HLFxyXG4gICAgbGFiZWw6IENvbW1vbkNvbnN0YW50cy5FTVBUWV9TVFJJTkcsXHJcbiAgICBpY29uOiBudWxsLFxyXG4gICAgdHlwZTogU2lkZU1lbnVJdGVtVHlwZS5JdGVtLFxyXG4gICAgYWN0aXZlOiBmYWxzZVxyXG4gIH07XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy4nICsgVUlDbGFzcy5BY3RpdmUpXHJcbiAgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy4nICsgVUlDbGFzcy5PcGVuKVxyXG4gIG9wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBvcGVuUGFyZW50OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGFzQ2hpbGRyZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgc2VsZWN0SXRlbTogRXZlbnRFbWl0dGVyPElTaWRlTWVudUl0ZW1Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyPElTaWRlTWVudUl0ZW1Nb2RlbD4oKTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxyXG4gIG9uQ2xpY2soKSB7XHJcbiAgICB0aGlzLnNlbGVjdEl0ZW0uZW1pdCh0aGlzLml0ZW0pO1xyXG5cclxuICAgIGlmICh0aGlzLml0ZW0uY2xpY2spXHJcbiAgICAgIHRoaXMuaXRlbS5jbGljayh0aGlzLml0ZW0pO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGV4cGFuZEljb24oKTogSWNvbkRlZmluaXRpb24ge1xyXG4gICAgcmV0dXJuIHRoaXMub3BlblBhcmVudCA/IHRoaXMuQU5HTEVfVVBfSUNPTiA6IHRoaXMuQU5HTEVfRE9XTV9JQ09OO1xyXG4gIH1cclxufVxyXG4iLCI8bGk+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaXRlbS1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICA8YT5cclxuICAgICAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaXRlbS5pY29uXCIgW2ljb25dPVwiaXRlbS5pY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiAqbmdJZj1cImhhc0NoaWxkcmVuXCIgY2xhc3M9XCJleHBhbmQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGZhLWljb24gW2ljb25dPVwiZXhwYW5kSWNvblwiPjwvZmEtaWNvbj5cclxuICAgIDwvZGl2PlxyXG48L2xpPiJdfQ==
|
|
@@ -8,8 +8,9 @@ import * as i2 from "./content/side-menu-item-content.component";
|
|
|
8
8
|
export class SideMenuItemComponent {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.item = {
|
|
11
|
-
|
|
11
|
+
id: CommonConstants.EMPTY_STRING,
|
|
12
12
|
label: CommonConstants.EMPTY_STRING,
|
|
13
|
+
icon: null,
|
|
13
14
|
type: SideMenuItemType.Item,
|
|
14
15
|
items: [],
|
|
15
16
|
active: false
|
|
@@ -19,7 +20,7 @@ export class SideMenuItemComponent {
|
|
|
19
20
|
this.openParent = false;
|
|
20
21
|
}
|
|
21
22
|
get hasActiveChild() {
|
|
22
|
-
return isDefined(firstOrDefault(this.item.items, (item) => item.active));
|
|
23
|
+
return isDefined(firstOrDefault(this.item.items, (item) => item.active || false));
|
|
23
24
|
}
|
|
24
25
|
hasChildren(item) {
|
|
25
26
|
return any(item.items);
|
|
@@ -27,10 +28,10 @@ export class SideMenuItemComponent {
|
|
|
27
28
|
isActive(item) {
|
|
28
29
|
return this.hasChildren(item)
|
|
29
30
|
? this.hasActiveChild && !this.openParent
|
|
30
|
-
: item.active;
|
|
31
|
+
: item.active || false;
|
|
31
32
|
}
|
|
32
33
|
ngOnInit() {
|
|
33
|
-
this.openParent = this.hasActiveChild;
|
|
34
|
+
this.openParent = this.hasActiveChild || (this.item.open || false);
|
|
34
35
|
}
|
|
35
36
|
onParentClick(item) {
|
|
36
37
|
this.openParent = !this.openParent;
|
|
@@ -78,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
78
79
|
}], selectItem: [{
|
|
79
80
|
type: Output
|
|
80
81
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tZW51L3NpZGUvcGFydHMvaXRlbS9zaWRlLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9pdGVtL3NpZGUtbWVudS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsR0FBRyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFGLE9BQU8sRUFBc0IsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQXFCN0UsTUFBTSxPQUFPLHFCQUFxQjtJQW5CbEM7UUFzQkUsU0FBSSxHQUF1QjtZQUN6QixFQUFFLEVBQUUsZUFBZSxDQUFDLFlBQVk7WUFDaEMsS0FBSyxFQUFFLGVBQWUsQ0FBQyxZQUFZO1lBQ25DLElBQUksRUFBRSxJQUFJO1lBQ1YsSUFBSSxFQUFFLGdCQUFnQixDQUFDLElBQUk7WUFDM0IsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsS0FBSztTQUNkLENBQUM7UUFJRixTQUFJLEdBQVksS0FBSyxDQUFDO1FBR3RCLGVBQVUsR0FBcUMsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFFdEYsZUFBVSxHQUFZLEtBQUssQ0FBQztLQTZCN0I7SUEzQkMsSUFBWSxjQUFjO1FBQ3hCLE9BQU8sU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQXdCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN4RyxDQUFDO0lBRU0sV0FBVyxDQUFDLElBQXdCO1FBQ3pDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRU0sUUFBUSxDQUFDLElBQXdCO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDM0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVTtZQUN6QyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUE7SUFDMUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxLQUFLLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRU0sYUFBYSxDQUFDLElBQXdCO1FBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ25DLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTSxZQUFZLENBQUMsSUFBd0IsRUFBRSxLQUF5QjtRQUNyRSxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOztrSEEvQ1UscUJBQXFCO3NHQUFyQixxQkFBcUIsOExDeEJsQyw4b0JBV00sMGhCREZRO1FBQ1YsT0FBTyxDQUNMLGdCQUFnQixFQUFFO1lBQ2xCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0JBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBQ3BELE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ3JFLENBQUM7WUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO2dCQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dCQUNsRCxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzthQUN2RSxDQUFDO1NBQ0gsQ0FDQTtLQUNGOzJGQUVVLHFCQUFxQjtrQkFuQmpDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBR2xCO3dCQUNWLE9BQU8sQ0FDTCxnQkFBZ0IsRUFBRTs0QkFDbEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQ0FDcEQsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ3JFLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQ0FDbEQsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ3ZFLENBQUM7eUJBQ0gsQ0FDQTtxQkFDRjs4QkFLRCxJQUFJO3NCQURILEtBQUs7Z0JBWU4sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSTtnQkFJcEMsVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW55LCBDb21tb25Db25zdGFudHMsIGZpcnN0T3JEZWZhdWx0LCBpc0RlZmluZWQsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IElTaWRlTWVudUl0ZW1Nb2RlbCwgU2lkZU1lbnVJdGVtVHlwZSB9IGZyb20gJy4uLy4uL3NpZGUtbWVudS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zaWRlLW1lbnUtaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlLW1lbnUtaXRlbS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoXHJcbiAgICAgICdlbnRlckFuaW1hdGlvbicsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMjAlKScsIG9wYWNpdHk6IDAgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgnMzAwbXMnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJywgb3BhY2l0eTogMSB9KSlcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJywgb3BhY2l0eTogMSB9KSxcclxuICAgICAgICBhbmltYXRlKCczMDBtcycsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMjAlKScsIG9wYWNpdHk6IDAgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdXHJcbiAgICApXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZU1lbnVJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KClcclxuICBpdGVtOiBJU2lkZU1lbnVJdGVtTW9kZWwgPSB7XHJcbiAgICBpZDogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORyxcclxuICAgIGxhYmVsOiBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HLFxyXG4gICAgaWNvbjogbnVsbCxcclxuICAgIHR5cGU6IFNpZGVNZW51SXRlbVR5cGUuSXRlbSxcclxuICAgIGl0ZW1zOiBbXSxcclxuICAgIGFjdGl2ZTogZmFsc2VcclxuICB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuT3BlbilcclxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdEl0ZW06IEV2ZW50RW1pdHRlcjxJU2lkZU1lbnVJdGVtTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU2lkZU1lbnVJdGVtTW9kZWw+KCk7XHJcblxyXG4gIG9wZW5QYXJlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBnZXQgaGFzQWN0aXZlQ2hpbGQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gaXNEZWZpbmVkKGZpcnN0T3JEZWZhdWx0KHRoaXMuaXRlbS5pdGVtcywgKGl0ZW06IElTaWRlTWVudUl0ZW1Nb2RlbCkgPT4gaXRlbS5hY3RpdmUgfHwgZmFsc2UpKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYXNDaGlsZHJlbihpdGVtOiBJU2lkZU1lbnVJdGVtTW9kZWwpOiBib29sZWFuIHtcclxuICAgIHJldHVybiBhbnkoaXRlbS5pdGVtcyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaXNBY3RpdmUoaXRlbTogSVNpZGVNZW51SXRlbU1vZGVsKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5oYXNDaGlsZHJlbihpdGVtKVxyXG4gICAgICA/IHRoaXMuaGFzQWN0aXZlQ2hpbGQgJiYgIXRoaXMub3BlblBhcmVudFxyXG4gICAgICA6IGl0ZW0uYWN0aXZlIHx8IGZhbHNlXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMub3BlblBhcmVudCA9IHRoaXMuaGFzQWN0aXZlQ2hpbGQgfHwgKHRoaXMuaXRlbS5vcGVuIHx8IGZhbHNlKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvblBhcmVudENsaWNrKGl0ZW06IElTaWRlTWVudUl0ZW1Nb2RlbCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuUGFyZW50ID0gIXRoaXMub3BlblBhcmVudDtcclxuICAgIHRoaXMuc2VsZWN0SXRlbS5lbWl0KGl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2hpbGRDbGljayhpdGVtOiBJU2lkZU1lbnVJdGVtTW9kZWwsIGNoaWxkOiBJU2lkZU1lbnVJdGVtTW9kZWwpOiB2b2lkIHtcclxuICAgIGl0ZW0uaXRlbXM/LmZvckVhY2goKGl0ZW0pID0+IGl0ZW0uYWN0aXZlID0gZmFsc2UpO1xyXG4gICAgdGhpcy5zZWxlY3RJdGVtLmVtaXQoY2hpbGQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8c2ZjLXNpZGUtbWVudS1pdGVtLWNvbnRlbnQgW2l0ZW1dPVwiaXRlbVwiIFthY3RpdmVdPVwiaXNBY3RpdmUoaXRlbSlcIiBbb3Blbl09XCJvcGVuXCIgW29wZW5QYXJlbnRdPVwib3BlblBhcmVudFwiXHJcbiAgICAgICAgW2hhc0NoaWxkcmVuXT1cImhhc0NoaWxkcmVuKGl0ZW0pXCIgKHNlbGVjdEl0ZW0pPVwib25QYXJlbnRDbGljayhpdGVtKVwiPlxyXG4gICAgPC9zZmMtc2lkZS1tZW51LWl0ZW0tY29udGVudD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY2hpbGRyZW5cIiAqbmdJZj1cImhhc0NoaWxkcmVuKGl0ZW0pICYmIG9wZW5QYXJlbnRcIiBbQGVudGVyQW5pbWF0aW9uXT5cclxuXHJcbiAgICAgICAgPHNmYy1zaWRlLW1lbnUtaXRlbS1jb250ZW50ICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBpdGVtLml0ZW1zXCIgW2l0ZW1dPVwiY2hpbGRcIiBbb3Blbl09XCJvcGVuXCJcclxuICAgICAgICAgICAgW2FjdGl2ZV09XCJpc0FjdGl2ZShjaGlsZClcIiBbb3BlblBhcmVudF09XCJ0cnVlXCIgKHNlbGVjdEl0ZW0pPVwib25DaGlsZENsaWNrKGl0ZW0sIGNoaWxkKVwiPlxyXG4gICAgICAgIDwvc2ZjLXNpZGUtbWVudS1pdGVtLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
-
import { any, UIClass } from 'ngx-sfc-common';
|
|
2
|
+
import { any, isDefined, UIClass } from 'ngx-sfc-common';
|
|
3
|
+
import { SideMenuConstants } from './side-menu.constants';
|
|
3
4
|
import { SideMenuItemType } from './side-menu.model';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
@@ -13,11 +14,14 @@ export class SideMenuComponent {
|
|
|
13
14
|
this.selected = new EventEmitter();
|
|
14
15
|
}
|
|
15
16
|
get open() {
|
|
16
|
-
return this.model.open;
|
|
17
|
+
return this.model.open || !this.switch;
|
|
17
18
|
}
|
|
18
19
|
set open(value) {
|
|
19
20
|
this.model.open = value;
|
|
20
21
|
}
|
|
22
|
+
get switch() {
|
|
23
|
+
return isDefined(this.model.switch) ? this.model.switch : true;
|
|
24
|
+
}
|
|
21
25
|
onItemSelect(item) {
|
|
22
26
|
// handle only items without childrens
|
|
23
27
|
if (!any(item.items)) {
|
|
@@ -32,10 +36,10 @@ export class SideMenuComponent {
|
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
38
|
SideMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuComponent, selector: "sfc-side-menu", inputs: { model: "model" }, outputs: { selected: "selected" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<div class=\"container\">\r\n <ul>\r\n <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"
|
|
39
|
+
SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuComponent, selector: "sfc-side-menu", inputs: { model: "model" }, outputs: { selected: "selected" }, host: { properties: { "class.open": "this.open", "class.switch": "this.switch" } }, ngImport: i0, template: "<div class=\"container\">\r\n <ul>\r\n <sfc-side-menu-header [label]=\"model.label\" [open]=\"open\" [switch]=\"switch\" (toggle)=\"open =!open\">\r\n </sfc-side-menu-header>\r\n\r\n <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n (selectItem)=\"onItemSelect($event)\">\r\n </sfc-side-menu-item>\r\n\r\n <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n </sfc-side-menu-title>\r\n </ng-container>\r\n </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}:host.switch .container{transition:background .5s ease,width .5s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: ["label", "switch", "open"], outputs: ["toggle"] }, { kind: "component", type: i3.SideMenuItemComponent, selector: "sfc-side-menu-item", inputs: ["item", "open"], outputs: ["selectItem"] }, { kind: "component", type: i4.SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: ["label", "open"] }] });
|
|
36
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuComponent, decorators: [{
|
|
37
41
|
type: Component,
|
|
38
|
-
args: [{ selector: 'sfc-side-menu', template: "<div class=\"container\">\r\n <ul>\r\n <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"
|
|
42
|
+
args: [{ selector: 'sfc-side-menu', template: "<div class=\"container\">\r\n <ul>\r\n <sfc-side-menu-header [label]=\"model.label\" [open]=\"open\" [switch]=\"switch\" (toggle)=\"open =!open\">\r\n </sfc-side-menu-header>\r\n\r\n <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n (selectItem)=\"onItemSelect($event)\">\r\n </sfc-side-menu-item>\r\n\r\n <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n </sfc-side-menu-title>\r\n </ng-container>\r\n </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}:host.switch .container{transition:background .5s ease,width .5s ease-in-out}\n"] }]
|
|
39
43
|
}], propDecorators: { model: [{
|
|
40
44
|
type: Input
|
|
41
45
|
}], selected: [{
|
|
@@ -43,5 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
43
47
|
}], open: [{
|
|
44
48
|
type: HostBinding,
|
|
45
49
|
args: ['class.' + UIClass.Open]
|
|
50
|
+
}], switch: [{
|
|
51
|
+
type: HostBinding,
|
|
52
|
+
args: [`class.${SideMenuConstants.CSS_SWITCH_CLASS}`]
|
|
46
53
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9zaWRlL3NpZGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9zaWRlLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFPekYsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU9FLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBR3BDLFVBQUssR0FBbUIsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQztRQUduRCxhQUFRLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO0tBK0JyRjtJQTdCQyxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxJQUFJLENBQUMsS0FBYztRQUNyQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQ0ksTUFBTTtRQUNSLE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDbEUsQ0FBQztJQUVELFlBQVksQ0FBQyxJQUF3QjtRQUNuQyxzQ0FBc0M7UUFDdEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7Z0JBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO2dCQUVwQixJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO29CQUNqQixJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQztZQUN2RCxDQUFDLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3BCO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7OEdBdENVLGlCQUFpQjtrR0FBakIsaUJBQWlCLHdNQ1Y5QixzckJBY007MkZESk8saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7OEJBU3pCLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLE1BQU07Z0JBSUgsSUFBSTtzQkFEUCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSTtnQkFVaEMsTUFBTTtzQkFEVCxXQUFXO3VCQUFDLFNBQVMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW55LCBpc0RlZmluZWQsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNpZGVNZW51Q29uc3RhbnRzIH0gZnJvbSAnLi9zaWRlLW1lbnUuY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSVNpZGVNZW51SXRlbU1vZGVsLCBJU2lkZU1lbnVNb2RlbCwgU2lkZU1lbnVJdGVtVHlwZSB9IGZyb20gJy4vc2lkZS1tZW51Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXNpZGUtbWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbWVudS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29tcG9uZW50IHtcclxuXHJcbiAgU2lkZU1lbnVJdGVtVHlwZSA9IFNpZGVNZW51SXRlbVR5cGU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbW9kZWw6IElTaWRlTWVudU1vZGVsID0geyBvcGVuOiBmYWxzZSwgaXRlbXM6IFtdIH07XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SVNpZGVNZW51SXRlbU1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8SVNpZGVNZW51SXRlbU1vZGVsPigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLicgKyBVSUNsYXNzLk9wZW4pXHJcbiAgZ2V0IG9wZW4oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5vcGVuIHx8ICF0aGlzLnN3aXRjaDtcclxuICB9XHJcblxyXG4gIHNldCBvcGVuKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLm1vZGVsLm9wZW4gPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZyhgY2xhc3MuJHtTaWRlTWVudUNvbnN0YW50cy5DU1NfU1dJVENIX0NMQVNTfWApXHJcbiAgZ2V0IHN3aXRjaCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiBpc0RlZmluZWQodGhpcy5tb2RlbC5zd2l0Y2gpID8gdGhpcy5tb2RlbC5zd2l0Y2ghIDogdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdChpdGVtOiBJU2lkZU1lbnVJdGVtTW9kZWwpIHtcclxuICAgIC8vIGhhbmRsZSBvbmx5IGl0ZW1zIHdpdGhvdXQgY2hpbGRyZW5zXHJcbiAgICBpZiAoIWFueShpdGVtLml0ZW1zKSkge1xyXG4gICAgICB0aGlzLm1vZGVsLml0ZW1zIS5mb3JFYWNoKChpdGVtKSA9PiB7XHJcbiAgICAgICAgaXRlbS5hY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgICAgICAgaWYgKGFueShpdGVtLml0ZW1zKSlcclxuICAgICAgICAgIGl0ZW0uaXRlbXM/LmZvckVhY2goKGl0ZW0pID0+IGl0ZW0uYWN0aXZlID0gZmFsc2UpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGl0ZW0uYWN0aXZlID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgIDx1bD5cclxuICAgICAgICA8c2ZjLXNpZGUtbWVudS1oZWFkZXIgW2xhYmVsXT1cIm1vZGVsLmxhYmVsXCIgW29wZW5dPVwib3BlblwiIFtzd2l0Y2hdPVwic3dpdGNoXCIgKHRvZ2dsZSk9XCJvcGVuID0hb3BlblwiPlxyXG4gICAgICAgIDwvc2ZjLXNpZGUtbWVudS1oZWFkZXI+XHJcblxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbW9kZWwuaXRlbXNcIiBbbmdTd2l0Y2hdPVwiaXRlbS50eXBlXCI+XHJcbiAgICAgICAgICAgIDxzZmMtc2lkZS1tZW51LWl0ZW0gKm5nU3dpdGNoQ2FzZT1cIlNpZGVNZW51SXRlbVR5cGUuSXRlbVwiIFtpdGVtXT1cIml0ZW1cIiBbb3Blbl09XCJvcGVuXCJcclxuICAgICAgICAgICAgICAgIChzZWxlY3RJdGVtKT1cIm9uSXRlbVNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLXNpZGUtbWVudS1pdGVtPlxyXG5cclxuICAgICAgICAgICAgPHNmYy1zaWRlLW1lbnUtdGl0bGUgKm5nU3dpdGNoQ2FzZT1cIlNpZGVNZW51SXRlbVR5cGUuVGl0bGVcIiBbbGFiZWxdPVwiaXRlbS5sYWJlbFwiIFtvcGVuXT1cIm9wZW5cIj5cclxuICAgICAgICAgICAgPC9zZmMtc2lkZS1tZW51LXRpdGxlPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC91bD5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export class SideMenuConstants {
|
|
2
|
+
}
|
|
3
|
+
SideMenuConstants.CSS_SWITCH_CLASS = 'switch';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LmNvbnN0YW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9zaWRlL3NpZGUtbWVudS5jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGlCQUFpQjs7QUFDbkIsa0NBQWdCLEdBQUcsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFNpZGVNZW51Q29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBDU1NfU1dJVENIX0NMQVNTID0gJ3N3aXRjaCc7XHJcbn0iXX0=
|
|
@@ -3,4 +3,4 @@ export var SideMenuItemType;
|
|
|
3
3
|
SideMenuItemType["Item"] = "item";
|
|
4
4
|
SideMenuItemType["Title"] = "title";
|
|
5
5
|
})(SideMenuItemType || (SideMenuItemType = {}));
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tZW51L3NpZGUvc2lkZS1tZW51Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCQSxNQUFNLENBQU4sSUFBWSxnQkFHWDtBQUhELFdBQVksZ0JBQWdCO0lBQ3hCLGlDQUFhLENBQUE7SUFDYixtQ0FBZSxDQUFBO0FBQ25CLENBQUMsRUFIVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBRzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbkRlZmluaXRpb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zXCI7XHJcbmltcG9ydCB7IGVtcHR5IH0gZnJvbSBcIm5neC1zZmMtY29tbW9uXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElTaWRlTWVudU1vZGVsIHtcclxuICAgIG9wZW4/OiBib29sZWFuO1xyXG4gICAgc3dpdGNoPzogYm9vbGVhbiB8IGVtcHR5O1xyXG4gICAgbGFiZWw/OiBzdHJpbmcgfCBlbXB0eTtcclxuICAgIGl0ZW1zPzogSVNpZGVNZW51SXRlbU1vZGVsW107XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVNpZGVNZW51SXRlbU1vZGVsIHtcclxuICAgIGxhYmVsOiBzdHJpbmc7XHJcbiAgICBhY3RpdmU/OiBib29sZWFuO1xyXG4gICAgdHlwZTogU2lkZU1lbnVJdGVtVHlwZTtcclxuICAgIGlkPzogc3RyaW5nIHwgZW1wdHk7ICAgIFxyXG4gICAgb3Blbj86IGJvb2xlYW47ICAgIFxyXG4gICAgaWNvbj86IEljb25EZWZpbml0aW9uIHwgZW1wdHk7ICAgIFxyXG4gICAgaXRlbXM/OiBJU2lkZU1lbnVJdGVtTW9kZWxbXTtcclxuICAgIGNsaWNrPzogKGl0ZW06IElTaWRlTWVudUl0ZW1Nb2RlbCkgPT4gdm9pZDtcclxufVxyXG5cclxuZXhwb3J0IGVudW0gU2lkZU1lbnVJdGVtVHlwZSB7XHJcbiAgICBJdGVtID0gJ2l0ZW0nLFxyXG4gICAgVGl0bGUgPSAndGl0bGUnXHJcbn1cclxuIl19
|
|
@@ -4,6 +4,7 @@ export { SideMenuItemComponent } from './menu/side/parts/item/side-menu-item.com
|
|
|
4
4
|
export { SideMenuTitleComponent } from './menu/side/parts/title/side-menu-title.component';
|
|
5
5
|
export { DropdownMenuItemComponent } from './menu/dropdown/parts/item/dropdown-menu-item.component';
|
|
6
6
|
export { NavigationMenuItemComponent } from './menu/navigation/parts/item/navigation-menu-item.component';
|
|
7
|
+
export { RouterMenuItemComponent } from './menu/router/parts/item/router-menu-item.component';
|
|
7
8
|
export { TagComponent } from './tags/parts/tag/tag.component';
|
|
8
9
|
export { SliderItemComponent } from './slider/parts/item/slider-item.component';
|
|
9
10
|
export { SliderButtonComponent } from './slider/parts/button/slider-button.component';
|
|
@@ -13,4 +14,4 @@ export { NotificationContentComponent } from './notification/parts/content/notif
|
|
|
13
14
|
export { CarouselStageComponent } from './carousel/parts/stage/carousel-stage.component';
|
|
14
15
|
export { AvatarBadgeComponent } from './avatar/parts/badge/avatar-badge.component';
|
|
15
16
|
export { SortingColumnComponent } from './table/parts/columns/sorting/sorting-column.component';
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZXhwb3J0LWluZGV4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9uby1leHBvcnQtaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0saUVBQWlFLENBQUM7QUFDL0csT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDeEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDcEcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDMUcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDOUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQzNHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU2lkZU1lbnVIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL21lbnUvc2lkZS9wYXJ0cy9oZWFkZXIvc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBTaWRlTWVudUl0ZW1Db250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvcGFydHMvaXRlbS9jb250ZW50L3NpZGUtbWVudS1pdGVtLWNvbnRlbnQuY29tcG9uZW50JztcclxuZXhwb3J0IHsgU2lkZU1lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvcGFydHMvaXRlbS9zaWRlLW1lbnUtaXRlbS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBTaWRlTWVudVRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvcGFydHMvdGl0bGUvc2lkZS1tZW51LXRpdGxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IERyb3Bkb3duTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUvZHJvcGRvd24vcGFydHMvaXRlbS9kcm9wZG93bi1tZW51LWl0ZW0uY29tcG9uZW50JztcclxuZXhwb3J0IHsgTmF2aWdhdGlvbk1lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBSb3V0ZXJNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS9yb3V0ZXIvcGFydHMvaXRlbS9yb3V0ZXItbWVudS1pdGVtLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFRhZ0NvbXBvbmVudCB9IGZyb20gJy4vdGFncy9wYXJ0cy90YWcvdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3NsaWRlci9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyL3BhcnRzL2J1dHRvbi9zbGlkZXItYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlclBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3NsaWRlci9wYXJ0cy9wYWdpbmF0aW9uL3NsaWRlci1wYWdpbmF0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFRpbWVsaW5lSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vdGltZWxpbmUvcGFydHMvaXRlbS90aW1lbGluZS1pdGVtLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IE5vdGlmaWNhdGlvbkNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9wYXJ0cy9jb250ZW50L25vdGlmaWNhdGlvbi1jb250ZW50LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IENhcm91c2VsU3RhZ2VDb21wb25lbnQgfSBmcm9tICcuL2Nhcm91c2VsL3BhcnRzL3N0YWdlL2Nhcm91c2VsLXN0YWdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEF2YXRhckJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9hdmF0YXIvcGFydHMvYmFkZ2UvYXZhdGFyLWJhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNvcnRpbmdDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbHVtbnMvc29ydGluZy9zb3J0aW5nLWNvbHVtbi5jb21wb25lbnQnOyJdfQ==
|
|
@@ -71,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
71
71
|
type: ContentChildren,
|
|
72
72
|
args: [TemplateReferenceDirective, { read: TemplateReferenceDirective }]
|
|
73
73
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUEwQixNQUFNLGVBQWUsQ0FBQztBQUNySSxPQUFPLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7O0FBU2xFLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPbUIsZ0NBQTJCLEdBQUcsSUFBSSxDQUFDO1FBRTNDLDBCQUFxQixHQUFHLEdBQUcsQ0FBQztRQUVyQyx5QkFBb0IsR0FBRyxvQkFBb0IsQ0FBQztRQUc1QyxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLG1CQUFjLEdBQWdDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7UUFVckcsVUFBSyxHQUFxQixnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7UUFHeEQsVUFBSyxHQUE4QixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQU14RCxXQUFNLEdBQTRDLElBQUksWUFBWSxFQUE2QixDQUFDO1FBR2hHLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFLN0QsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUV6QixTQUFJLEdBQVksS0FBSyxDQUFDO0tBc0J2QjtJQWpEQyxJQUVJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUFBLENBQUM7SUFDRixJQUFJLElBQUksQ0FBQyxLQUF1QjtRQUM5QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBc0JELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDO1lBQzFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQywyQkFBMkIsQ0FBQztRQUVsRSxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTztZQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtvQkFDYixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2Q7WUFDSCxDQUFDLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVuQyx3QkFBd0I7UUFDeEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7a0hBOURVLHFCQUFxQjtzR0FBckIscUJBQXFCLHlUQW9DZiwwQkFBMEIsUUFBVSwwQkFBMEIsNkJDaERqRixvdEJBYU07MkZERE8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFhNUIsU0FBUztzQkFEUixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsS0FBSztnQkFLRixJQUFJO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsT0FBTztnQkFVcEIsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNO2dCQUlQLFNBQVM7c0JBRFIsZUFBZTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLElBQUksRUFBRSwwQkFBMEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgaXNEZWZpbmVkLCBUZW1wbGF0ZVJlZmVyZW5jZURpcmVjdGl2ZSB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uVGVtcGxhdGUgfSBmcm9tICcuL2VudW1zL25vdGlmaWNhdGlvbi10ZW1wbGF0ZS5lbnVtJztcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4vZW51bXMvbm90aWZpY2F0aW9uLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IElOb3RpZmljYXRpb25BdXRvQ2xvc2VNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLWF1dG8tY2xvc2UubW9kZWwnO1xyXG5pbXBvcnQgeyBJTm90aWZpY2F0aW9uQ29udGVudE1vZGVsIH0gZnJvbSAnLi9wYXJ0cy9jb250ZW50L25vdGlmaWNhdGlvbi1jb250ZW50Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgQVVUT19DTE9TRV9JTlRFUlZBTF9ERUZBVUxUID0gNTAwMDtcclxuXHJcbiAgcmVhZG9ubHkgREVTVFJPWV9IT1NUX0lOVEVSVkFMID0gNTAwO1xyXG5cclxuICBOb3RpZmljYXRpb25UZW1wbGF0ZSA9IE5vdGlmaWNhdGlvblRlbXBsYXRlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNob3dDbG9zZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYXV0b0Nsb3NlTW9kZWw6IElOb3RpZmljYXRpb25BdXRvQ2xvc2VNb2RlbCA9IHsgZW5hYmxlZDogZmFsc2UsIGludGVydmFsOiB0aGlzLkFVVE9fQ0xPU0VfSU5URVJWQUxfREVGQVVMVCB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCB0eXBlKCk6IE5vdGlmaWNhdGlvblR5cGUge1xyXG4gICAgcmV0dXJuIHRoaXMubW9kZWwudHlwZSA/PyB0aGlzLl90eXBlO1xyXG4gIH07XHJcbiAgc2V0IHR5cGUodmFsdWU6IE5vdGlmaWNhdGlvblR5cGUpIHtcclxuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcclxuICB9XHJcbiAgcHJpdmF0ZSBfdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9IE5vdGlmaWNhdGlvblR5cGUuSW5mbztcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbCA9IHsgc2hvd0J1dHRvbjogdHJ1ZSB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGNvbnRlbnQ/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBAT3V0cHV0KClcclxuICBjbG9zZWQ6IEV2ZW50RW1pdHRlcjxJTm90aWZpY2F0aW9uQ29udGVudE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbD4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0pXHJcbiAgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmU+IHwgdW5kZWZpbmVkO1xyXG5cclxuICBkZXN0cm95OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHNob3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIWlzRGVmaW5lZCh0aGlzLmF1dG9DbG9zZU1vZGVsLmludGVydmFsKSlcclxuICAgICAgdGhpcy5hdXRvQ2xvc2VNb2RlbC5pbnRlcnZhbCA9IHRoaXMuQVVUT19DTE9TRV9JTlRFUlZBTF9ERUZBVUxUO1xyXG5cclxuICAgIGlmICh0aGlzLmF1dG9DbG9zZU1vZGVsLmVuYWJsZWQpXHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLnNob3cpIHtcclxuICAgICAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0sIHRoaXMuYXV0b0Nsb3NlTW9kZWwuaW50ZXJ2YWwpO1xyXG5cclxuICAgIC8vIGZvciBhbmltYXRpb24gcHVycG9zZVxyXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnNob3cgPSB0cnVlKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XHJcbiAgICB0aGlzLmRlc3Ryb3kgPSB0cnVlO1xyXG4gICAgdGhpcy5jbG9zZWQuZW1pdCh0aGlzLm1vZGVsKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtzZmNEZXN0cm95UGFyZW50XT1cImRlc3Ryb3lcIiBbZGVsYXldPVwiREVTVFJPWV9IT1NUX0lOVEVSVkFMXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uXCIgW3NmY1Nob3dIaWRlRWxlbWVudF09XCJzaG93XCI+XHJcbiAgICAgICAgPHNmYy1jbG9zZSAqbmdJZj1cInNob3dDbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+PC9zZmMtY2xvc2U+XHJcblxyXG4gICAgICAgIDxzZmMtdGVtcGxhdGUtY29udGVudCBbcmVmZXJlbmNlQ29udGVudF09XCJjb250ZW50XCIgW3RlbXBsYXRlc0NvbnRlbnRdPVwidGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJOb3RpZmljYXRpb25UZW1wbGF0ZS5Db250ZW50XCIgW2RlZmF1bHRDb250ZW50XT1cImRlZmF1bHRDb250ZW50XCI+XHJcbiAgICAgICAgPC9zZmMtdGVtcGxhdGUtY29udGVudD5cclxuXHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cclxuICAgICAgICAgICAgPHNmYy1ub3RpZmljYXRpb24tY29udGVudCBbdHlwZV09XCJ0eXBlXCIgW21vZGVsXT1cIm1vZGVsXCIgKGJ1dHRvbkNsaWNrZWQpPVwiYnV0dG9uQ2xpY2tlZC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPC9zZmMtbm90aWZpY2F0aW9uLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -7,6 +7,7 @@ export class ProgressCircleComponent extends ProgressBaseComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
9
|
this.total = CommonConstants.FULL_PERCENTAGE;
|
|
10
|
+
this.partition = false;
|
|
10
11
|
}
|
|
11
12
|
get reversed() {
|
|
12
13
|
return (this.progress / this.total) * CommonConstants.FULL_PERCENTAGE > 50;
|
|
@@ -16,14 +17,16 @@ export class ProgressCircleComponent extends ProgressBaseComponent {
|
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
ProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
ProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressCircleComponent, selector: "sfc-progress-circle", inputs: { total: "total" }, host: { properties: { "class.reversed": "this.reversed" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\" [style.background]=\"background\">\r\n <span>{{progress}}</span>\r\n <div class=\"circle\">\r\n <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n 'border-color': getColor(progress, total)}\"></div>\r\n <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host{display:inline-block}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
20
|
+
ProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressCircleComponent, selector: "sfc-progress-circle", inputs: { total: "total", partition: "partition" }, host: { properties: { "class.reversed": "this.reversed" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\" [style.background]=\"background\">\r\n <span>{{progress}}<ng-container *ngIf=\"partition\">/{{total}}</ng-container></span>\r\n <div class=\"circle\">\r\n <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n 'border-color': getColor(progress, total)}\"></div>\r\n <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host{display:inline-block}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressCircleComponent, decorators: [{
|
|
21
22
|
type: Component,
|
|
22
|
-
args: [{ selector: 'sfc-progress-circle', template: "<div class=\"container\" [style.background]=\"background\">\r\n <span>{{progress}}</span>\r\n <div class=\"circle\">\r\n <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n 'border-color': getColor(progress, total)}\"></div>\r\n <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host{display:inline-block}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"] }]
|
|
23
|
+
args: [{ selector: 'sfc-progress-circle', template: "<div class=\"container\" [style.background]=\"background\">\r\n <span>{{progress}}<ng-container *ngIf=\"partition\">/{{total}}</ng-container></span>\r\n <div class=\"circle\">\r\n <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n 'border-color': getColor(progress, total)}\"></div>\r\n <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host{display:inline-block}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"] }]
|
|
23
24
|
}], propDecorators: { total: [{
|
|
24
25
|
type: Input
|
|
26
|
+
}], partition: [{
|
|
27
|
+
type: Input
|
|
25
28
|
}], reversed: [{
|
|
26
29
|
type: HostBinding,
|
|
27
30
|
args: ['class.reversed']
|
|
28
31
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3MvY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHVCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVNFLFVBQUssR0FBVyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBR2hELGNBQVMsR0FBWSxLQUFLLENBQUM7S0FXNUI7SUFUQyxJQUNJLFFBQVE7UUFDVixPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsZUFBZSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDN0UsQ0FBQztJQUVELElBQUksZUFBZTtRQUNqQixPQUFPLFVBQVUsZUFBZSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUNqRSxXQUFXLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQztJQUNoQyxDQUFDOztvSEFqQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsbU1DVHBDLDRiQU9NOzJGREVPLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBUS9CLEtBQUs7c0JBREosS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSUYsUUFBUTtzQkFEWCxXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZ2V0Q3NzTGlrZVZhbHVlLCBVSUNvbnN0YW50cyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vcHJvZ3Jlc3MuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXByb2dyZXNzLWNpcmNsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQ2lyY2xlQ29tcG9uZW50XHJcbiAgZXh0ZW5kcyBQcm9ncmVzc0Jhc2VDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHRvdGFsOiBudW1iZXIgPSBDb21tb25Db25zdGFudHMuRlVMTF9QRVJDRU5UQUdFO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHBhcnRpdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnJldmVyc2VkJylcclxuICBnZXQgcmV2ZXJzZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gKHRoaXMucHJvZ3Jlc3MgLyB0aGlzLnRvdGFsKSAqIENvbW1vbkNvbnN0YW50cy5GVUxMX1BFUkNFTlRBR0UgPiA1MDtcclxuICB9XHJcblxyXG4gIGdldCB0cmFuc2Zvcm1Sb3RhdGUoKSB7XHJcbiAgICByZXR1cm4gYHJvdGF0ZSgke2dldENzc0xpa2VWYWx1ZSgodGhpcy5wcm9ncmVzcyAqIDM2MCkgLyB0aGlzLnRvdGFsLFxyXG4gICAgICBVSUNvbnN0YW50cy5DU1NfREVHUkVFUyl9KWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCI+XHJcbiAgICA8c3Bhbj57e3Byb2dyZXNzfX08bmctY29udGFpbmVyICpuZ0lmPVwicGFydGl0aW9uXCI+L3t7dG90YWx9fTwvbmctY29udGFpbmVyPjwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJjaXJjbGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFyXCIgW25nU3R5bGVdPVwieyd0cmFuc2Zvcm0nOiB0cmFuc2Zvcm1Sb3RhdGUsIFxyXG4gICAgICAgICAgICAnYm9yZGVyLWNvbG9yJzogZ2V0Q29sb3IocHJvZ3Jlc3MsIHRvdGFsKX1cIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsbFwiIFtuZ1N0eWxlXT1cInsnYm9yZGVyLWNvbG9yJzogZ2V0Q29sb3IocHJvZ3Jlc3MsIHRvdGFsKX1cIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|