suis 3.0.1 → 4.0.0
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/README.md +2 -1
- package/fesm2022/suis.mjs +329 -362
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/modules/suis-select/classes/suis-select-button.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select-multi.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select-single.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select.base.d.ts +1 -1
- package/lib/shared/classes/suis-button.base.d.ts +1 -1
- package/lib/shared/classes/suis-checkbox.base.d.ts +1 -1
- package/lib/shared/classes/suis-input.base.d.ts +1 -1
- package/package.json +5 -7
- package/esm2022/index.mjs +0 -6
- package/esm2022/lib/components/index.mjs +0 -33
- package/esm2022/lib/components/suis-accordion/index.mjs +0 -2
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +0 -31
- package/esm2022/lib/components/suis-alert/index.mjs +0 -2
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +0 -38
- package/esm2022/lib/components/suis-box/index.mjs +0 -2
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +0 -25
- package/esm2022/lib/components/suis-breadcrumbs/index.mjs +0 -3
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs +0 -26
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.interface.mjs +0 -2
- package/esm2022/lib/components/suis-chart/index.mjs +0 -3
- package/esm2022/lib/components/suis-chart/suis-chart-data.pipe.mjs +0 -35
- package/esm2022/lib/components/suis-chart/suis-chart-height.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-chart/suis-chart.component.mjs +0 -82
- package/esm2022/lib/components/suis-chart/suis-chart.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-chip/index.mjs +0 -2
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +0 -44
- package/esm2022/lib/components/suis-container/index.mjs +0 -2
- package/esm2022/lib/components/suis-container/suis-container.component.mjs +0 -19
- package/esm2022/lib/components/suis-dialog/index.mjs +0 -2
- package/esm2022/lib/components/suis-dialog/suis-dialog.component.mjs +0 -62
- package/esm2022/lib/components/suis-dialog-container/index.mjs +0 -3
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.component.mjs +0 -17
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-divider/index.mjs +0 -2
- package/esm2022/lib/components/suis-divider/suis-divider.component.mjs +0 -22
- package/esm2022/lib/components/suis-form-field/index.mjs +0 -2
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +0 -14
- package/esm2022/lib/components/suis-icon/index.mjs +0 -3
- package/esm2022/lib/components/suis-icon/suis-icon-type.pipe.mjs +0 -44
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +0 -58
- package/esm2022/lib/components/suis-icon/suis-icon.types.mjs +0 -2
- package/esm2022/lib/components/suis-input/index.mjs +0 -3
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +0 -64
- package/esm2022/lib/components/suis-input/suis-input.types.mjs +0 -2
- package/esm2022/lib/components/suis-input-checkbox/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +0 -28
- package/esm2022/lib/components/suis-input-chips/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +0 -91
- package/esm2022/lib/components/suis-input-image/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +0 -62
- package/esm2022/lib/components/suis-input-number/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +0 -49
- package/esm2022/lib/components/suis-input-radio/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-radio/suis-input-radio.component.mjs +0 -56
- package/esm2022/lib/components/suis-item/index.mjs +0 -2
- package/esm2022/lib/components/suis-item/suis-item.component.mjs +0 -31
- package/esm2022/lib/components/suis-label/index.mjs +0 -2
- package/esm2022/lib/components/suis-label/suis-label.component.mjs +0 -34
- package/esm2022/lib/components/suis-notification/index.mjs +0 -4
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +0 -33
- package/esm2022/lib/components/suis-notification/suis-notification.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-notification/suis-notification.types.mjs +0 -2
- package/esm2022/lib/components/suis-notifications/index.mjs +0 -2
- package/esm2022/lib/components/suis-notifications/suis-notifications.component.mjs +0 -25
- package/esm2022/lib/components/suis-pagination/index.mjs +0 -2
- package/esm2022/lib/components/suis-pagination/suis-pagination-items.pipe.mjs +0 -21
- package/esm2022/lib/components/suis-pagination/suis-pagination-page.pipe.mjs +0 -20
- package/esm2022/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +0 -120
- package/esm2022/lib/components/suis-progress-bar/index.mjs +0 -2
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.component.mjs +0 -46
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-spinner/index.mjs +0 -2
- package/esm2022/lib/components/suis-spinner/suis-spinner.component.mjs +0 -27
- package/esm2022/lib/components/suis-spinner-container/index.mjs +0 -2
- package/esm2022/lib/components/suis-spinner-container/suis-spinner-container.component.mjs +0 -38
- package/esm2022/lib/components/suis-table/index.mjs +0 -6
- package/esm2022/lib/components/suis-table/suis-table-cell.directive.mjs +0 -21
- package/esm2022/lib/components/suis-table/suis-table-column.directive.mjs +0 -41
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +0 -79
- package/esm2022/lib/components/suis-table/suis-table.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-table/suis-table.module.mjs +0 -30
- package/esm2022/lib/components/suis-tabs/index.mjs +0 -4
- package/esm2022/lib/components/suis-tabs/suis-tab-actions.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-tabs/suis-tab-template.pipe.mjs +0 -23
- package/esm2022/lib/components/suis-tabs/suis-tab.directive.mjs +0 -25
- package/esm2022/lib/components/suis-tabs/suis-tabs.component.mjs +0 -36
- package/esm2022/lib/components/suis-tabs/suis-tabs.module.mjs +0 -17
- package/esm2022/lib/components/suis-text-area/index.mjs +0 -2
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +0 -49
- package/esm2022/lib/components/suis-title/index.mjs +0 -3
- package/esm2022/lib/components/suis-title/suis-title.component.mjs +0 -23
- package/esm2022/lib/components/suis-title/suis-title.enum.mjs +0 -7
- package/esm2022/lib/components/suis-toggle/index.mjs +0 -2
- package/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +0 -26
- package/esm2022/lib/components/suis-toolbar/index.mjs +0 -2
- package/esm2022/lib/components/suis-toolbar/suis-toolbar.component.mjs +0 -19
- package/esm2022/lib/modules/index.mjs +0 -4
- package/esm2022/lib/modules/suis-button/components/suis-button/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button/suis-button.component.mjs +0 -15
- package/esm2022/lib/modules/suis-button/components/suis-button-link/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button-link/suis-button-link.component.mjs +0 -37
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/suis-button-outlined.component.mjs +0 -15
- package/esm2022/lib/modules/suis-button/index.mjs +0 -5
- package/esm2022/lib/modules/suis-button/suis-button.module.mjs +0 -30
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/suis-navigation.component.mjs +0 -70
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/suis-navigation-group.component.mjs +0 -49
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +0 -51
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/suis-navigation-item.component.mjs +0 -26
- package/esm2022/lib/modules/suis-navigation/directives/suis-navigation-item.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-navigation/index.mjs +0 -5
- package/esm2022/lib/modules/suis-navigation/interfaces/suis-navigation-item.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/suis-navigation.module.mjs +0 -17
- package/esm2022/lib/modules/suis-select/classes/suis-select-button.base.mjs +0 -56
- package/esm2022/lib/modules/suis-select/classes/suis-select-multi.base.mjs +0 -66
- package/esm2022/lib/modules/suis-select/classes/suis-select-single.base.mjs +0 -46
- package/esm2022/lib/modules/suis-select/classes/suis-select.base.mjs +0 -105
- package/esm2022/lib/modules/suis-select/components/suis-select/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select/suis-select.component.mjs +0 -43
- package/esm2022/lib/modules/suis-select/components/suis-select-button/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-button/suis-select-button.component.mjs +0 -15
- package/esm2022/lib/modules/suis-select/components/suis-select-button-multi/suis-select-button-multi.component.mjs +0 -16
- package/esm2022/lib/modules/suis-select/components/suis-select-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs +0 -62
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.mjs +0 -18
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs +0 -45
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs +0 -64
- package/esm2022/lib/modules/suis-select/components/suis-select-option/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.mjs +0 -54
- package/esm2022/lib/modules/suis-select/directives/suis-select-group-option.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-select/directives/suis-select-option.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-select/index.mjs +0 -10
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-option.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.mjs +0 -21
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.mjs +0 -21
- package/esm2022/lib/modules/suis-select/pipes/suis-select-group-label.pipe.mjs +0 -25
- package/esm2022/lib/modules/suis-select/pipes/suis-select-is-selected.pipe.mjs +0 -17
- package/esm2022/lib/modules/suis-select/pipes/suis-select-label.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-chips.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.mjs +0 -25
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-is-selected.pipe.mjs +0 -17
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/suis-select.module.mjs +0 -48
- package/esm2022/lib/pipes/index.mjs +0 -2
- package/esm2022/lib/pipes/suis-ng-class.pipe.mjs +0 -19
- package/esm2022/lib/services/index.mjs +0 -3
- package/esm2022/lib/services/suis-dialog.service.mjs +0 -36
- package/esm2022/lib/services/suis-notification.service.mjs +0 -82
- package/esm2022/lib/shared/classes/index.mjs +0 -4
- package/esm2022/lib/shared/classes/suis-button.base.mjs +0 -52
- package/esm2022/lib/shared/classes/suis-checkbox.base.mjs +0 -34
- package/esm2022/lib/shared/classes/suis-input.base.mjs +0 -63
- package/esm2022/lib/types/index.mjs +0 -4
- package/esm2022/lib/types/suis-color.type.mjs +0 -2
- package/esm2022/lib/types/suis-size.type.mjs +0 -2
- package/esm2022/lib/types/suis-sort.type.mjs +0 -2
- package/esm2022/suis.mjs +0 -5
package/esm2022/lib/modules/suis-navigation/components/suis-navigation/suis-navigation.component.mjs
DELETED
@@ -1,70 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, } from '@angular/core';
|
2
|
-
import { NgFor, NgIf } from '@angular/common';
|
3
|
-
import { SuisNavigationItemDirective } from '../../directives/suis-navigation-item.directive';
|
4
|
-
import { SuisNavigationGroupComponent } from '../suis-navigation-group';
|
5
|
-
import { SuisIconComponent } from '../../../../components/suis-icon';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisNavigationComponent {
|
8
|
-
constructor() {
|
9
|
-
/**
|
10
|
-
* List of navigation items. Type of SuisNavigationGroupItem[]. By default set to empty array.
|
11
|
-
*/
|
12
|
-
this.items = [];
|
13
|
-
/**
|
14
|
-
* Condition to expand groups at view initialization. By default set to true.
|
15
|
-
*/
|
16
|
-
this.expandedGroups = true;
|
17
|
-
/**
|
18
|
-
* Adds expand / collapse logic to group header items. By default set to false.
|
19
|
-
*/
|
20
|
-
this.expandable = false;
|
21
|
-
/**
|
22
|
-
* Adds collapse / expand logic to navigiaton. By default set to false.
|
23
|
-
*/
|
24
|
-
this.collapsable = false;
|
25
|
-
/**
|
26
|
-
* Collapses the navigiation, when collapsable is enabled. By default set to false.
|
27
|
-
*/
|
28
|
-
this.collapsed = false;
|
29
|
-
/**
|
30
|
-
* Emits on collapsed value changed.
|
31
|
-
*/
|
32
|
-
this.collaspedChange = new EventEmitter();
|
33
|
-
/**
|
34
|
-
* Enables dark mode pallette. By default set to true.
|
35
|
-
*/
|
36
|
-
this.darkMode = true;
|
37
|
-
}
|
38
|
-
onToggle() {
|
39
|
-
this.collapsed = !this.collapsed;
|
40
|
-
this.collaspedChange.emit(this.collapsed);
|
41
|
-
}
|
42
|
-
/** @internal */
|
43
|
-
groupItemTrackBy(index, groupItem) {
|
44
|
-
return `${groupItem.label}-${index}`;
|
45
|
-
}
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange", darkMode: "darkMode" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n [class.suis-navigation--dark]=\"darkMode\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n [color]=\"darkMode ? 'white' : 'primary'\"\n size=\"xl\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#fff;border-right:.0625rem solid #dcdde1;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--dark{background-color:#192a56;border-right:none}.suis-navigation--collapsed{min-width:4rem;max-width:4rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:.75rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable", "darkMode"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
48
|
-
}
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
50
|
-
type: Component,
|
51
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [NgIf, NgFor, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n [class.suis-navigation--dark]=\"darkMode\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n [color]=\"darkMode ? 'white' : 'primary'\"\n size=\"xl\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#fff;border-right:.0625rem solid #dcdde1;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--dark{background-color:#192a56;border-right:none}.suis-navigation--collapsed{min-width:4rem;max-width:4rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:.75rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"] }]
|
52
|
-
}], propDecorators: { suisNavigationItem: [{
|
53
|
-
type: ContentChild,
|
54
|
-
args: [SuisNavigationItemDirective]
|
55
|
-
}], items: [{
|
56
|
-
type: Input
|
57
|
-
}], expandedGroups: [{
|
58
|
-
type: Input
|
59
|
-
}], expandable: [{
|
60
|
-
type: Input
|
61
|
-
}], collapsable: [{
|
62
|
-
type: Input
|
63
|
-
}], collapsed: [{
|
64
|
-
type: Input
|
65
|
-
}], collaspedChange: [{
|
66
|
-
type: Input
|
67
|
-
}], darkMode: [{
|
68
|
-
type: Input
|
69
|
-
}] } });
|
70
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1uYXZpZ2F0aW9uL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU5QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHVCQUF1QjtJQVJwQztRQWFFOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFckM7O1dBRUc7UUFDTSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFdkQ7O1dBRUc7UUFDTSxhQUFRLEdBQVksSUFBSSxDQUFDO0tBV25DO0lBVEMsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLGdCQUFnQixDQUFDLEtBQWEsRUFBRSxTQUFrQztRQUNoRSxPQUFPLEdBQUcsU0FBUyxDQUFDLEtBQUssSUFBSSxLQUFLLEVBQUUsQ0FBQztJQUN2QyxDQUFDOytHQWhEVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpVUFFcEIsMkJBQTJCLGdEQ3ZCM0MsNDVCQTJCQSwweEJEWFksSUFBSSw2RkFBRSxLQUFLLG1IQUFFLDRCQUE0Qix5SUFBRSxpQkFBaUI7OzRGQUszRCx1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSw0QkFBNEIsRUFBRSxpQkFBaUIsQ0FBQyxtQkFHdEQsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0Msa0JBQWtCO3NCQURqQixZQUFZO3VCQUFDLDJCQUEyQjtnQkFNaEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csZUFBZTtzQkFBdkIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbmF2aWdhdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0ZvciwgU3Vpc05hdmlnYXRpb25Hcm91cENvbXBvbmVudCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkNvbXBvbmVudCB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmUpXG4gIHN1aXNOYXZpZ2F0aW9uSXRlbT86IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZTtcblxuICAvKipcbiAgICogTGlzdCBvZiBuYXZpZ2F0aW9uIGl0ZW1zLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtW10uIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IGFycmF5LlxuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtW10gPSBbXTtcblxuICAvKipcbiAgICogQ29uZGl0aW9uIHRvIGV4cGFuZCBncm91cHMgYXQgdmlldyBpbml0aWFsaXphdGlvbi4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkR3JvdXBzOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogQWRkcyBleHBhbmQgLyBjb2xsYXBzZSBsb2dpYyB0byBncm91cCBoZWFkZXIgaXRlbXMuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGNvbGxhcHNlIC8gZXhwYW5kIGxvZ2ljIHRvIG5hdmlnaWF0b24uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgY29sbGFwc2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQ29sbGFwc2VzIHRoZSBuYXZpZ2lhdGlvbiwgd2hlbiBjb2xsYXBzYWJsZSBpcyBlbmFibGVkLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjb2xsYXBzZWQgdmFsdWUgY2hhbmdlZC5cbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhc3BlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogRW5hYmxlcyBkYXJrIG1vZGUgcGFsbGV0dGUuIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBkYXJrTW9kZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgb25Ub2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZWQgPSAhdGhpcy5jb2xsYXBzZWQ7XG4gICAgdGhpcy5jb2xsYXNwZWRDaGFuZ2UuZW1pdCh0aGlzLmNvbGxhcHNlZCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIGdyb3VwSXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgZ3JvdXBJdGVtOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2dyb3VwSXRlbS5sYWJlbH0tJHtpbmRleH1gO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uXCJcbiAgW2NsYXNzLnN1aXMtbmF2aWdhdGlvbi0tY29sbGFwc2VkXT1cImNvbGxhcHNhYmxlICYmIGNvbGxhcHNlZFwiXG4gIFtjbGFzcy5zdWlzLW5hdmlnYXRpb24tLWRhcmtdPVwiZGFya01vZGVcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uX19hY3Rpb25zXCI+XG4gICAgPGJ1dHRvbiAqbmdJZj1cImNvbGxhcHNhYmxlXCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJvblRvZ2dsZSgpXCI+XG4gICAgICA8c3Vpcy1pY29uXG4gICAgICAgIFt0eXBlXT1cImNvbGxhcHNlZCA/ICdhcnJvdy1yaWdodCcgOiAnYXJyb3ctbGVmdCdcIlxuICAgICAgICBbY29sb3JdPVwiZGFya01vZGUgPyAnd2hpdGUnIDogJ3ByaW1hcnknXCJcbiAgICAgICAgc2l6ZT1cInhsXCJcbiAgICAgID48L3N1aXMtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb25fX2dyb3Vwc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY29sbGFwc2VkXCI+XG4gICAgICA8c3Vpcy1uYXZpZ2F0aW9uLWdyb3VwXG4gICAgICAgICpuZ0Zvcj1cImxldCBncm91cEl0ZW0gb2YgaXRlbXM7IHRyYWNrQnk6IGdyb3VwSXRlbVRyYWNrQnlcIlxuICAgICAgICBbaXRlbV09XCJncm91cEl0ZW1cIlxuICAgICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc05hdmlnYXRpb25JdGVtPy50ZW1wbGF0ZVJlZlwiXG4gICAgICAgIFtleHBhbmRlZF09XCJleHBhbmRlZEdyb3Vwc1wiXG4gICAgICAgIFtleHBhbmRhYmxlXT1cImV4cGFuZGFibGVcIlxuICAgICAgICBbZGFya01vZGVdPVwiZGFya01vZGVcIlxuICAgICAgPjwvc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-navigation-group.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
|
2
|
-
import { NgFor, NgIf } from '@angular/common';
|
3
|
-
import { SuisNavigationItemComponent } from '../suis-navigation-item';
|
4
|
-
import { RouterModule } from '@angular/router';
|
5
|
-
import { SuisNavigationGroupItemComponent } from '../suis-navigation-group-item/suis-navigation-group-item.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisNavigationGroupComponent {
|
8
|
-
constructor() {
|
9
|
-
/**
|
10
|
-
* Expanded state of the navigation group. By default set to true.
|
11
|
-
*/
|
12
|
-
this.expanded = true;
|
13
|
-
/**
|
14
|
-
* Adds expand / collapse logic to group header items. By default set to false.
|
15
|
-
*/
|
16
|
-
this.expandable = false;
|
17
|
-
/**
|
18
|
-
* Enables dark mode pallette. By default set to true.
|
19
|
-
*/
|
20
|
-
this.darkMode = true;
|
21
|
-
}
|
22
|
-
/** @internal */
|
23
|
-
itemTrackBy(index, item) {
|
24
|
-
return `${item.label}-${index}`;
|
25
|
-
}
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisNavigationGroupComponent, isStandalone: true, selector: "suis-navigation-group", inputs: { item: "item", templateRef: "templateRef", expanded: "expanded", expandable: "expandable", darkMode: "darkMode" }, ngImport: i0, template: "<div *ngIf=\"item\" class=\"suis-navigation-group\">\n <div class=\"suis-navigation-group__header\">\n <suis-navigation-group-item\n [item]=\"item\"\n [templateRef]=\"templateRef\"\n [expandable]=\"expandable && !!item.children\"\n [(expanded)]=\"expanded\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-group-item>\n </div>\n <div *ngIf=\"expanded\" class=\"suis-navigation-group__children\">\n <suis-navigation-item\n *ngFor=\"let childItem of item.children; trackBy: itemTrackBy\"\n [item]=\"childItem\"\n [templateRef]=\"templateRef\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-item>\n </div>\n</div>\n", styles: [":host{display:block}.suis-navigation-group__header{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: SuisNavigationItemComponent, selector: "suis-navigation-item", inputs: ["item", "templateRef", "darkMode"] }, { kind: "component", type: SuisNavigationGroupItemComponent, selector: "suis-navigation-group-item", inputs: ["item", "templateRef", "expanded", "expandable", "darkMode"], outputs: ["expandedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
28
|
-
}
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationGroupComponent, decorators: [{
|
30
|
-
type: Component,
|
31
|
-
args: [{ selector: 'suis-navigation-group', standalone: true, imports: [
|
32
|
-
NgIf,
|
33
|
-
NgFor,
|
34
|
-
RouterModule,
|
35
|
-
SuisNavigationItemComponent,
|
36
|
-
SuisNavigationGroupItemComponent,
|
37
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"item\" class=\"suis-navigation-group\">\n <div class=\"suis-navigation-group__header\">\n <suis-navigation-group-item\n [item]=\"item\"\n [templateRef]=\"templateRef\"\n [expandable]=\"expandable && !!item.children\"\n [(expanded)]=\"expanded\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-group-item>\n </div>\n <div *ngIf=\"expanded\" class=\"suis-navigation-group__children\">\n <suis-navigation-item\n *ngFor=\"let childItem of item.children; trackBy: itemTrackBy\"\n [item]=\"childItem\"\n [templateRef]=\"templateRef\"\n [darkMode]=\"darkMode\"\n ></suis-navigation-item>\n </div>\n</div>\n", styles: [":host{display:block}.suis-navigation-group__header{display:flex;justify-content:space-between}\n"] }]
|
38
|
-
}], propDecorators: { item: [{
|
39
|
-
type: Input
|
40
|
-
}], templateRef: [{
|
41
|
-
type: Input
|
42
|
-
}], expanded: [{
|
43
|
-
type: Input
|
44
|
-
}], expandable: [{
|
45
|
-
type: Input
|
46
|
-
}], darkMode: [{
|
47
|
-
type: Input
|
48
|
-
}] } });
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1uYXZpZ2F0aW9uL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwL3N1aXMtbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC9zdWlzLW5hdmlnYXRpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUsvQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQzs7QUFnQnRILE1BQU0sT0FBTyw0QkFBNEI7SUFkekM7UUF5QkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksSUFBSSxDQUFDO1FBRWxDOztXQUVHO1FBQ00sZUFBVSxHQUFZLEtBQUssQ0FBQztRQUVyQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxJQUFJLENBQUM7S0FNbkM7SUFKQyxnQkFBZ0I7SUFDaEIsV0FBVyxDQUFDLEtBQWEsRUFBRSxJQUE2QjtRQUN0RCxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxLQUFLLEVBQUUsQ0FBQztJQUNsQyxDQUFDOytHQTdCVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qiw2TUM3QnpDLGtxQkFtQkEsMEpEQUksSUFBSSw2RkFDSixLQUFLLGtIQUNMLFlBQVksK0JBQ1osMkJBQTJCLDhHQUMzQixnQ0FBZ0M7OzRGQU12Qiw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsWUFBWTt3QkFDWiwyQkFBMkI7d0JBQzNCLGdDQUFnQztxQkFDakMsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge1xuICBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSxcbiAgU3Vpc05hdmlnYXRpb25JdGVtLFxufSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24tZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgU3Vpc05hdmlnYXRpb25JdGVtQ29tcG9uZW50LFxuICAgIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtQ29tcG9uZW50LFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkdyb3VwQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIE5hdmlnYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtLlxuICAgKi9cbiAgQElucHV0KCkgaXRlbT86IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtO1xuXG4gIC8qKlxuICAgKiBUZW1wbGF0ZSB0byBiZSBkaXNwbGF5ZWQgaW5zdGVhZCBvZiBpdGVtJ3MgbGFiZWwuXG4gICAqL1xuICBASW5wdXQoKSB0ZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBTdWlzTmF2aWdhdGlvbkl0ZW0gfT47XG5cbiAgLyoqXG4gICAqIEV4cGFuZGVkIHN0YXRlIG9mIHRoZSBuYXZpZ2F0aW9uIGdyb3VwLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGV4cGFuZCAvIGNvbGxhcHNlIGxvZ2ljIHRvIGdyb3VwIGhlYWRlciBpdGVtcy4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVuYWJsZXMgZGFyayBtb2RlIHBhbGxldHRlLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgZGFya01vZGU6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgaXRlbTogU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0pOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtpdGVtLmxhYmVsfS0ke2luZGV4fWA7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpdGVtXCIgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb24tZ3JvdXBcIj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cF9faGVhZGVyXCI+XG4gICAgPHN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtXG4gICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJ0ZW1wbGF0ZVJlZlwiXG4gICAgICBbZXhwYW5kYWJsZV09XCJleHBhbmRhYmxlICYmICEhaXRlbS5jaGlsZHJlblwiXG4gICAgICBbKGV4cGFuZGVkKV09XCJleHBhbmRlZFwiXG4gICAgICBbZGFya01vZGVdPVwiZGFya01vZGVcIlxuICAgID48L3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGVkXCIgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb24tZ3JvdXBfX2NoaWxkcmVuXCI+XG4gICAgPHN1aXMtbmF2aWdhdGlvbi1pdGVtXG4gICAgICAqbmdGb3I9XCJsZXQgY2hpbGRJdGVtIG9mIGl0ZW0uY2hpbGRyZW47IHRyYWNrQnk6IGl0ZW1UcmFja0J5XCJcbiAgICAgIFtpdGVtXT1cImNoaWxkSXRlbVwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwidGVtcGxhdGVSZWZcIlxuICAgICAgW2RhcmtNb2RlXT1cImRhcmtNb2RlXCJcbiAgICA+PC9zdWlzLW5hdmlnYXRpb24taXRlbT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
|
2
|
-
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
3
|
-
import { SuisIconComponent } from '../../../../components/suis-icon';
|
4
|
-
import { RouterModule } from '@angular/router';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@angular/router";
|
7
|
-
export class SuisNavigationGroupItemComponent {
|
8
|
-
constructor() {
|
9
|
-
/**
|
10
|
-
* Controlls styling of the item based on expanded state of group. By default set to true.
|
11
|
-
*/
|
12
|
-
this.expanded = true;
|
13
|
-
/**
|
14
|
-
* Adds expand / collapse logic to item. By default set to false.
|
15
|
-
*/
|
16
|
-
this.expandable = false;
|
17
|
-
/**
|
18
|
-
* Emits when expanded value of the item has been changed.
|
19
|
-
*/
|
20
|
-
this.expandedChange = new EventEmitter();
|
21
|
-
/**
|
22
|
-
* Enables dark mode pallette. By default set to true.
|
23
|
-
*/
|
24
|
-
this.darkMode = true;
|
25
|
-
}
|
26
|
-
onToggle() {
|
27
|
-
if (!this.expandable)
|
28
|
-
return;
|
29
|
-
this.expanded = !this.expanded;
|
30
|
-
this.expandedChange.emit(this.expanded);
|
31
|
-
}
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisNavigationGroupItemComponent, isStandalone: true, selector: "suis-navigation-group-item", inputs: { item: "item", templateRef: "templateRef", expanded: "expanded", expandable: "expandable", darkMode: "darkMode" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-group-item\"\n [class.suis-navigation-group-item--dark]=\"darkMode\"\n [routerLink]=\"expandable ? undefined : item.link ?? undefined\"\n routerLinkActive=\"active\"\n (click)=\"onToggle()\"\n>\n <div class=\"suis-navigation-group-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n <suis-icon\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n [size]=\"'lg'\"\n [color]=\"darkMode ? 'white' : 'primary'\"\n ></suis-icon>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#192a56;border-bottom:.0625rem solid #dcdde1;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;font-size:1rem}.suis-navigation-group-item:hover{background-color:#f5f6fad9}.suis-navigation-group-item.active{font-weight:600}.suis-navigation-group-item.active:hover{background-color:#f5f6fa}.suis-navigation-group-item--dark{color:#fff;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item--dark:hover{background-color:#273c75d9}.suis-navigation-group-item--dark.active,.suis-navigation-group-item--dark.active:hover{background-color:#273c75}.suis-navigation-group-item__actions suis-icon{height:1.125rem;margin-top:-.0625rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
34
|
-
}
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationGroupItemComponent, decorators: [{
|
36
|
-
type: Component,
|
37
|
-
args: [{ selector: 'suis-navigation-group-item', standalone: true, imports: [NgIf, NgTemplateOutlet, SuisIconComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-group-item\"\n [class.suis-navigation-group-item--dark]=\"darkMode\"\n [routerLink]=\"expandable ? undefined : item.link ?? undefined\"\n routerLinkActive=\"active\"\n (click)=\"onToggle()\"\n>\n <div class=\"suis-navigation-group-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n <suis-icon\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n [size]=\"'lg'\"\n [color]=\"darkMode ? 'white' : 'primary'\"\n ></suis-icon>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#192a56;border-bottom:.0625rem solid #dcdde1;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;font-size:1rem}.suis-navigation-group-item:hover{background-color:#f5f6fad9}.suis-navigation-group-item.active{font-weight:600}.suis-navigation-group-item.active:hover{background-color:#f5f6fa}.suis-navigation-group-item--dark{color:#fff;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item--dark:hover{background-color:#273c75d9}.suis-navigation-group-item--dark.active,.suis-navigation-group-item--dark.active:hover{background-color:#273c75}.suis-navigation-group-item__actions suis-icon{height:1.125rem;margin-top:-.0625rem}\n"] }]
|
38
|
-
}], propDecorators: { item: [{
|
39
|
-
type: Input
|
40
|
-
}], templateRef: [{
|
41
|
-
type: Input
|
42
|
-
}], expanded: [{
|
43
|
-
type: Input
|
44
|
-
}], expandable: [{
|
45
|
-
type: Input
|
46
|
-
}], expandedChange: [{
|
47
|
-
type: Output
|
48
|
-
}], darkMode: [{
|
49
|
-
type: Input
|
50
|
-
}] } });
|
51
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLW5hdmlnYXRpb24vY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFLekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFVL0MsTUFBTSxPQUFPLGdDQUFnQztJQVI3QztRQW1CRTs7V0FFRztRQUNNLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFFbEM7O1dBRUc7UUFDTSxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRXJDOztXQUVHO1FBQ08sbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXZEOztXQUVHO1FBQ00sYUFBUSxHQUFZLElBQUksQ0FBQztLQVFuQztJQU5DLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFBRSxPQUFPO1FBRTdCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDOytHQXBDVSxnQ0FBZ0M7bUdBQWhDLGdDQUFnQyxpUUN4QjdDLG8wQkEwQkEsdzlCRFBZLElBQUksNkZBQUUsZ0JBQWdCLG9KQUFFLGlCQUFpQixpSUFBRSxZQUFZOzs0RkFLdEQsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxDQUFDLG1CQUdqRCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTTtnQkFLRSxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtLFxuICBTdWlzTmF2aWdhdGlvbkl0ZW0sXG59IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1pY29uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nVGVtcGxhdGVPdXRsZXQsIFN1aXNJY29uQ29tcG9uZW50LCBSb3V0ZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogTmF2aWdhdGlvbiBpdGVtIGRhdGEuIFR5cGUgb2YgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0uXG4gICAqL1xuICBASW5wdXQoKSBpdGVtPzogU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW07XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5zXG4gICAqL1xuICBASW5wdXQoKSB0ZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBTdWlzTmF2aWdhdGlvbkl0ZW0gfT47XG5cbiAgLyoqXG4gICAqIENvbnRyb2xscyBzdHlsaW5nIG9mIHRoZSBpdGVtIGJhc2VkIG9uIGV4cGFuZGVkIHN0YXRlIG9mIGdyb3VwLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGV4cGFuZCAvIGNvbGxhcHNlIGxvZ2ljIHRvIGl0ZW0uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgZXhwYW5kYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyB3aGVuIGV4cGFuZGVkIHZhbHVlIG9mIHRoZSBpdGVtIGhhcyBiZWVuIGNoYW5nZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgZXhwYW5kZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gICAqIEVuYWJsZXMgZGFyayBtb2RlIHBhbGxldHRlLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgZGFya01vZGU6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5leHBhbmRhYmxlKSByZXR1cm47XG5cbiAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICB9XG59XG4iLCI8YVxuICAqbmdJZj1cIml0ZW1cIlxuICBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtXCJcbiAgW2NsYXNzLnN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLS1kYXJrXT1cImRhcmtNb2RlXCJcbiAgW3JvdXRlckxpbmtdPVwiZXhwYW5kYWJsZSA/IHVuZGVmaW5lZCA6IGl0ZW0ubGluayA/PyB1bmRlZmluZWRcIlxuICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW1fX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGVtcGxhdGVSZWY7IGVsc2UgbGFiZWxcIj5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0gfVwiXG4gICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNsYWJlbD5cbiAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGFibGVcIiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtX19hY3Rpb25zXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICBbc2l6ZV09XCInbGcnXCJcbiAgICAgIFtjb2xvcl09XCJkYXJrTW9kZSA/ICd3aGl0ZScgOiAncHJpbWFyeSdcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9kaXY+XG48L2E+XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-navigation-item.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
|
2
|
-
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
3
|
-
import { RouterModule } from '@angular/router';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@angular/router";
|
6
|
-
export class SuisNavigationItemComponent {
|
7
|
-
constructor() {
|
8
|
-
/**
|
9
|
-
* Enables dark mode pallette. By default set to true.
|
10
|
-
*/
|
11
|
-
this.darkMode = true;
|
12
|
-
}
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisNavigationItemComponent, isStandalone: true, selector: "suis-navigation-item", inputs: { item: "item", templateRef: "templateRef", darkMode: "darkMode" }, ngImport: i0, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-item\"\n [routerLink]=\"item.link\"\n routerLinkActive=\"active\"\n [class.suis-navigation-item--dark]=\"darkMode\"\n>\n <div class=\"suis-navigation-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#192a56;border-bottom:.0625rem solid #dcdde1;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#f5f6fad9}.suis-navigation-item.active{font-weight:600}.suis-navigation-item.active:hover{background-color:#f5f6fa}.suis-navigation-item--dark{color:#fff;border-bottom:.0625rem solid #273c75}.suis-navigation-item--dark:hover{background-color:#273c75d9}.suis-navigation-item--dark.active,.suis-navigation-item--dark.active:hover{background-color:#273c75}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
|
-
}
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationItemComponent, decorators: [{
|
17
|
-
type: Component,
|
18
|
-
args: [{ selector: 'suis-navigation-item', standalone: true, imports: [NgIf, NgTemplateOutlet, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-item\"\n [routerLink]=\"item.link\"\n routerLinkActive=\"active\"\n [class.suis-navigation-item--dark]=\"darkMode\"\n>\n <div class=\"suis-navigation-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#192a56;border-bottom:.0625rem solid #dcdde1;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#f5f6fad9}.suis-navigation-item.active{font-weight:600}.suis-navigation-item.active:hover{background-color:#f5f6fa}.suis-navigation-item--dark{color:#fff;border-bottom:.0625rem solid #273c75}.suis-navigation-item--dark:hover{background-color:#273c75d9}.suis-navigation-item--dark.active,.suis-navigation-item--dark.active:hover{background-color:#273c75}\n"] }]
|
19
|
-
}], propDecorators: { item: [{
|
20
|
-
type: Input
|
21
|
-
}], templateRef: [{
|
22
|
-
type: Input
|
23
|
-
}], darkMode: [{
|
24
|
-
type: Input
|
25
|
-
}] } });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLW5hdmlnYXRpb24vY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1pdGVtL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVy9DLE1BQU0sT0FBTywyQkFBMkI7SUFSeEM7UUFtQkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksSUFBSSxDQUFDO0tBQ25DOytHQWZZLDJCQUEyQjttR0FBM0IsMkJBQTJCLDRKQ2xCeEMscWZBa0JBLHEyQkRMWSxJQUFJLDZGQUFFLGdCQUFnQixtSkFBRSxZQUFZOzs0RkFLbkMsMkJBQTJCO2tCQVJ2QyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLG1CQUc5Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbmF2aWdhdGlvbi1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nVGVtcGxhdGVPdXRsZXQsIFJvdXRlck1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogTmF2aWdhdGlvbiBpdGVtIGRhdGEuIFR5cGUgb2YgU3Vpc05hdmlnYXRpb25JdGVtLlxuICAgKi9cbiAgQElucHV0KCkgaXRlbT86IFN1aXNOYXZpZ2F0aW9uSXRlbTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgdG8gYmUgZGlzcGxheWVkIGluc3RlYWQgb2YgaXRlbSdzIGxhYmVsLlxuICAgKi9cbiAgQElucHV0KCkgdGVtcGxhdGVSZWY/OiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc05hdmlnYXRpb25JdGVtIH0+O1xuXG4gIC8qKlxuICAgKiBFbmFibGVzIGRhcmsgbW9kZSBwYWxsZXR0ZS4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGRhcmtNb2RlOiBib29sZWFuID0gdHJ1ZTtcbn1cbiIsIjxhXG4gICpuZ0lmPVwiaXRlbVwiXG4gIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWl0ZW1cIlxuICBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIlxuICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgW2NsYXNzLnN1aXMtbmF2aWdhdGlvbi1pdGVtLS1kYXJrXT1cImRhcmtNb2RlXCJcbj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1pdGVtX19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlUmVmOyBlbHNlIGxhYmVsXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSZWY7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIlxuICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGFiZWw+XG4gICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2E+XG4iXX0=
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { Directive, TemplateRef, inject } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisNavigationItemDirective {
|
4
|
-
constructor() {
|
5
|
-
/**
|
6
|
-
* Custom template of the item.
|
7
|
-
*/
|
8
|
-
this.templateRef = inject((TemplateRef));
|
9
|
-
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisNavigationItemDirective, isStandalone: true, selector: "[suisNavigationItem]", ngImport: i0 }); }
|
12
|
-
}
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationItemDirective, decorators: [{
|
14
|
-
type: Directive,
|
15
|
-
args: [{
|
16
|
-
selector: '[suisNavigationItem]',
|
17
|
-
standalone: true,
|
18
|
-
}]
|
19
|
-
}] });
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLW5hdmlnYXRpb24vZGlyZWN0aXZlcy9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8vRCxNQUFNLE9BQU8sMkJBQTJCO0lBSnhDO1FBS0U7O1dBRUc7UUFDYSxnQkFBVyxHQUFHLE1BQU0sQ0FDbEMsQ0FBQSxXQUE4QyxDQUFBLENBQy9DLENBQUM7S0FDSDsrR0FQWSwyQkFBMkI7bUdBQTNCLDJCQUEyQjs7NEZBQTNCLDJCQUEyQjtrQkFKdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbSB9IGZyb20gJy4uL2ludGVyZmFjZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWlzTmF2aWdhdGlvbkl0ZW1dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIEN1c3RvbSB0ZW1wbGF0ZSBvZiB0aGUgaXRlbS5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChcbiAgICBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc05hdmlnYXRpb25JdGVtIH0+XG4gICk7XG59XG4iXX0=
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from './suis-navigation.module';
|
2
|
-
export * from './components/suis-navigation';
|
3
|
-
export * from './directives/suis-navigation-item.directive';
|
4
|
-
export * from './interfaces/suis-navigation-item.interfaces';
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGNBQWMsOEJBQThCLENBQUM7QUFFN0MsY0FBYyw2Q0FBNkMsQ0FBQztBQUU1RCxjQUFjLDhDQUE4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1uYXZpZ2F0aW9uL2ludGVyZmFjZXMvc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSBleHRlbmRzIFN1aXNOYXZpZ2F0aW9uSXRlbSB7XG4gIGNoaWxkcmVuPzogU3Vpc05hdmlnYXRpb25JdGVtW107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3Vpc05hdmlnYXRpb25JdGVtIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgbGluaz86IHN0cmluZztcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgW2tleTogc3RyaW5nXTogYW55O1xufVxuIl19
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { NgModule } from '@angular/core';
|
2
|
-
import { SuisNavigationComponent } from './components/suis-navigation/suis-navigation.component';
|
3
|
-
import { SuisNavigationItemDirective } from './directives/suis-navigation-item.directive';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisNavigationModule {
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationModule, imports: [SuisNavigationComponent, SuisNavigationItemDirective], exports: [SuisNavigationComponent, SuisNavigationItemDirective] }); }
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationModule, imports: [SuisNavigationComponent] }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisNavigationModule, decorators: [{
|
11
|
-
type: NgModule,
|
12
|
-
args: [{
|
13
|
-
imports: [SuisNavigationComponent, SuisNavigationItemDirective],
|
14
|
-
exports: [SuisNavigationComponent, SuisNavigationItemDirective],
|
15
|
-
}]
|
16
|
-
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7QUFNMUYsTUFBTSxPQUFPLG9CQUFvQjsrR0FBcEIsb0JBQW9CO2dIQUFwQixvQkFBb0IsWUFIckIsdUJBQXVCLEVBQUUsMkJBQTJCLGFBQ3BELHVCQUF1QixFQUFFLDJCQUEyQjtnSEFFbkQsb0JBQW9CLFlBSHJCLHVCQUF1Qjs7NEZBR3RCLG9CQUFvQjtrQkFKaEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSwyQkFBMkIsQ0FBQztvQkFDL0QsT0FBTyxFQUFFLENBQUMsdUJBQXVCLEVBQUUsMkJBQTJCLENBQUM7aUJBQ2hFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbU3Vpc05hdmlnYXRpb25Db21wb25lbnQsIFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZV0sXG4gIGV4cG9ydHM6IFtTdWlzTmF2aWdhdGlvbkNvbXBvbmVudCwgU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Nb2R1bGUge31cbiJdfQ==
|
@@ -1,56 +0,0 @@
|
|
1
|
-
import { Directive, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisSelectButtonBase {
|
4
|
-
constructor() {
|
5
|
-
/**
|
6
|
-
* Sets the readonly state of select button. By default set to false.
|
7
|
-
*/
|
8
|
-
this.readonly = false;
|
9
|
-
/**
|
10
|
-
* Sets the invalid state of select button. By default set to false.
|
11
|
-
*/
|
12
|
-
this.invalid = false;
|
13
|
-
/**
|
14
|
-
* Allows to clear the select value by using cross icon in button. By default set to false.
|
15
|
-
*/
|
16
|
-
this.clearable = false;
|
17
|
-
/**
|
18
|
-
* Indicates if select content is expanded and styles chevron accordingly. By default set to false.
|
19
|
-
*/
|
20
|
-
this.expanded = false;
|
21
|
-
/**
|
22
|
-
* Emits on button click.
|
23
|
-
*/
|
24
|
-
this.expandedChange = new EventEmitter();
|
25
|
-
/**
|
26
|
-
* Emits on button cross icon click.
|
27
|
-
*/
|
28
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
29
|
-
this.cleared = new EventEmitter();
|
30
|
-
}
|
31
|
-
onExpand() {
|
32
|
-
this.expandedChange.emit();
|
33
|
-
}
|
34
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
35
|
-
onClear(event) {
|
36
|
-
this.cleared.emit(event);
|
37
|
-
}
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
39
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisSelectButtonBase, inputs: { readonly: "readonly", invalid: "invalid", clearable: "clearable", expanded: "expanded" }, outputs: { expandedChange: "expandedChange", cleared: "cleared" }, ngImport: i0 }); }
|
40
|
-
}
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonBase, decorators: [{
|
42
|
-
type: Directive
|
43
|
-
}], propDecorators: { readonly: [{
|
44
|
-
type: Input
|
45
|
-
}], invalid: [{
|
46
|
-
type: Input
|
47
|
-
}], clearable: [{
|
48
|
-
type: Input
|
49
|
-
}], expanded: [{
|
50
|
-
type: Input
|
51
|
-
}], expandedChange: [{
|
52
|
-
type: Output
|
53
|
-
}], cleared: [{
|
54
|
-
type: Output
|
55
|
-
}] } });
|
56
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtYnV0dG9uLmJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NsYXNzZXMvc3Vpcy1zZWxlY3QtYnV0dG9uLmJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHdkUsTUFBTSxPQUFnQixvQkFBb0I7SUFEMUM7UUFFRTs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7O1dBRUc7UUFDTSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBQ00sY0FBUyxHQUFZLEtBQUssQ0FBQztRQUVwQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7O1dBRUc7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFcEQ7O1dBRUc7UUFDSCw4REFBOEQ7UUFDcEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FVN0M7SUFSQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsOERBQThEO0lBQzlELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBdkNtQixvQkFBb0I7bUdBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFEekMsU0FBUzs4QkFLQyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTTtnQkFNRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc1NlbGVjdEJ1dHRvbkJhc2Uge1xuICAvKipcbiAgICogU2V0cyB0aGUgcmVhZG9ubHkgc3RhdGUgb2Ygc2VsZWN0IGJ1dHRvbi4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBpbnZhbGlkIHN0YXRlIG9mIHNlbGVjdCBidXR0b24uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgaW52YWxpZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdG8gY2xlYXIgdGhlIHNlbGVjdCB2YWx1ZSBieSB1c2luZyBjcm9zcyBpY29uIGluIGJ1dHRvbi4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBjbGVhcmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHNlbGVjdCBjb250ZW50IGlzIGV4cGFuZGVkIGFuZCBzdHlsZXMgY2hldnJvbiBhY2NvcmRpbmdseS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBidXR0b24gY2xpY2suXG4gICAqL1xuICBAT3V0cHV0KCkgZXhwYW5kZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGJ1dHRvbiBjcm9zcyBpY29uIGNsaWNrLlxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgQE91dHB1dCgpIGNsZWFyZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBvbkV4cGFuZCgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQoKTtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9uQ2xlYXIoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY2xlYXJlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIl19
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import { SuisSelectBase } from './suis-select.base';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class SuisSelectMultiBase extends SuisSelectBase {
|
5
|
-
constructor() {
|
6
|
-
super(...arguments);
|
7
|
-
/** @internal */
|
8
|
-
this.values = [];
|
9
|
-
/**
|
10
|
-
* Allows to select duplicated values and remove checkboxes next to options' label. By default set to false.
|
11
|
-
*/
|
12
|
-
this.duplicate = false;
|
13
|
-
/**
|
14
|
-
* Sets the color pallette of the chips. Type of SuisColor. By default set to 'primary'.
|
15
|
-
*/
|
16
|
-
this.chipColor = 'primary';
|
17
|
-
/**
|
18
|
-
* Sets the color of the chips' cross icon. Type of SuisColor. By default set to 'white'.
|
19
|
-
*/
|
20
|
-
this.chipIconColor = 'white';
|
21
|
-
}
|
22
|
-
writeValue(obj) {
|
23
|
-
this.values = obj;
|
24
|
-
this._onChange(this.values);
|
25
|
-
this.cdRef.markForCheck();
|
26
|
-
}
|
27
|
-
onSelect(value) {
|
28
|
-
if (this.duplicate ||
|
29
|
-
!this.values.some((v) => JSON.stringify(v) === JSON.stringify(value))) {
|
30
|
-
this.setValue([...this.values, value]);
|
31
|
-
}
|
32
|
-
else {
|
33
|
-
this.setValue([
|
34
|
-
...this.values.filter((v) => JSON.stringify(v) !== JSON.stringify(value)),
|
35
|
-
]);
|
36
|
-
}
|
37
|
-
this.searchPhrase = '';
|
38
|
-
}
|
39
|
-
onRemove(index) {
|
40
|
-
const values = [...this.values];
|
41
|
-
values.splice(index, 1);
|
42
|
-
this.setValue([...values]);
|
43
|
-
}
|
44
|
-
clearValue() {
|
45
|
-
this.setValue([]);
|
46
|
-
this.toggle(false);
|
47
|
-
}
|
48
|
-
setValue(value) {
|
49
|
-
this.values = value;
|
50
|
-
this._onChange(this.values);
|
51
|
-
this.changed.emit();
|
52
|
-
this.cdRef.markForCheck();
|
53
|
-
}
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
55
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisSelectMultiBase, inputs: { duplicate: "duplicate", chipColor: "chipColor", chipIconColor: "chipIconColor" }, usesInheritance: true, ngImport: i0 }); }
|
56
|
-
}
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiBase, decorators: [{
|
58
|
-
type: Directive
|
59
|
-
}], propDecorators: { duplicate: [{
|
60
|
-
type: Input
|
61
|
-
}], chipColor: [{
|
62
|
-
type: Input
|
63
|
-
}], chipIconColor: [{
|
64
|
-
type: Input
|
65
|
-
}] } });
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFJcEQsTUFBTSxPQUFnQixtQkFBdUIsU0FBUSxjQUFpQjtJQUR0RTs7UUFFRSxnQkFBZ0I7UUFDaEIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUVqQjs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxjQUFTLEdBQWMsU0FBUyxDQUFDO1FBRTFDOztXQUVHO1FBQ00sa0JBQWEsR0FBYyxPQUFPLENBQUM7S0F5QzdDO0lBdkNVLFVBQVUsQ0FBQyxHQUFRO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFRO1FBQ3hCLElBQ0UsSUFBSSxDQUFDLFNBQVM7WUFDZCxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDckUsQ0FBQztZQUNELElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN6QyxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ1osR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDbkIsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDbkQ7YUFDRixDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhO1FBQ3BCLE1BQU0sTUFBTSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRVEsVUFBVTtRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQXpEbUIsbUJBQW1CO21HQUFuQixtQkFBbUI7OzRGQUFuQixtQkFBbUI7a0JBRHhDLFNBQVM7OEJBUUMsU0FBUztzQkFBakIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QmFzZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QuYmFzZSc7XG5pbXBvcnQgeyBTdWlzQ29sb3IgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9zdWlzLWNvbG9yLnR5cGUnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlCYXNlPFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdEJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlczogVFtdID0gW107XG5cbiAgLyoqXG4gICAqIEFsbG93cyB0byBzZWxlY3QgZHVwbGljYXRlZCB2YWx1ZXMgYW5kIHJlbW92ZSBjaGVja2JveGVzIG5leHQgdG8gb3B0aW9ucycgbGFiZWwuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgZHVwbGljYXRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIHBhbGxldHRlIG9mIHRoZSBjaGlwcy4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICdwcmltYXJ5Jy5cbiAgICovXG4gIEBJbnB1dCgpIGNoaXBDb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvZiB0aGUgY2hpcHMnIGNyb3NzIGljb24uIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAnd2hpdGUnLlxuICAgKi9cbiAgQElucHV0KCkgY2hpcEljb25Db2xvcjogU3Vpc0NvbG9yID0gJ3doaXRlJztcblxuICBvdmVycmlkZSB3cml0ZVZhbHVlKG9iajogVFtdKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZXMgPSBvYmo7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZXMpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvdmVycmlkZSBvblNlbGVjdCh2YWx1ZTogVCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIHRoaXMuZHVwbGljYXRlIHx8XG4gICAgICAhdGhpcy52YWx1ZXMuc29tZSgodikgPT4gSlNPTi5zdHJpbmdpZnkodikgPT09IEpTT04uc3RyaW5naWZ5KHZhbHVlKSlcbiAgICApIHtcbiAgICAgIHRoaXMuc2V0VmFsdWUoWy4uLnRoaXMudmFsdWVzLCB2YWx1ZV0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNldFZhbHVlKFtcbiAgICAgICAgLi4udGhpcy52YWx1ZXMuZmlsdGVyKFxuICAgICAgICAgICh2KSA9PiBKU09OLnN0cmluZ2lmeSh2KSAhPT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpXG4gICAgICAgICksXG4gICAgICBdKTtcbiAgICB9XG4gICAgdGhpcy5zZWFyY2hQaHJhc2UgPSAnJztcbiAgfVxuXG4gIG9uUmVtb3ZlKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCB2YWx1ZXMgPSBbLi4udGhpcy52YWx1ZXNdO1xuICAgIHZhbHVlcy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIHRoaXMuc2V0VmFsdWUoWy4uLnZhbHVlc10pO1xuICB9XG5cbiAgb3ZlcnJpZGUgY2xlYXJWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNldFZhbHVlKFtdKTtcbiAgICB0aGlzLnRvZ2dsZShmYWxzZSk7XG4gIH1cblxuICBvdmVycmlkZSBzZXRWYWx1ZSh2YWx1ZTogVFtdKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZXMgPSB2YWx1ZTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlcyk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQoKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
2
|
-
import { SuisSelectBase } from './suis-select.base';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class SuisSelectSingleBase extends SuisSelectBase {
|
5
|
-
constructor() {
|
6
|
-
super(...arguments);
|
7
|
-
/** @internal */
|
8
|
-
this.value = null;
|
9
|
-
/**
|
10
|
-
* Allows mechanism of clearing value. By default set to true.
|
11
|
-
*/
|
12
|
-
this.nullable = true;
|
13
|
-
}
|
14
|
-
writeValue(obj) {
|
15
|
-
this.value = obj;
|
16
|
-
this._onChange(this.value);
|
17
|
-
this.cdRef.markForCheck();
|
18
|
-
}
|
19
|
-
onSelect(value) {
|
20
|
-
if (JSON.stringify(this.value) === JSON.stringify(value)) {
|
21
|
-
if (this.nullable)
|
22
|
-
this.clearValue();
|
23
|
-
}
|
24
|
-
else {
|
25
|
-
this.setValue(value);
|
26
|
-
}
|
27
|
-
}
|
28
|
-
clearValue() {
|
29
|
-
this.setValue(null);
|
30
|
-
}
|
31
|
-
setValue(value) {
|
32
|
-
this.value = value;
|
33
|
-
this.toggle(false);
|
34
|
-
this._onChange(this.value);
|
35
|
-
this.changed.emit();
|
36
|
-
this.cdRef.markForCheck();
|
37
|
-
}
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectSingleBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
39
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisSelectSingleBase, inputs: { nullable: "nullable" }, usesInheritance: true, ngImport: i0 }); }
|
40
|
-
}
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectSingleBase, decorators: [{
|
42
|
-
type: Directive
|
43
|
-
}], propDecorators: { nullable: [{
|
44
|
-
type: Input
|
45
|
-
}] } });
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NsYXNzZXMvc3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUdwRCxNQUFNLE9BQWdCLG9CQUF3QixTQUFRLGNBQWlCO0lBRHZFOztRQUVFLGdCQUFnQjtRQUNoQixVQUFLLEdBQWEsSUFBSSxDQUFDO1FBRXZCOztXQUVHO1FBQ00sYUFBUSxHQUFZLElBQUksQ0FBQztLQTJCbkM7SUF6QlUsVUFBVSxDQUFDLEdBQU07UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQVE7UUFDeEIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDekQsSUFBSSxJQUFJLENBQUMsUUFBUTtnQkFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDdkMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBRVEsVUFBVTtRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFUSxRQUFRLENBQUMsS0FBZTtRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQWpDbUIsb0JBQW9CO21HQUFwQixvQkFBb0I7OzRGQUFwQixvQkFBb0I7a0JBRHpDLFNBQVM7OEJBUUMsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCYXNlIH0gZnJvbSAnLi9zdWlzLXNlbGVjdC5iYXNlJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc1NlbGVjdFNpbmdsZUJhc2U8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0QmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgdmFsdWU6IFQgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogQWxsb3dzIG1lY2hhbmlzbSBvZiBjbGVhcmluZyB2YWx1ZS4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIG51bGxhYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICBvdmVycmlkZSB3cml0ZVZhbHVlKG9iajogVCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG9uU2VsZWN0KHZhbHVlOiBUKSB7XG4gICAgaWYgKEpTT04uc3RyaW5naWZ5KHRoaXMudmFsdWUpID09PSBKU09OLnN0cmluZ2lmeSh2YWx1ZSkpIHtcbiAgICAgIGlmICh0aGlzLm51bGxhYmxlKSB0aGlzLmNsZWFyVmFsdWUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb3ZlcnJpZGUgY2xlYXJWYWx1ZSgpIHtcbiAgICB0aGlzLnNldFZhbHVlKG51bGwpO1xuICB9XG5cbiAgb3ZlcnJpZGUgc2V0VmFsdWUodmFsdWU6IFQgfCBudWxsKSB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMudG9nZ2xlKGZhbHNlKTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdCgpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
|