@odx/angular 2.0.0 → 2.1.1
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/CHANGELOG.md +17 -0
- package/breakpoints/README.md +3 -0
- package/breakpoints/index.d.ts +7 -0
- package/breakpoints/lib/breakpoints.config.d.ts +21 -0
- package/breakpoints/lib/breakpoints.module.d.ts +7 -0
- package/breakpoints/lib/breakpoints.service.d.ts +13 -0
- package/breakpoints/lib/breakpoints.typings.d.ts +8 -0
- package/breakpoints/lib/directives/index.d.ts +1 -0
- package/breakpoints/lib/directives/match-breakpoints.directive.d.ts +16 -0
- package/breakpoints/lib/helpers/configure-breakpoint.d.ts +4 -0
- package/breakpoints/lib/helpers/index.d.ts +1 -0
- package/breakpoints/lib/models/breakpoint.d.ts +5 -0
- package/breakpoints/lib/models/index.d.ts +1 -0
- package/cdk/expandable/lib/directives/expandable-item.directive.d.ts +1 -1
- package/components/menu/lib/menu.module.d.ts +3 -2
- package/components/rail-navigation/index.d.ts +2 -1
- package/components/rail-navigation/lib/components/index.d.ts +1 -0
- package/components/rail-navigation/lib/models/index.d.ts +1 -0
- package/components/rail-navigation/lib/models/rail-navigation-variant.d.ts +5 -0
- package/components/rail-navigation/lib/rail-navigation.component.d.ts +4 -2
- package/components/rail-navigation/lib/rail-navigation.module.d.ts +2 -2
- package/esm2020/breakpoints/index.mjs +8 -0
- package/esm2020/breakpoints/lib/breakpoints.config.mjs +13 -0
- package/esm2020/breakpoints/lib/breakpoints.module.mjs +17 -0
- package/esm2020/breakpoints/lib/breakpoints.service.mjs +34 -0
- package/esm2020/breakpoints/lib/breakpoints.typings.mjs +2 -0
- package/esm2020/breakpoints/lib/directives/index.mjs +2 -0
- package/esm2020/breakpoints/lib/directives/match-breakpoints.directive.mjs +48 -0
- package/esm2020/breakpoints/lib/helpers/configure-breakpoint.mjs +8 -0
- package/esm2020/breakpoints/lib/helpers/index.mjs +2 -0
- package/esm2020/breakpoints/lib/models/breakpoint.mjs +2 -0
- package/esm2020/breakpoints/lib/models/index.mjs +2 -0
- package/esm2020/breakpoints/odx-angular-breakpoints.mjs +5 -0
- package/esm2020/cdk/expandable/lib/directives/expandable-item.directive.mjs +5 -5
- package/esm2020/components/checkbox/lib/checkbox.component.mjs +2 -2
- package/esm2020/components/main-menu/lib/main-menu.service.mjs +2 -11
- package/esm2020/components/menu/lib/menu.module.mjs +5 -4
- package/esm2020/components/rail-navigation/index.mjs +3 -2
- package/esm2020/components/rail-navigation/lib/components/index.mjs +2 -0
- package/esm2020/components/rail-navigation/lib/components/{rail-navigation-item.component.mjs → rail-navigation-item/rail-navigation-item.component.mjs} +3 -3
- package/esm2020/components/rail-navigation/lib/models/index.mjs +2 -0
- package/esm2020/components/rail-navigation/lib/models/rail-navigation-variant.mjs +5 -0
- package/esm2020/components/rail-navigation/lib/rail-navigation.component.mjs +19 -11
- package/esm2020/components/rail-navigation/lib/rail-navigation.module.mjs +4 -4
- package/esm2020/internal/decorators/css-component.mjs +1 -1
- package/esm2020/internal/decorators/css-modifier.mjs +16 -21
- package/esm2020/internal/helpers/get-css-variables.mjs +12 -19
- package/fesm2015/odx-angular-breakpoints.mjs +111 -0
- package/fesm2015/odx-angular-breakpoints.mjs.map +1 -0
- package/fesm2015/odx-angular-cdk-expandable.mjs +4 -4
- package/fesm2015/odx-angular-cdk-expandable.mjs.map +1 -1
- package/fesm2015/odx-angular-components-checkbox.mjs +1 -1
- package/fesm2015/odx-angular-components-checkbox.mjs.map +1 -1
- package/fesm2015/odx-angular-components-main-menu.mjs +2 -10
- package/fesm2015/odx-angular-components-main-menu.mjs.map +1 -1
- package/fesm2015/odx-angular-components-menu.mjs +4 -3
- package/fesm2015/odx-angular-components-menu.mjs.map +1 -1
- package/fesm2015/odx-angular-components-rail-navigation.mjs +23 -11
- package/fesm2015/odx-angular-components-rail-navigation.mjs.map +1 -1
- package/fesm2015/odx-angular-internal.mjs +27 -40
- package/fesm2015/odx-angular-internal.mjs.map +1 -1
- package/fesm2020/odx-angular-breakpoints.mjs +117 -0
- package/fesm2020/odx-angular-breakpoints.mjs.map +1 -0
- package/fesm2020/odx-angular-cdk-expandable.mjs +4 -4
- package/fesm2020/odx-angular-cdk-expandable.mjs.map +1 -1
- package/fesm2020/odx-angular-components-checkbox.mjs +1 -1
- package/fesm2020/odx-angular-components-checkbox.mjs.map +1 -1
- package/fesm2020/odx-angular-components-main-menu.mjs +2 -10
- package/fesm2020/odx-angular-components-main-menu.mjs.map +1 -1
- package/fesm2020/odx-angular-components-menu.mjs +4 -3
- package/fesm2020/odx-angular-components-menu.mjs.map +1 -1
- package/fesm2020/odx-angular-components-rail-navigation.mjs +23 -11
- package/fesm2020/odx-angular-components-rail-navigation.mjs.map +1 -1
- package/fesm2020/odx-angular-internal.mjs +26 -38
- package/fesm2020/odx-angular-internal.mjs.map +1 -1
- package/internal/decorators/css-component.d.ts +1 -1
- package/internal/decorators/css-modifier.d.ts +2 -2
- package/internal/helpers/get-css-variables.d.ts +2 -3
- package/package.json +12 -4
- /package/components/rail-navigation/lib/components/{rail-navigation-item.component.d.ts → rail-navigation-item/rail-navigation-item.component.d.ts} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
|
-
import { ChangeDetectionStrategy, Component,
|
|
3
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, inject } from '@angular/core';
|
|
4
4
|
import { RouterLinkActive } from '@angular/router';
|
|
5
5
|
import { WithDisabledState, WithTabIndex } from '@odx/angular';
|
|
6
6
|
import { IconComponent } from '@odx/angular/components/icon';
|
|
7
7
|
import { CSSComponent } from '@odx/angular/internal';
|
|
8
|
-
import {
|
|
8
|
+
import { Transform, injectElement } from '@odx/angular/utils';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "@odx/angular";
|
|
11
11
|
let RailNavigationItemComponent = class RailNavigationItemComponent {
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
35
35
|
}], iconName: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpbC1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmFpbC1uYXZpZ2F0aW9uL3NyYy9saWIvY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24taXRlbS9yYWlsLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3JhaWwtbmF2aWdhdGlvbi1pdGVtL3JhaWwtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFnQnZELElBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTJCO0lBQWpDO1FBR2MscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFFbkUsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBSW5DLGVBQVUsR0FBRyxLQUFLLENBQUM7S0FJM0I7O3dIQWJZLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHFYQ3RCeEMseUtBSUEsNENEWVksYUFBYTtBQWF2QjtJQUFDLFNBQVMsQ0FBQyxxQkFBcUIsQ0FBQzs7K0RBRVA7QUFUZiwyQkFBMkI7SUFkdkMsWUFBWSxDQUFDLHNCQUFzQixDQUFDO0dBY3hCLDJCQUEyQixDQWF2QztTQWJZLDJCQUEyQjsyRkFBM0IsMkJBQTJCO2tCQWJ2QyxTQUFTO2lDQUNJLElBQUksWUFFTiw2RUFBNkUsaUJBRXhFLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxhQUFhLENBQUMsa0JBQ1IsQ0FBQyxpQkFBaUIsRUFBRSxZQUFZLENBQUMsUUFDM0M7d0JBQ0oscUJBQXFCLEVBQUUsMENBQTBDO3FCQUNsRTs4QkFXTSxVQUFVO3NCQURoQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rQWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFdpdGhEaXNhYmxlZFN0YXRlLCBXaXRoVGFiSW5kZXggfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IFRyYW5zZm9ybSwgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbkBDU1NDb21wb25lbnQoJ3JhaWwtbmF2aWdhdGlvbi1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Fbb2R4UmFpbE5hdmlnYXRpb25JdGVtXVtpY29uTmFtZV0sIGJ1dHRvbltvZHhSYWlsTmF2aWdhdGlvbkl0ZW1dW2ljb25OYW1lXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlsLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG4gIGhvc3REaXJlY3RpdmVzOiBbV2l0aERpc2FibGVkU3RhdGUsIFdpdGhUYWJJbmRleF0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmlzLXNlbGVjdGVkXSc6ICdpc1NlbGVjdGVkIHx8IHJvdXRlckxpbmtBY3RpdmU/LmlzQWN0aXZlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgUmFpbE5hdmlnYXRpb25JdGVtQ29tcG9uZW50IHtcbiAgcHVibGljIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9pc1NlbGVjdGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJvdXRlckxpbmtBY3RpdmUgPSBpbmplY3QoUm91dGVyTGlua0FjdGl2ZSwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAVHJhbnNmb3JtKGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSlcbiAgQElucHV0KClcbiAgcHVibGljIGlzU2VsZWN0ZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaWNvbk5hbWUhOiBzdHJpbmc7XG59XG4iLCI8b2R4LWljb24gW25hbWVdPVwiaWNvbk5hbWVcIiBpY29uU2V0PVwiY29yZVwiIHNpemU9XCJsYXJnZVwiPjwvb2R4LWljb24+XG48c3BhbiBjbGFzcz1cIm9keC1yYWlsLW5hdmlnYXRpb24taXRlbV9fY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './rail-navigation-variant';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24vc3JjL2xpYi9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcmFpbC1uYXZpZ2F0aW9uLXZhcmlhbnQnO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export const RailNavigationVariant = {
|
|
2
|
+
DEFAULT: 'default',
|
|
3
|
+
BAR: 'bar',
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpbC1uYXZpZ2F0aW9uLXZhcmlhbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24vc3JjL2xpYi9tb2RlbHMvcmFpbC1uYXZpZ2F0aW9uLXZhcmlhbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUc7SUFDbkMsT0FBTyxFQUFFLFNBQVM7SUFDbEIsR0FBRyxFQUFFLEtBQUs7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgUmFpbE5hdmlnYXRpb25WYXJpYW50ID0gKHR5cGVvZiBSYWlsTmF2aWdhdGlvblZhcmlhbnQpW2tleW9mIHR5cGVvZiBSYWlsTmF2aWdhdGlvblZhcmlhbnRdO1xuXG5leHBvcnQgY29uc3QgUmFpbE5hdmlnYXRpb25WYXJpYW50ID0ge1xuICBERUZBVUxUOiAnZGVmYXVsdCcsXG4gIEJBUjogJ2JhcicsXG59IGFzIGNvbnN0O1xuIl19
|
|
@@ -1,35 +1,41 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
3
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
4
|
-
import { CSSComponent } from '@odx/angular/internal';
|
|
5
|
-
import {
|
|
6
|
-
import { RailNavigationItemComponent } from './components/rail-navigation-item.component';
|
|
4
|
+
import { CSSComponent, CSSModifier } from '@odx/angular/internal';
|
|
5
|
+
import { Transform, injectElement } from '@odx/angular/utils';
|
|
6
|
+
import { RailNavigationItemComponent } from './components/rail-navigation-item/rail-navigation-item.component';
|
|
7
|
+
import { RailNavigationVariant } from './models';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
let RailNavigationComponent = class RailNavigationComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.element = injectElement();
|
|
11
12
|
this.isOpen = true;
|
|
13
|
+
this.variant = RailNavigationVariant.DEFAULT;
|
|
12
14
|
this.isOpenChange = new EventEmitter();
|
|
13
15
|
}
|
|
14
|
-
toggle() {
|
|
15
|
-
this.
|
|
16
|
+
toggle(forceState) {
|
|
17
|
+
if (this.variant === RailNavigationVariant.BAR)
|
|
18
|
+
return;
|
|
19
|
+
this.isOpen = forceState ?? !this.isOpen;
|
|
16
20
|
this.isOpenChange.emit(this.isOpen);
|
|
17
21
|
}
|
|
18
22
|
open() {
|
|
19
|
-
this.
|
|
20
|
-
this.isOpenChange.emit(this.isOpen);
|
|
23
|
+
this.toggle(true);
|
|
21
24
|
}
|
|
22
25
|
close() {
|
|
23
|
-
this.
|
|
24
|
-
this.isOpenChange.emit(this.isOpen);
|
|
26
|
+
this.toggle(false);
|
|
25
27
|
}
|
|
26
28
|
};
|
|
27
29
|
RailNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
RailNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RailNavigationComponent, isStandalone: true, selector: "odx-rail-navigation", inputs: { isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "class.is-open": "isOpen" } }, ngImport: i0, template: "<nav class=\"odx-rail-navigation__content\">\n <ng-content selector=\"a[odxRailNavigationItem], button[odxRailNavigationItem]\"></ng-content>\n</nav>\n<button odxRailNavigationItem class=\"odx-rail-navigation__expand\" iconName=\"chevron-right\" (click)=\"toggle()\"></button>\n", dependencies: [{ kind: "component", type: RailNavigationItemComponent, selector: "a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]", inputs: ["isSelected", "iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
30
|
+
RailNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RailNavigationComponent, isStandalone: true, selector: "odx-rail-navigation", inputs: { isOpen: "isOpen", variant: "variant" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "class.is-open": "isOpen" } }, ngImport: i0, template: "<nav class=\"odx-rail-navigation__content\">\n <ng-content selector=\"a[odxRailNavigationItem], button[odxRailNavigationItem]\"></ng-content>\n</nav>\n<button odxRailNavigationItem class=\"odx-rail-navigation__expand\" iconName=\"chevron-right\" (click)=\"toggle()\"></button>\n", dependencies: [{ kind: "component", type: RailNavigationItemComponent, selector: "a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]", inputs: ["isSelected", "iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
29
31
|
__decorate([
|
|
30
32
|
Transform(coerceBooleanProperty),
|
|
31
33
|
__metadata("design:type", Object)
|
|
32
34
|
], RailNavigationComponent.prototype, "isOpen", void 0);
|
|
35
|
+
__decorate([
|
|
36
|
+
CSSModifier(),
|
|
37
|
+
__metadata("design:type", String)
|
|
38
|
+
], RailNavigationComponent.prototype, "variant", void 0);
|
|
33
39
|
RailNavigationComponent = __decorate([
|
|
34
40
|
CSSComponent('rail-navigation')
|
|
35
41
|
], RailNavigationComponent);
|
|
@@ -41,7 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
41
47
|
}, template: "<nav class=\"odx-rail-navigation__content\">\n <ng-content selector=\"a[odxRailNavigationItem], button[odxRailNavigationItem]\"></ng-content>\n</nav>\n<button odxRailNavigationItem class=\"odx-rail-navigation__expand\" iconName=\"chevron-right\" (click)=\"toggle()\"></button>\n" }]
|
|
42
48
|
}], propDecorators: { isOpen: [{
|
|
43
49
|
type: Input
|
|
50
|
+
}], variant: [{
|
|
51
|
+
type: Input
|
|
44
52
|
}], isOpenChange: [{
|
|
45
53
|
type: Output
|
|
46
54
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpbC1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JhaWwtbmF2aWdhdGlvbi9zcmMvbGliL3JhaWwtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24vc3JjL2xpYi9yYWlsLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUMvRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBYzFDLElBQU0sdUJBQXVCLEdBQTdCLE1BQU0sdUJBQXVCO0lBQTdCO1FBR1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBSW5DLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFJZCxZQUFPLEdBQTBCLHFCQUFxQixDQUFDLE9BQU8sQ0FBQztRQUcvRCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FlbkQ7SUFiUSxNQUFNLENBQUMsVUFBb0I7UUFDaEMsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLHFCQUFxQixDQUFDLEdBQUc7WUFBRSxPQUFPO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixDQUFDOztvSEE1QlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsaU9DbkJwQyx5UkFJQSw0Q0RVWSwyQkFBMkI7QUFVckM7SUFBQyxTQUFTLENBQUMscUJBQXFCLENBQUM7O3VEQUVaO0FBRXJCO0lBQUMsV0FBVyxFQUFFOzt3REFFd0Q7QUFYM0QsdUJBQXVCO0lBWm5DLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQztHQVluQix1QkFBdUIsQ0E2Qm5DO1NBN0JZLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQVhuQyxTQUFTO2lDQUNJLElBQUksWUFDTixxQkFBcUIsbUJBRWQsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLDJCQUEyQixDQUFDLFFBQ2hDO3dCQUNKLGlCQUFpQixFQUFFLFFBQVE7cUJBQzVCOzhCQVNNLE1BQU07c0JBRFosS0FBSztnQkFLQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCwgQ1NTTW9kaWZpZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgVHJhbnNmb3JtLCBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IFJhaWxOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9yYWlsLW5hdmlnYXRpb24taXRlbS9yYWlsLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmFpbE5hdmlnYXRpb25WYXJpYW50IH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyYWlsLW5hdmlnYXRpb24nKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LXJhaWwtbmF2aWdhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAncmFpbC1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtSYWlsTmF2aWdhdGlvbkl0ZW1Db21wb25lbnRdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5pcy1vcGVuXSc6ICdpc09wZW4nLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBSYWlsTmF2aWdhdGlvbkNvbXBvbmVudCB7XG4gIHB1YmxpYyBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfaXNPcGVuOiBCb29sZWFuSW5wdXQ7XG5cbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG5cbiAgQFRyYW5zZm9ybShjb2VyY2VCb29sZWFuUHJvcGVydHkpXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpc09wZW4gPSB0cnVlO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB2YXJpYW50OiBSYWlsTmF2aWdhdGlvblZhcmlhbnQgPSBSYWlsTmF2aWdhdGlvblZhcmlhbnQuREVGQVVMVDtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGlzT3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwdWJsaWMgdG9nZ2xlKGZvcmNlU3RhdGU/OiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gUmFpbE5hdmlnYXRpb25WYXJpYW50LkJBUikgcmV0dXJuO1xuICAgIHRoaXMuaXNPcGVuID0gZm9yY2VTdGF0ZSA/PyAhdGhpcy5pc09wZW47XG4gICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gIH1cblxuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZSh0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZShmYWxzZSk7XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJvZHgtcmFpbC1uYXZpZ2F0aW9uX19jb250ZW50XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdG9yPVwiYVtvZHhSYWlsTmF2aWdhdGlvbkl0ZW1dLCBidXR0b25bb2R4UmFpbE5hdmlnYXRpb25JdGVtXVwiPjwvbmctY29udGVudD5cbjwvbmF2PlxuPGJ1dHRvbiBvZHhSYWlsTmF2aWdhdGlvbkl0ZW0gY2xhc3M9XCJvZHgtcmFpbC1uYXZpZ2F0aW9uX19leHBhbmRcIiBpY29uTmFtZT1cImNoZXZyb24tcmlnaHRcIiAoY2xpY2spPVwidG9nZ2xlKClcIj48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CoreModule } from '@odx/angular';
|
|
3
|
-
import { RailNavigationItemComponent } from './components/rail-navigation-item.component';
|
|
3
|
+
import { RailNavigationItemComponent } from './components/rail-navigation-item/rail-navigation-item.component';
|
|
4
4
|
import { RailNavigationComponent } from './rail-navigation.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
const modules = [RailNavigationComponent, RailNavigationItemComponent];
|
|
7
7
|
export class RailNavigationModule {
|
|
8
8
|
}
|
|
9
9
|
RailNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
RailNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationModule, imports: [RailNavigationComponent, RailNavigationItemComponent], exports: [RailNavigationComponent, RailNavigationItemComponent
|
|
10
|
+
RailNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationModule, imports: [RailNavigationComponent, RailNavigationItemComponent], exports: [CoreModule, RailNavigationComponent, RailNavigationItemComponent] });
|
|
11
11
|
RailNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationModule, imports: [modules, CoreModule] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RailNavigationModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: modules,
|
|
16
|
-
exports: [...modules
|
|
16
|
+
exports: [CoreModule, ...modules],
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpbC1uYXZpZ2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JhaWwtbmF2aWdhdGlvbi9zcmMvbGliL3JhaWwtbmF2aWdhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQy9HLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUV0RSxNQUFNLE9BQU8sR0FBRyxDQUFDLHVCQUF1QixFQUFFLDJCQUEyQixDQUFDLENBQUM7QUFLdkUsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLFlBTGhCLHVCQUF1QixFQUFFLDJCQUEyQixhQUd6RCxVQUFVLEVBSEwsdUJBQXVCLEVBQUUsMkJBQTJCO2tIQUt4RCxvQkFBb0IsWUFIdEIsT0FBTyxFQUNOLFVBQVU7MkZBRVQsb0JBQW9CO2tCQUpoQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxPQUFPO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxPQUFPLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgUmFpbE5hdmlnYXRpb25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3JhaWwtbmF2aWdhdGlvbi1pdGVtL3JhaWwtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSYWlsTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFpbC1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XG5cbmNvbnN0IG1vZHVsZXMgPSBbUmFpbE5hdmlnYXRpb25Db21wb25lbnQsIFJhaWxOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudF07XG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBtb2R1bGVzLFxuICBleHBvcnRzOiBbQ29yZU1vZHVsZSwgLi4ubW9kdWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFJhaWxOYXZpZ2F0aW9uTW9kdWxlIHt9XG4iXX0=
|
|
@@ -16,4 +16,4 @@ export function CSSComponent(name, prefix = 'odx') {
|
|
|
16
16
|
})(target.prototype.ngOnInit);
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9pbnRlcm5hbC9zcmMvZGVjb3JhdG9ycy9jc3MtY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxxQkFBcUIsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFPaEYsZ0JBQWdCO0FBQ2hCLDBCQUEwQjtBQUMxQixNQUFNLFVBQVUsWUFBWSxDQUFDLElBQVksRUFBRSxNQUFNLEdBQUcsS0FBSztJQUN2RCxPQUFPLENBQUMsTUFBMEIsRUFBRSxFQUFFO1FBQ3BDLE1BQU0sUUFBUSxHQUFHLEdBQUcsTUFBTSxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBRTtZQUMxRCxLQUFLLEVBQUUsUUFBUTtTQUNoQixDQUFDLENBQUM7UUFFSCxDQUFDLFVBQXlCLFFBQXFCO1lBQzdDLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHO2dCQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNuRCxRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3ZCLENBQUMsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlY29yYXRvclByb3BlcnR5TmFtZSB9IGZyb20gJy4uL2hlbHBlcnMnO1xuXG5leHBvcnQgY29uc3QgQ1NTX0NPTVBPTkVOVF9OQU1FID0gZGVjb3JhdG9yUHJvcGVydHlOYW1lKCdDU1NDb21wb25lbnQnLCAnbmFtZScpO1xuXG4vKiogQGludGVybmFsICovXG5leHBvcnQgaW50ZXJmYWNlIENTU0NvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xufVxuXG4vKiogQGludGVybmFsICovXG4vKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuZXhwb3J0IGZ1bmN0aW9uIENTU0NvbXBvbmVudChuYW1lOiBzdHJpbmcsIHByZWZpeCA9ICdvZHgnKSB7XG4gIHJldHVybiAodGFyZ2V0OiBUeXBlPENTU0NvbXBvbmVudD4pID0+IHtcbiAgICBjb25zdCBjc3NDbGFzcyA9IGAke3ByZWZpeH0tJHtuYW1lfWA7XG4gICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KHRhcmdldC5wcm90b3R5cGUsIENTU19DT01QT05FTlRfTkFNRSwge1xuICAgICAgdmFsdWU6IGNzc0NsYXNzLFxuICAgIH0pO1xuXG4gICAgKGZ1bmN0aW9uICh0aGlzOiB1bmtub3duLCBuZ09uSW5pdD86ICgpID0+IHZvaWQpIHtcbiAgICAgIHRhcmdldC5wcm90b3R5cGUubmdPbkluaXQgPSBmdW5jdGlvbiAodGhpczogQ1NTQ29tcG9uZW50KSB7XG4gICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoY3NzQ2xhc3MpO1xuICAgICAgICBuZ09uSW5pdD8uY2FsbCh0aGlzKTtcbiAgICAgIH07XG4gICAgfSkodGFyZ2V0LnByb3RvdHlwZS5uZ09uSW5pdCk7XG4gIH07XG59XG4iXX0=
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
1
|
import { camelToKebabCase, decoratorPropertyName, ɵwithMultipleDescriptors } from '../helpers';
|
|
3
2
|
import { CSS_COMPONENT_NAME } from './css-component';
|
|
4
3
|
/** @internal */
|
|
@@ -23,32 +22,28 @@ export function CSSModifier(options) {
|
|
|
23
22
|
}
|
|
24
23
|
return null;
|
|
25
24
|
}
|
|
25
|
+
function getter() {
|
|
26
|
+
return this[propertySymbol];
|
|
27
|
+
}
|
|
26
28
|
function setter(value) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
this[propertySymbol][i] = nextValue;
|
|
39
|
-
const newModifierClass = createModifierClass.apply(this, [nextValue]);
|
|
40
|
-
if (newModifierClass !== null && (typeof nextValue === 'boolean' ? nextValue : true)) {
|
|
41
|
-
this.element.nativeElement.classList.add(newModifierClass);
|
|
42
|
-
}
|
|
29
|
+
this[propertyDefaultValue] ?? (this[propertyDefaultValue] = value);
|
|
30
|
+
const currentValue = this[propertySymbol] ?? null;
|
|
31
|
+
const nextValue = value ?? this[propertyDefaultValue] ?? null;
|
|
32
|
+
if (nextValue !== currentValue) {
|
|
33
|
+
const currentModifierClass = createModifierClass.call(this, currentValue);
|
|
34
|
+
if (currentModifierClass !== null) {
|
|
35
|
+
this.element.nativeElement.classList.remove(currentModifierClass);
|
|
36
|
+
}
|
|
37
|
+
const newModifierClass = createModifierClass.call(this, nextValue);
|
|
38
|
+
if (newModifierClass !== null && (typeof nextValue === 'boolean' ? nextValue : true)) {
|
|
39
|
+
this.element.nativeElement.classList.add(newModifierClass);
|
|
43
40
|
}
|
|
44
41
|
}
|
|
45
|
-
|
|
46
|
-
function getter() {
|
|
47
|
-
return options?.isArray ? this[propertySymbol] : this[propertySymbol]?.[0];
|
|
42
|
+
this[propertySymbol] = nextValue;
|
|
48
43
|
}
|
|
49
44
|
descriptors.addSetter(setter);
|
|
50
45
|
descriptors.addGetter(getter);
|
|
51
46
|
descriptors.init();
|
|
52
47
|
};
|
|
53
48
|
}
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLW1vZGlmaWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2ludGVybmFsL3NyYy9kZWNvcmF0b3JzL2Nzcy1tb2RpZmllci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUscUJBQXFCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDL0YsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBVW5FLGdCQUFnQjtBQUNoQiwwQkFBMEI7QUFDMUIsTUFBTSxVQUFVLFdBQVcsQ0FBQyxPQUE0QjtJQUN0RCxPQUFPLENBQUMsTUFBb0IsRUFBRSxXQUF3QixFQUFFLEVBQUU7UUFDeEQsTUFBTSxlQUFlLEdBQUcsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQy9DLE1BQU0sb0JBQW9CLEdBQUcsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDL0QsTUFBTSxjQUFjLEdBQUcscUJBQXFCLENBQUMsYUFBYSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQzdFLE1BQU0sb0JBQW9CLEdBQUcscUJBQXFCLENBQUMsYUFBYSxFQUFFLEdBQUcsZUFBZSxVQUFVLENBQUMsQ0FBQztRQUNoRyxNQUFNLFdBQVcsR0FBRyx3QkFBd0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBRWxGLFNBQVMsbUJBQW1CLENBQTZCLEtBQWM7WUFDckUsSUFBSSxPQUFPLEtBQUssS0FBSyxTQUFTLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFBRTtnQkFDakYsSUFBSSxRQUFRLEdBQUcsT0FBTyxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO2dCQUN6RSxJQUFJLE9BQU8sRUFBRSxVQUFVLEVBQUU7b0JBQ3ZCLFFBQVEsR0FBRyxHQUFHLGVBQWUsSUFBSSxRQUFRLEVBQUUsQ0FBQztpQkFDN0M7Z0JBQ0QsSUFBSSxPQUFPLEVBQUUsbUJBQW1CLElBQUksSUFBSSxFQUFFO29CQUN4QyxPQUFPLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssUUFBUSxFQUFFLENBQUM7aUJBQ25EO2dCQUNELE9BQU8sUUFBUSxDQUFDO2FBQ2pCO1lBQ0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO1FBRUQsU0FBUyxNQUFNO1lBQ2IsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDOUIsQ0FBQztRQUVELFNBQVMsTUFBTSxDQUE2QixLQUFjO1lBQ3hELElBQUksQ0FBQyxvQkFBb0IsTUFBekIsSUFBSSxDQUFDLG9CQUFvQixJQUFNLEtBQUssRUFBQztZQUNyQyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksSUFBSSxDQUFDO1lBQ2xELE1BQU0sU0FBUyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxJQUFJLENBQUM7WUFFOUQsSUFBSSxTQUFTLEtBQUssWUFBWSxFQUFFO2dCQUM5QixNQUFNLG9CQUFvQixHQUFHLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxDQUFDLENBQUM7Z0JBQzFFLElBQUksb0JBQW9CLEtBQUssSUFBSSxFQUFFO29CQUNqQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUM7aUJBQ25FO2dCQUNELE1BQU0sZ0JBQWdCLEdBQUcsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxnQkFBZ0IsS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLFNBQVMsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ3BGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztpQkFDNUQ7YUFDRjtZQUNELElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxTQUFTLENBQUM7UUFDbkMsQ0FBQztRQUVELFdBQVcsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUIsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM5QixXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQyxDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNhbWVsVG9LZWJhYkNhc2UsIGRlY29yYXRvclByb3BlcnR5TmFtZSwgybV3aXRoTXVsdGlwbGVEZXNjcmlwdG9ycyB9IGZyb20gJy4uL2hlbHBlcnMnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50LCBDU1NfQ09NUE9ORU5UX05BTUUgfSBmcm9tICcuL2Nzcy1jb21wb25lbnQnO1xuXG4vKiogQGludGVybmFsICovXG5pbnRlcmZhY2UgQ1NTTW9kaWZpZXJPcHRpb25zIHtcbiAgd2l0aENvbXBvbmVudFByZWZpeD86IGJvb2xlYW47XG4gIHdpdGhQcmVmaXg/OiBib29sZWFuO1xufVxuXG50eXBlIENTU0NvbXBvbmVudEluc3RhbmNlID0gQ1NTQ29tcG9uZW50ICYgUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG5cbi8qKiBAaW50ZXJuYWwgKi9cbi8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG5leHBvcnQgZnVuY3Rpb24gQ1NTTW9kaWZpZXIob3B0aW9ucz86IENTU01vZGlmaWVyT3B0aW9ucykge1xuICByZXR1cm4gKHRhcmdldDogQ1NTQ29tcG9uZW50LCBwcm9wZXJ0eUtleTogUHJvcGVydHlLZXkpID0+IHtcbiAgICBjb25zdCBwcm9wZXJ0eUtleU5hbWUgPSBwcm9wZXJ0eUtleS50b1N0cmluZygpO1xuICAgIGNvbnN0IHByb3BlcnR5S2V5S2ViYWJDYXNlID0gY2FtZWxUb0tlYmFiQ2FzZShwcm9wZXJ0eUtleU5hbWUpO1xuICAgIGNvbnN0IHByb3BlcnR5U3ltYm9sID0gZGVjb3JhdG9yUHJvcGVydHlOYW1lKCdDU1NNb2RpZmllcicsIHByb3BlcnR5S2V5TmFtZSk7XG4gICAgY29uc3QgcHJvcGVydHlEZWZhdWx0VmFsdWUgPSBkZWNvcmF0b3JQcm9wZXJ0eU5hbWUoJ0NTU01vZGlmaWVyJywgYCR7cHJvcGVydHlLZXlOYW1lfV9kZWZhdWx0YCk7XG4gICAgY29uc3QgZGVzY3JpcHRvcnMgPSDJtXdpdGhNdWx0aXBsZURlc2NyaXB0b3JzKHRhcmdldCwgcHJvcGVydHlLZXksIHByb3BlcnR5U3ltYm9sKTtcblxuICAgIGZ1bmN0aW9uIGNyZWF0ZU1vZGlmaWVyQ2xhc3ModGhpczogQ1NTQ29tcG9uZW50SW5zdGFuY2UsIHZhbHVlOiB1bmtub3duKSB7XG4gICAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnYm9vbGVhbicgfHwgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgJiYgdmFsdWUubGVuZ3RoID4gMCkpIHtcbiAgICAgICAgbGV0IG1vZGlmaWVyID0gdHlwZW9mIHZhbHVlID09PSAnYm9vbGVhbicgPyBwcm9wZXJ0eUtleUtlYmFiQ2FzZSA6IHZhbHVlO1xuICAgICAgICBpZiAob3B0aW9ucz8ud2l0aFByZWZpeCkge1xuICAgICAgICAgIG1vZGlmaWVyID0gYCR7cHJvcGVydHlLZXlOYW1lfS0ke21vZGlmaWVyfWA7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9wdGlvbnM/LndpdGhDb21wb25lbnRQcmVmaXggPz8gdHJ1ZSkge1xuICAgICAgICAgIHJldHVybiBgJHt0aGlzW0NTU19DT01QT05FTlRfTkFNRV19LS0ke21vZGlmaWVyfWA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG1vZGlmaWVyO1xuICAgICAgfVxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gZ2V0dGVyKHRoaXM6IENTU0NvbXBvbmVudEluc3RhbmNlKSB7XG4gICAgICByZXR1cm4gdGhpc1twcm9wZXJ0eVN5bWJvbF07XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gc2V0dGVyKHRoaXM6IENTU0NvbXBvbmVudEluc3RhbmNlLCB2YWx1ZTogdW5rbm93bikge1xuICAgICAgdGhpc1twcm9wZXJ0eURlZmF1bHRWYWx1ZV0gPz89IHZhbHVlO1xuICAgICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpc1twcm9wZXJ0eVN5bWJvbF0gPz8gbnVsbDtcbiAgICAgIGNvbnN0IG5leHRWYWx1ZSA9IHZhbHVlID8/IHRoaXNbcHJvcGVydHlEZWZhdWx0VmFsdWVdID8/IG51bGw7XG5cbiAgICAgIGlmIChuZXh0VmFsdWUgIT09IGN1cnJlbnRWYWx1ZSkge1xuICAgICAgICBjb25zdCBjdXJyZW50TW9kaWZpZXJDbGFzcyA9IGNyZWF0ZU1vZGlmaWVyQ2xhc3MuY2FsbCh0aGlzLCBjdXJyZW50VmFsdWUpO1xuICAgICAgICBpZiAoY3VycmVudE1vZGlmaWVyQ2xhc3MgIT09IG51bGwpIHtcbiAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGN1cnJlbnRNb2RpZmllckNsYXNzKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdNb2RpZmllckNsYXNzID0gY3JlYXRlTW9kaWZpZXJDbGFzcy5jYWxsKHRoaXMsIG5leHRWYWx1ZSk7XG4gICAgICAgIGlmIChuZXdNb2RpZmllckNsYXNzICE9PSBudWxsICYmICh0eXBlb2YgbmV4dFZhbHVlID09PSAnYm9vbGVhbicgPyBuZXh0VmFsdWUgOiB0cnVlKSkge1xuICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQobmV3TW9kaWZpZXJDbGFzcyk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXNbcHJvcGVydHlTeW1ib2xdID0gbmV4dFZhbHVlO1xuICAgIH1cblxuICAgIGRlc2NyaXB0b3JzLmFkZFNldHRlcihzZXR0ZXIpO1xuICAgIGRlc2NyaXB0b3JzLmFkZEdldHRlcihnZXR0ZXIpO1xuICAgIGRlc2NyaXB0b3JzLmluaXQoKTtcbiAgfTtcbn1cbiJdfQ==
|
|
@@ -1,29 +1,22 @@
|
|
|
1
1
|
/* istanbul ignore next */
|
|
2
|
-
function isSameDomain(
|
|
3
|
-
|
|
4
|
-
return true;
|
|
5
|
-
}
|
|
6
|
-
return styleSheet.href.indexOf(window.location.origin) === 0;
|
|
2
|
+
function isSameDomain({ href }) {
|
|
3
|
+
return !href || href.startsWith(window.location.origin);
|
|
7
4
|
}
|
|
8
5
|
/** @internal */
|
|
9
6
|
/* istanbul ignore next */
|
|
10
|
-
export function getCSSVariables(filter) {
|
|
11
|
-
const stylesheets = Array.from(document.styleSheets).filter(isSameDomain);
|
|
7
|
+
export function getCSSVariables(filter, doc) {
|
|
8
|
+
const stylesheets = Array.from((doc ?? document).styleSheets).filter(isSameDomain);
|
|
12
9
|
return stylesheets.reduce((variables, { cssRules }) => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
value: style.getPropertyValue(prop).trim(),
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
}
|
|
10
|
+
const rules = Array.from(cssRules).filter(({ type }) => type === CSSRule.STYLE_RULE);
|
|
11
|
+
for (const { style } of rules) {
|
|
12
|
+
for (const propName of Array.from(style)) {
|
|
13
|
+
const name = propName.trim();
|
|
14
|
+
if (!name.startsWith('--') || !filter.test(name))
|
|
15
|
+
continue;
|
|
16
|
+
variables.push({ name, value: style.getPropertyValue(propName).trim() });
|
|
24
17
|
}
|
|
25
18
|
}
|
|
26
19
|
return variables;
|
|
27
20
|
}, []);
|
|
28
21
|
}
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWNzcy12YXJpYWJsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvaW50ZXJuYWwvc3JjL2hlbHBlcnMvZ2V0LWNzcy12YXJpYWJsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsMEJBQTBCO0FBQzFCLFNBQVMsWUFBWSxDQUFDLEVBQUUsSUFBSSxFQUFjO0lBQ3hDLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBQzFELENBQUM7QUFFRCxnQkFBZ0I7QUFDaEIsMEJBQTBCO0FBQzFCLE1BQU0sVUFBVSxlQUFlLENBQUMsTUFBYyxFQUFFLEdBQWM7SUFDNUQsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsSUFBSSxRQUFRLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7SUFFbkYsT0FBTyxXQUFXLENBQUMsTUFBTSxDQUEwQixDQUFDLFNBQVMsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7UUFDN0UsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDLFVBQVUsQ0FBbUIsQ0FBQztRQUN2RyxLQUFLLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxLQUFLLEVBQUU7WUFDN0IsS0FBSyxNQUFNLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUN4QyxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7b0JBQUUsU0FBUztnQkFDM0QsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQzthQUMxRTtTQUNGO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0FBQ1QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImludGVyZmFjZSBDU1NWYXJpYWJsZURlZmluaXRpb24ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG59XG5cbi8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG5mdW5jdGlvbiBpc1NhbWVEb21haW4oeyBocmVmIH06IFN0eWxlU2hlZXQpOiBib29sZWFuIHtcbiAgcmV0dXJuICFocmVmIHx8IGhyZWYuc3RhcnRzV2l0aCh3aW5kb3cubG9jYXRpb24ub3JpZ2luKTtcbn1cblxuLyoqIEBpbnRlcm5hbCAqL1xuLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRDU1NWYXJpYWJsZXMoZmlsdGVyOiBSZWdFeHAsIGRvYz86IERvY3VtZW50KTogQ1NTVmFyaWFibGVEZWZpbml0aW9uW10ge1xuICBjb25zdCBzdHlsZXNoZWV0cyA9IEFycmF5LmZyb20oKGRvYyA/PyBkb2N1bWVudCkuc3R5bGVTaGVldHMpLmZpbHRlcihpc1NhbWVEb21haW4pO1xuXG4gIHJldHVybiBzdHlsZXNoZWV0cy5yZWR1Y2U8Q1NTVmFyaWFibGVEZWZpbml0aW9uW10+KCh2YXJpYWJsZXMsIHsgY3NzUnVsZXMgfSkgPT4ge1xuICAgIGNvbnN0IHJ1bGVzID0gQXJyYXkuZnJvbShjc3NSdWxlcykuZmlsdGVyKCh7IHR5cGUgfSkgPT4gdHlwZSA9PT0gQ1NTUnVsZS5TVFlMRV9SVUxFKSBhcyBDU1NTdHlsZVJ1bGVbXTtcbiAgICBmb3IgKGNvbnN0IHsgc3R5bGUgfSBvZiBydWxlcykge1xuICAgICAgZm9yIChjb25zdCBwcm9wTmFtZSBvZiBBcnJheS5mcm9tKHN0eWxlKSkge1xuICAgICAgICBjb25zdCBuYW1lID0gcHJvcE5hbWUudHJpbSgpO1xuICAgICAgICBpZiAoIW5hbWUuc3RhcnRzV2l0aCgnLS0nKSB8fCAhZmlsdGVyLnRlc3QobmFtZSkpIGNvbnRpbnVlO1xuICAgICAgICB2YXJpYWJsZXMucHVzaCh7IG5hbWUsIHZhbHVlOiBzdHlsZS5nZXRQcm9wZXJ0eVZhbHVlKHByb3BOYW1lKS50cmltKCkgfSk7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiB2YXJpYWJsZXM7XG4gIH0sIFtdKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { createConfigTokens, untilDestroyed } from '@odx/angular/utils';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { inject, Injectable, TemplateRef, ViewContainerRef, Directive, Input, NgModule } from '@angular/core';
|
|
4
|
+
import { coerceArray } from '@angular/cdk/coercion';
|
|
5
|
+
import { of, map, distinctUntilChanged, shareReplay, BehaviorSubject, switchMap, tap } from 'rxjs';
|
|
6
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
7
|
+
|
|
8
|
+
function configureBreakpoint(name, min, max) {
|
|
9
|
+
return {
|
|
10
|
+
[`<${name}`]: `(max-width: ${min - 1}px)`,
|
|
11
|
+
[`=${name}`]: `(min-width: ${min}px) and (max-width: ${max - 1}px)`,
|
|
12
|
+
[`>${name}`]: `(min-width: ${min}px)`,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const DEFAULT_BREAKPOINTS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configureBreakpoint('phone-s', 360, 480)), configureBreakpoint('phone', 480, 768)), configureBreakpoint('tablet', 768, 960)), configureBreakpoint('desktop-s', 960, 1200)), configureBreakpoint('desktop', 1200, 9999));
|
|
17
|
+
const { BreakpointsConfig, BreakpointsDefaultConfig, injectBreakpointsConfig, provideBreakpointsConfig } = createConfigTokens('Breakpoints', '@odx/angular/breakpoints', {
|
|
18
|
+
breakpoints: DEFAULT_BREAKPOINTS,
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
class BreakpointsService {
|
|
22
|
+
constructor() {
|
|
23
|
+
this.breakpointObserver = inject(BreakpointObserver);
|
|
24
|
+
this.config = injectBreakpointsConfig();
|
|
25
|
+
}
|
|
26
|
+
observe(breakpoints) {
|
|
27
|
+
const mediaQueries = this.getMediaQueries(breakpoints);
|
|
28
|
+
return this.createBreakpointObserver(mediaQueries);
|
|
29
|
+
}
|
|
30
|
+
matches(breakpoints) {
|
|
31
|
+
const mediaQueries = this.getMediaQueries(breakpoints);
|
|
32
|
+
return this.breakpointObserver.isMatched(mediaQueries);
|
|
33
|
+
}
|
|
34
|
+
getMediaQueries(breakpointNames) {
|
|
35
|
+
return breakpointNames.map((name) => this.config.breakpoints[name]).filter(Boolean);
|
|
36
|
+
}
|
|
37
|
+
createBreakpointObserver(mediaQueries) {
|
|
38
|
+
if (mediaQueries.length < 1)
|
|
39
|
+
return of(false);
|
|
40
|
+
return this.breakpointObserver.observe(mediaQueries).pipe(map(({ matches }) => matches), distinctUntilChanged(), shareReplay({ refCount: true }));
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
BreakpointsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
44
|
+
BreakpointsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsService, providedIn: 'root' });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsService, decorators: [{
|
|
46
|
+
type: Injectable,
|
|
47
|
+
args: [{ providedIn: 'root' }]
|
|
48
|
+
}] });
|
|
49
|
+
|
|
50
|
+
class MatchBreakpointsDirective {
|
|
51
|
+
constructor() {
|
|
52
|
+
this.breakpoints$$ = new BehaviorSubject([]);
|
|
53
|
+
this.breakpointsService = inject(BreakpointsService);
|
|
54
|
+
this.takeUntilDestroyed = untilDestroyed();
|
|
55
|
+
this.template = inject(TemplateRef);
|
|
56
|
+
this.viewContainer = inject(ViewContainerRef);
|
|
57
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
58
|
+
this.elseTemplate = null;
|
|
59
|
+
}
|
|
60
|
+
set breakpoints(value) {
|
|
61
|
+
this.breakpoints$$.next(coerceArray(value !== null && value !== void 0 ? value : []));
|
|
62
|
+
}
|
|
63
|
+
ngOnInit() {
|
|
64
|
+
this.breakpoints$$
|
|
65
|
+
.pipe(switchMap((breakpoints) => this.breakpointsService.observe(breakpoints)), tap((matchesBreakpoints) => this.render(matchesBreakpoints)), this.takeUntilDestroyed())
|
|
66
|
+
.subscribe();
|
|
67
|
+
}
|
|
68
|
+
render(matchesBreakpoints) {
|
|
69
|
+
this.viewContainer.clear();
|
|
70
|
+
const template = matchesBreakpoints ? this.template : this.elseTemplate;
|
|
71
|
+
if (template) {
|
|
72
|
+
this.viewContainer.createEmbeddedView(template);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
MatchBreakpointsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatchBreakpointsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
77
|
+
MatchBreakpointsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MatchBreakpointsDirective, isStandalone: true, selector: "ng-template[odxMatchBreakpoints]", inputs: { breakpoints: ["odxMatchBreakpoints", "breakpoints"], elseTemplate: ["odxMatchBreakpointsElse", "elseTemplate"] }, ngImport: i0 });
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MatchBreakpointsDirective, decorators: [{
|
|
79
|
+
type: Directive,
|
|
80
|
+
args: [{
|
|
81
|
+
standalone: true,
|
|
82
|
+
selector: 'ng-template[odxMatchBreakpoints]',
|
|
83
|
+
}]
|
|
84
|
+
}], propDecorators: { breakpoints: [{
|
|
85
|
+
type: Input,
|
|
86
|
+
args: ['odxMatchBreakpoints']
|
|
87
|
+
}], elseTemplate: [{
|
|
88
|
+
type: Input,
|
|
89
|
+
args: ['odxMatchBreakpointsElse']
|
|
90
|
+
}] } });
|
|
91
|
+
|
|
92
|
+
const modules = [MatchBreakpointsDirective];
|
|
93
|
+
class BreakpointsModule {
|
|
94
|
+
}
|
|
95
|
+
BreakpointsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
96
|
+
BreakpointsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsModule, imports: [MatchBreakpointsDirective], exports: [MatchBreakpointsDirective] });
|
|
97
|
+
BreakpointsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsModule });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BreakpointsModule, decorators: [{
|
|
99
|
+
type: NgModule,
|
|
100
|
+
args: [{
|
|
101
|
+
imports: modules,
|
|
102
|
+
exports: modules,
|
|
103
|
+
}]
|
|
104
|
+
}] });
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Generated bundle index. Do not edit.
|
|
108
|
+
*/
|
|
109
|
+
|
|
110
|
+
export { BreakpointsConfig, BreakpointsDefaultConfig, BreakpointsModule, BreakpointsService, DEFAULT_BREAKPOINTS, MatchBreakpointsDirective, configureBreakpoint, injectBreakpointsConfig, provideBreakpointsConfig };
|
|
111
|
+
//# sourceMappingURL=odx-angular-breakpoints.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"odx-angular-breakpoints.mjs","sources":["../../../../libs/angular/breakpoints/src/lib/helpers/configure-breakpoint.ts","../../../../libs/angular/breakpoints/src/lib/breakpoints.config.ts","../../../../libs/angular/breakpoints/src/lib/breakpoints.service.ts","../../../../libs/angular/breakpoints/src/lib/directives/match-breakpoints.directive.ts","../../../../libs/angular/breakpoints/src/lib/breakpoints.module.ts","../../../../libs/angular/breakpoints/src/odx-angular-breakpoints.ts"],"sourcesContent":["type BreakpointOperators = '<' | '=' | '>';\ntype BreakpointConfig<T extends string> = Record<`${BreakpointOperators}${T}`, string>;\n\nexport function configureBreakpoint<T extends string>(name: T, min: number, max: number): BreakpointConfig<T> {\n return {\n [`<${name}` as const]: `(max-width: ${min - 1}px)`,\n [`=${name}` as const]: `(min-width: ${min}px) and (max-width: ${max - 1}px)`,\n [`>${name}` as const]: `(min-width: ${min}px)`,\n } as BreakpointConfig<T>;\n}\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { configureBreakpoint } from './helpers/configure-breakpoint';\n\nexport const DEFAULT_BREAKPOINTS = {\n ...configureBreakpoint('phone-s', 360, 480),\n ...configureBreakpoint('phone', 480, 768),\n ...configureBreakpoint('tablet', 768, 960),\n ...configureBreakpoint('desktop-s', 960, 1200),\n ...configureBreakpoint('desktop', 1200, 9999),\n} as const;\n\nexport interface BreakpointsConfig {\n breakpoints: Partial<OdxAngular.Breakpoints>;\n}\n\nexport const { BreakpointsConfig, BreakpointsDefaultConfig, injectBreakpointsConfig, provideBreakpointsConfig } = createConfigTokens(\n 'Breakpoints',\n '@odx/angular/breakpoints',\n {\n breakpoints: DEFAULT_BREAKPOINTS,\n } as BreakpointsConfig\n);\n","import { BreakpointObserver } from '@angular/cdk/layout';\nimport { inject, Injectable } from '@angular/core';\nimport { distinctUntilChanged, map, Observable, of, shareReplay } from 'rxjs';\nimport { injectBreakpointsConfig } from './breakpoints.config';\nimport { BreakpointName } from './models';\n\n@Injectable({ providedIn: 'root' })\nexport class BreakpointsService {\n private readonly breakpointObserver = inject(BreakpointObserver);\n private readonly config = injectBreakpointsConfig();\n\n public observe(breakpoints: BreakpointName[]): Observable<boolean> {\n const mediaQueries = this.getMediaQueries(breakpoints);\n\n return this.createBreakpointObserver(mediaQueries);\n }\n\n public matches(breakpoints: BreakpointName[]): boolean {\n const mediaQueries = this.getMediaQueries(breakpoints);\n\n return this.breakpointObserver.isMatched(mediaQueries);\n }\n\n private getMediaQueries(breakpointNames: BreakpointName[]): string[] {\n return breakpointNames.map((name) => this.config.breakpoints[name] as string).filter(Boolean);\n }\n\n private createBreakpointObserver(mediaQueries: string[]): Observable<boolean> {\n if (mediaQueries.length < 1) return of(false);\n\n return this.breakpointObserver.observe(mediaQueries).pipe(\n map(({ matches }) => matches),\n distinctUntilChanged(),\n shareReplay({ refCount: true })\n );\n }\n}\n","import { coerceArray } from '@angular/cdk/coercion';\nimport { Directive, inject, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { untilDestroyed } from '@odx/angular/utils';\nimport { BehaviorSubject, switchMap, tap } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BreakpointName } from '../models';\n\n@Directive({\n standalone: true,\n selector: 'ng-template[odxMatchBreakpoints]',\n})\nexport class MatchBreakpointsDirective implements OnInit {\n private readonly breakpoints$$ = new BehaviorSubject<BreakpointName[]>([]);\n private readonly breakpointsService = inject(BreakpointsService);\n private readonly takeUntilDestroyed = untilDestroyed();\n private readonly template = inject(TemplateRef);\n private readonly viewContainer = inject(ViewContainerRef);\n\n @Input('odxMatchBreakpoints')\n public set breakpoints(value: BreakpointName | BreakpointName[] | null | undefined) {\n this.breakpoints$$.next(coerceArray(value ?? []));\n }\n\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('odxMatchBreakpointsElse')\n public elseTemplate?: TemplateRef<unknown> | null = null;\n\n public ngOnInit(): void {\n this.breakpoints$$\n .pipe(\n switchMap((breakpoints) => this.breakpointsService.observe(breakpoints)),\n tap((matchesBreakpoints) => this.render(matchesBreakpoints)),\n this.takeUntilDestroyed()\n )\n .subscribe();\n }\n\n private render(matchesBreakpoints: boolean): void {\n this.viewContainer.clear();\n const template = matchesBreakpoints ? this.template : this.elseTemplate;\n if (template) {\n this.viewContainer.createEmbeddedView(template);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { MatchBreakpointsDirective } from './directives';\n\nconst modules = [MatchBreakpointsDirective];\n\n@NgModule({\n imports: modules,\n exports: modules,\n})\nexport class BreakpointsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -27,14 +27,14 @@ class ExpandableItemDirective {
|
|
|
27
27
|
get expanded() {
|
|
28
28
|
return this._expanded;
|
|
29
29
|
}
|
|
30
|
-
toggle() {
|
|
31
|
-
this.expanded = !this.expanded;
|
|
30
|
+
toggle(forceState) {
|
|
31
|
+
this.expanded = forceState !== null && forceState !== void 0 ? forceState : !this.expanded;
|
|
32
32
|
}
|
|
33
33
|
open() {
|
|
34
|
-
this.
|
|
34
|
+
this.toggle(true);
|
|
35
35
|
}
|
|
36
36
|
close() {
|
|
37
|
-
this.
|
|
37
|
+
this.toggle(false);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
ExpandableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ExpandableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-cdk-expandable.mjs","sources":["../../../../libs/angular/cdk/expandable/src/lib/expandable.tokens.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-item.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/extandable-container.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/expandable.module.ts","../../../../libs/angular/cdk/expandable/src/odx-angular-cdk-expandable.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ExpandableContainer } from './facade';\n\nexport const EXPANDABLE_CONTAINER = new InjectionToken<ExpandableContainer>('@odx/angular/cdk/expandable::ExpandableContainer');\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, Input, inject } from '@angular/core';\nimport { getUniqueId } from '@odx/angular/utils';\nimport { EXPANDABLE_CONTAINER } from '../expandable.tokens';\nimport { ExpandableItem } from '../facade';\n\n@Directive({\n standalone: true,\n selector: '[odxExpandableItem]',\n})\nexport class ExpandableItemDirective implements ExpandableItem {\n public static ngAcceptInputType_expanded: BooleanInput;\n\n private readonly container = inject(EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n private readonly changeDetectorRef = inject(ChangeDetectorRef);\n private _expanded = false;\n\n public readonly id = getUniqueId('odx-expandable-item');\n\n @Input()\n public set expanded(value: boolean) {\n this._expanded = coerceBooleanProperty(value);\n if (this._expanded) {\n this.container?.open(this);\n } else {\n this.container?.close(this);\n }\n this.changeDetectorRef.markForCheck();\n }\n public get expanded(): boolean {\n return this._expanded;\n }\n\n public toggle(): void {\n this.expanded = !this.expanded;\n }\n\n public open(): void {\n this.
|
|
1
|
+
{"version":3,"file":"odx-angular-cdk-expandable.mjs","sources":["../../../../libs/angular/cdk/expandable/src/lib/expandable.tokens.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/expandable-item.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/directives/extandable-container.directive.ts","../../../../libs/angular/cdk/expandable/src/lib/expandable.module.ts","../../../../libs/angular/cdk/expandable/src/odx-angular-cdk-expandable.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ExpandableContainer } from './facade';\n\nexport const EXPANDABLE_CONTAINER = new InjectionToken<ExpandableContainer>('@odx/angular/cdk/expandable::ExpandableContainer');\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, Input, inject } from '@angular/core';\nimport { getUniqueId } from '@odx/angular/utils';\nimport { EXPANDABLE_CONTAINER } from '../expandable.tokens';\nimport { ExpandableItem } from '../facade';\n\n@Directive({\n standalone: true,\n selector: '[odxExpandableItem]',\n})\nexport class ExpandableItemDirective implements ExpandableItem {\n public static ngAcceptInputType_expanded: BooleanInput;\n\n private readonly container = inject(EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });\n private readonly changeDetectorRef = inject(ChangeDetectorRef);\n private _expanded = false;\n\n public readonly id = getUniqueId('odx-expandable-item');\n\n @Input()\n public set expanded(value: boolean) {\n this._expanded = coerceBooleanProperty(value);\n if (this._expanded) {\n this.container?.open(this);\n } else {\n this.container?.close(this);\n }\n this.changeDetectorRef.markForCheck();\n }\n public get expanded(): boolean {\n return this._expanded;\n }\n\n public toggle(forceState?: boolean): void {\n this.expanded = forceState ?? !this.expanded;\n }\n\n public open(): void {\n this.toggle(true);\n }\n\n public close(): void {\n this.toggle(false);\n }\n}\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, Input } from '@angular/core';\nimport { Transform } from '@odx/angular/utils';\nimport { ExpandableContainer, ExpandableItem } from '../facade';\n\n@Directive({\n standalone: true,\n selector: '[odxExpandableContainer]',\n})\nexport class ExpandableContainerDirective implements ExpandableContainer {\n public static ngAcceptInputType_multiple: BooleanInput;\n\n private openItems: Record<string, ExpandableItem> = {};\n\n @Transform(coerceBooleanProperty)\n @Input()\n public multiple = false;\n\n public close(item: ExpandableItem): void {\n delete this.openItems[item.id];\n }\n\n public closeAll(): void {\n for (const item of Object.values(this.openItems)) {\n item.close();\n }\n }\n\n public open(item: ExpandableItem): void {\n if (!this.multiple) {\n this.closeAll();\n }\n this.openItems[item.id] = item;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ExpandableContainerDirective, ExpandableItemDirective } from './directives';\n\nconst modules = [ExpandableContainerDirective, ExpandableItemDirective];\n\n@NgModule({\n imports: modules,\n exports: modules,\n})\nexport class ExpandableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ let CheckboxComponent = class CheckboxComponent extends CheckBoxControl {
|
|
|
29
29
|
return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';
|
|
30
30
|
}
|
|
31
31
|
get modifierIcon() {
|
|
32
|
-
return this.indeterminate ? '
|
|
32
|
+
return this.indeterminate ? 'minus' : 'check';
|
|
33
33
|
}
|
|
34
34
|
onChanged(event) {
|
|
35
35
|
event.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n standalone: true,\n selector: 'odx-checkbox',\n templateUrl: 'checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [IconComponent, ControlDirective],\n providers: [ReadonlyController.connect()],\n hostDirectives: [WithDisabledState],\n host: {\n '[class.is-active]': 'checked || indeterminate',\n },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n public static ngAcceptInputType_indeterminate: BooleanInput;\n\n private isIndeterminate = false;\n\n @CSSModifier()\n @Input()\n public set indeterminate(value: unknown) {\n if (this.isIndeterminate !== value) {\n this.isIndeterminate = coerceBooleanProperty(value);\n this.indeterminateChange.emit(this.isIndeterminate);\n }\n }\n\n public get indeterminate(): boolean {\n return this.isIndeterminate;\n }\n\n @Output()\n public readonly indeterminateChange = new EventEmitter<boolean>();\n\n public override get ariaChecked(): string {\n return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n }\n\n public get modifierIcon(): string {\n return this.indeterminate ? '
|
|
1
|
+
{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n standalone: true,\n selector: 'odx-checkbox',\n templateUrl: 'checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [IconComponent, ControlDirective],\n providers: [ReadonlyController.connect()],\n hostDirectives: [WithDisabledState],\n host: {\n '[class.is-active]': 'checked || indeterminate',\n },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n public static ngAcceptInputType_indeterminate: BooleanInput;\n\n private isIndeterminate = false;\n\n @CSSModifier()\n @Input()\n public set indeterminate(value: unknown) {\n if (this.isIndeterminate !== value) {\n this.isIndeterminate = coerceBooleanProperty(value);\n this.indeterminateChange.emit(this.isIndeterminate);\n }\n }\n\n public get indeterminate(): boolean {\n return this.isIndeterminate;\n }\n\n @Output()\n public readonly indeterminateChange = new EventEmitter<boolean>();\n\n public override get ariaChecked(): string {\n return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n }\n\n public get modifierIcon(): string {\n return this.indeterminate ? 'minus' : 'check';\n }\n\n public override onChanged(event: Event): void {\n event.stopPropagation();\n this.indeterminate = false;\n super.updateValue((event.target as HTMLInputElement).checked);\n this.checkedChange.next(this.checked);\n }\n}\n","<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"isRequired || null\"\n [attr.tabindex]=\"tabindex || null\"\n [checked]=\"checked\"\n [disabled]=\"isDisabled || isReadonly\"\n [indeterminate]=\"indeterminate\"\n [name]=\"name\"\n [readonly]=\"isReadonly\"\n [value]=\"value\"\n type=\"checkbox\"\n (blur)=\"onTouched()\"\n (change)=\"onChanged($event)\"\n />\n <div class=\"odx-checkbox__indicator\">\n <odx-icon [name]=\"modifierIcon\" iconSet=\"core\"></odx-icon>\n </div>\n <div class=\"odx-checkbox__content\">\n <ng-content></ng-content>\n </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n@Directive({\n standalone: true,\n selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => CheckboxValidator),\n multi: true,\n },\n ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n imports: modules,\n exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from 'tslib';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Injectable, inject, Directive, HostListener, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
|
4
4
|
import { CSSComponent } from '@odx/angular/internal';
|
|
5
|
-
import {
|
|
5
|
+
import { injectElement, Transform } from '@odx/angular/utils';
|
|
6
6
|
import { BehaviorSubject, distinctUntilChanged, shareReplay } from 'rxjs';
|
|
7
7
|
import { trigger, transition, useAnimation } from '@angular/animations';
|
|
8
8
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
@@ -37,15 +37,7 @@ class MainMenuService {
|
|
|
37
37
|
this.toggle(false);
|
|
38
38
|
}
|
|
39
39
|
toggle(forceState) {
|
|
40
|
-
|
|
41
|
-
this.isOpen$$.next(forceState);
|
|
42
|
-
}
|
|
43
|
-
else if (this.isOpen()) {
|
|
44
|
-
this.isOpen$$.next(false);
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
this.isOpen$$.next(true);
|
|
48
|
-
}
|
|
40
|
+
this.isOpen$$.next(forceState !== null && forceState !== void 0 ? forceState : !this.isOpen());
|
|
49
41
|
}
|
|
50
42
|
}
|
|
51
43
|
MainMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MainMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|