@odx/angular 3.0.0 → 3.2.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/CHANGELOG.md +13 -0
- package/cdk/expandable/lib/directives/expandable-container.directive.d.ts +20 -0
- package/cdk/expandable/lib/directives/expandable-item.directive.d.ts +10 -6
- package/cdk/expandable/lib/directives/index.d.ts +1 -1
- package/cdk/expandable/lib/expandable.module.d.ts +1 -1
- package/cdk/expandable/lib/expandable.tokens.d.ts +2 -1
- package/cdk/expandable/lib/facade/expandable-container.d.ts +6 -3
- package/cdk/expandable/lib/facade/expandable-item.d.ts +6 -3
- package/components/accordion/lib/accordion.component.d.ts +3 -3
- package/components/accordion/lib/components/accordion-item/accordion-item.component.d.ts +4 -3
- package/components/list/lib/components/expandable-list-item/expandable-list-item.component.d.ts +4 -7
- package/components/list/lib/components/list-item/list-item.component.d.ts +1 -1
- package/components/list/lib/list.component.d.ts +3 -4
- package/components/rich-list/lib/components/rich-list-item/rich-list-item.component.d.ts +4 -3
- package/components/rich-list/lib/rich-list.component.d.ts +3 -4
- package/esm2022/cdk/expandable/lib/directives/expandable-container.directive.mjs +59 -0
- package/esm2022/cdk/expandable/lib/directives/expandable-item.directive.mjs +27 -10
- package/esm2022/cdk/expandable/lib/directives/index.mjs +2 -2
- package/esm2022/cdk/expandable/lib/expandable.tokens.mjs +2 -1
- package/esm2022/cdk/expandable/lib/facade/expandable-container.mjs +1 -1
- package/esm2022/cdk/expandable/lib/facade/expandable-item.mjs +1 -1
- package/esm2022/components/accordion/lib/accordion.component.mjs +9 -11
- package/esm2022/components/accordion/lib/components/accordion-item/accordion-item.component.mjs +17 -17
- package/esm2022/components/list/lib/components/expandable-list-item/expandable-list-item.component.mjs +16 -31
- package/esm2022/components/list/lib/components/list-item/list-item.component.mjs +7 -8
- package/esm2022/components/list/lib/list.component.mjs +11 -15
- package/esm2022/components/rich-list/lib/components/rich-list-item/rich-list-item.component.mjs +17 -17
- package/esm2022/components/rich-list/lib/rich-list.component.mjs +9 -12
- package/esm2022/rxjs/index.mjs +2 -1
- package/esm2022/rxjs/lib/from-element-mutation.mjs +10 -0
- package/esm2022/rxjs/lib/from-element-resize.mjs +2 -2
- package/fesm2022/odx-angular-cdk-expandable.mjs +84 -57
- package/fesm2022/odx-angular-cdk-expandable.mjs.map +1 -1
- package/fesm2022/odx-angular-components-accordion.mjs +22 -25
- package/fesm2022/odx-angular-components-accordion.mjs.map +1 -1
- package/fesm2022/odx-angular-components-list.mjs +26 -47
- package/fesm2022/odx-angular-components-list.mjs.map +1 -1
- package/fesm2022/odx-angular-components-rich-list.mjs +22 -26
- package/fesm2022/odx-angular-components-rich-list.mjs.map +1 -1
- package/fesm2022/odx-angular-rxjs.mjs +11 -3
- package/fesm2022/odx-angular-rxjs.mjs.map +1 -1
- package/package.json +7 -7
- package/rxjs/index.d.ts +1 -0
- package/rxjs/lib/from-element-mutation.d.ts +2 -0
- package/cdk/expandable/lib/directives/extandable-container.directive.d.ts +0 -13
- package/esm2022/cdk/expandable/lib/directives/extandable-container.directive.mjs +0 -50
|
@@ -1,47 +1,32 @@
|
|
|
1
|
-
import { __decorate
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
2
|
import { transition, trigger, useAnimation } from '@angular/animations';
|
|
3
|
-
import {
|
|
3
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation, inject } from '@angular/core';
|
|
4
4
|
import { CoreModule, DisabledController } from '@odx/angular';
|
|
5
5
|
import { collapse, expand } from '@odx/angular/animations';
|
|
6
|
-
import { InteractiveDirective } from '@odx/angular/cdk/a11y';
|
|
7
6
|
import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
|
|
7
|
+
import { ActionGroupComponent } from '@odx/angular/components/action-group';
|
|
8
|
+
import { ButtonComponent } from '@odx/angular/components/button';
|
|
8
9
|
import { IconComponent } from '@odx/angular/components/icon';
|
|
9
|
-
import { CSSComponent
|
|
10
|
+
import { CSSComponent } from '@odx/angular/internal';
|
|
10
11
|
import { injectElement } from '@odx/angular/utils';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "@angular/
|
|
13
|
-
|
|
13
|
+
import * as i1 from "@odx/angular/cdk/expandable";
|
|
14
|
+
import * as i2 from "@angular/common";
|
|
15
|
+
export let ExpandableListItemComponent = class ExpandableListItemComponent {
|
|
14
16
|
constructor() {
|
|
15
|
-
|
|
16
|
-
this.disabledController = DisabledController.inject();
|
|
17
|
+
this.expandableItem = inject(ExpandableItemDirective);
|
|
17
18
|
this.element = injectElement();
|
|
18
|
-
this.danger = false;
|
|
19
19
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
get isExpanded() {
|
|
24
|
-
return !this.isDisabled && this.expanded;
|
|
25
|
-
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ExpandableListItemComponent, isStandalone: true, selector: "odx-expandable-list-item", inputs: { danger: ["danger", "danger", booleanAttribute] }, host: { properties: { "class.odx-expandable-list-item--expanded": "isExpanded", "class.odx-expandable-list-item--danger": "danger", "attr.title": "null" } }, providers: [DisabledController.connect()], usesInheritance: true, ngImport: i0, template: "<div\n role=\"button\"\n class=\"odx-expandable-list-item__header odx-list-item\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\"\n [class.is-disabled]=\"isDisabled\"\n [class.odx-list-item--danger]=\"danger\"\n [class.odx-list-item--selected]=\"isExpanded\"\n (odxCdkInteractive)=\"toggle()\"\n>\n <div class=\"odx-expandable-list-item__content\">\n <ng-content></ng-content>\n </div>\n <odx-icon name=\"chevron-down\" iconSet=\"core\" class=\"odx-expandable-list-item__expand-icon\"></odx-icon>\n</div>\n\n<div class=\"odx-expandable-list-item__slot\" @expandSlotAnimation *ngIf=\"isExpanded\">\n <ng-content select=\"odx-list\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpandableListItemComponent, isStandalone: true, selector: "odx-expandable-list-item", host: { properties: { "class.odx-expandable-list-item--expanded": "expandableItem.expanded" } }, providers: [DisabledController.connect()], hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div class=\"odx-expandable-list-item__header\">\n <ng-content select=\"odx-list-item, [odxListItem]\" />\n <odx-action-group class=\"odx-expandable-list-item__action\">\n <button odxButton (click)=\"expandableItem.toggle()\">\n <odx-icon name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n </button>\n </odx-action-group>\n</div>\n<div @expandSlotAnimation class=\"odx-expandable-list-item__slot\" *ngIf=\"expandableItem.expanded\">\n <ng-content select=\"odx-list\" />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
22
|
};
|
|
29
|
-
__decorate([
|
|
30
|
-
CSSModifier(),
|
|
31
|
-
__metadata("design:type", Object)
|
|
32
|
-
], ExpandableListItemComponent.prototype, "danger", void 0);
|
|
33
23
|
ExpandableListItemComponent = __decorate([
|
|
34
24
|
CSSComponent('expandable-list-item')
|
|
35
25
|
], ExpandableListItemComponent);
|
|
36
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableListItemComponent, decorators: [{
|
|
37
27
|
type: Component,
|
|
38
|
-
args: [{ standalone: true, selector: 'odx-expandable-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect()],
|
|
39
|
-
'[class.odx-expandable-list-item--expanded]': '
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}], propDecorators: { danger: [{
|
|
44
|
-
type: Input,
|
|
45
|
-
args: [{ transform: booleanAttribute }]
|
|
46
|
-
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbGlzdC9zcmMvbGliL2NvbXBvbmVudHMvZXhwYW5kYWJsZS1saXN0LWl0ZW0vZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbGlzdC9zcmMvbGliL2NvbXBvbmVudHMvZXhwYW5kYWJsZS1saXN0LWl0ZW0vZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9HLE9BQU8sRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQWtCNUMsV0FBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBNEIsU0FBUSx1QkFBdUI7SUFBakU7O1FBQ1ksdUJBQWtCLEdBQUcsa0JBQWtCLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDbEQsWUFBTyxHQUFHLGFBQWEsRUFBZSxDQUFDO1FBSWhELFdBQU0sR0FBRyxLQUFLLENBQUM7S0FTdkI7SUFQQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFFBQVEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDM0MsQ0FBQzsrR0FkVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixtR0FLbEIsZ0JBQWdCLDhLQWR6QixDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxDQUFDLGlEQ2pCM0Msd3BCQWtCQSw0Q0RBWSxvQkFBb0IsK0ZBQUUsVUFBVSxtSUFBRSxhQUFhLHNGQU03QyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7QUFRckk7SUFGTixXQUFXLEVBQUU7OzJEQUVRO0FBTlgsMkJBQTJCO0lBaEJ2QyxZQUFZLENBQUMsc0JBQXNCLENBQUM7R0FnQnhCLDJCQUEyQixDQWV2Qzs0RkFmWSwyQkFBMkI7a0JBZnZDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLDBCQUEwQixpQkFFckIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxDQUFDLFdBQ2hDLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUNwRDt3QkFDSiw0Q0FBNEMsRUFBRSxZQUFZO3dCQUMxRCwwQ0FBMEMsRUFBRSxRQUFRO3dCQUNwRCxjQUFjLEVBQUUsTUFBTTtxQkFDdkIsY0FDVyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs4QkFRckksTUFBTTtzQkFEWixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpdGlvbiwgdHJpZ2dlciwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUsIERpc2FibGVkQ29udHJvbGxlciB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBjb2xsYXBzZSwgZXhwYW5kIH0gZnJvbSAnQG9keC9hbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgSW50ZXJhY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50LCBDU1NNb2RpZmllciB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnZXhwYW5kYWJsZS1saXN0LWl0ZW0nKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LWV4cGFuZGFibGUtbGlzdC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICdleHBhbmRhYmxlLWxpc3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtEaXNhYmxlZENvbnRyb2xsZXIuY29ubmVjdCgpXSxcbiAgaW1wb3J0czogW0ludGVyYWN0aXZlRGlyZWN0aXZlLCBDb3JlTW9kdWxlLCBJY29uQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Mub2R4LWV4cGFuZGFibGUtbGlzdC1pdGVtLS1leHBhbmRlZF0nOiAnaXNFeHBhbmRlZCcsXG4gICAgJ1tjbGFzcy5vZHgtZXhwYW5kYWJsZS1saXN0LWl0ZW0tLWRhbmdlcl0nOiAnZGFuZ2VyJyxcbiAgICAnW2F0dHIudGl0bGVdJzogJ251bGwnLFxuICB9LFxuICBhbmltYXRpb25zOiBbdHJpZ2dlcignZXhwYW5kU2xvdEFuaW1hdGlvbicsIFt0cmFuc2l0aW9uKCc6ZW50ZXInLCBbdXNlQW5pbWF0aW9uKGV4cGFuZCldKSwgdHJhbnNpdGlvbignOmxlYXZlJywgW3VzZUFuaW1hdGlvbihjb2xsYXBzZSldKV0pXSxcbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kYWJsZUxpc3RJdGVtQ29tcG9uZW50IGV4dGVuZHMgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUge1xuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkQ29udHJvbGxlciA9IERpc2FibGVkQ29udHJvbGxlci5pbmplY3QoKTtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50PEhUTUxFbGVtZW50PigpO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBwdWJsaWMgZGFuZ2VyID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuZGlzYWJsZWRDb250cm9sbGVyPy5kaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaXNFeHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuaXNEaXNhYmxlZCAmJiB0aGlzLmV4cGFuZGVkO1xuICB9XG59XG4iLCI8ZGl2XG4gIHJvbGU9XCJidXR0b25cIlxuICBjbGFzcz1cIm9keC1leHBhbmRhYmxlLWxpc3QtaXRlbV9faGVhZGVyIG9keC1saXN0LWl0ZW1cIlxuICBbYXR0ci50YWJpbmRleF09XCJpc0Rpc2FibGVkID8gLTEgOiAwXCJcbiAgW2NsYXNzLmlzLWRpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICBbY2xhc3Mub2R4LWxpc3QtaXRlbS0tZGFuZ2VyXT1cImRhbmdlclwiXG4gIFtjbGFzcy5vZHgtbGlzdC1pdGVtLS1zZWxlY3RlZF09XCJpc0V4cGFuZGVkXCJcbiAgKG9keENka0ludGVyYWN0aXZlKT1cInRvZ2dsZSgpXCJcbj5cbiAgPGRpdiBjbGFzcz1cIm9keC1leHBhbmRhYmxlLWxpc3QtaXRlbV9fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxvZHgtaWNvbiBuYW1lPVwiY2hldnJvbi1kb3duXCIgaWNvblNldD1cImNvcmVcIiBjbGFzcz1cIm9keC1leHBhbmRhYmxlLWxpc3QtaXRlbV9fZXhwYW5kLWljb25cIj48L29keC1pY29uPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJvZHgtZXhwYW5kYWJsZS1saXN0LWl0ZW1fX3Nsb3RcIiBAZXhwYW5kU2xvdEFuaW1hdGlvbiAqbmdJZj1cImlzRXhwYW5kZWRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWxpc3RcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
28
|
+
args: [{ standalone: true, selector: 'odx-expandable-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CoreModule, ButtonComponent, IconComponent, ActionGroupComponent], providers: [DisabledController.connect()], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
|
|
29
|
+
'[class.odx-expandable-list-item--expanded]': 'expandableItem.expanded',
|
|
30
|
+
}, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div class=\"odx-expandable-list-item__header\">\n <ng-content select=\"odx-list-item, [odxListItem]\" />\n <odx-action-group class=\"odx-expandable-list-item__action\">\n <button odxButton (click)=\"expandableItem.toggle()\">\n <odx-icon name=\"chevron-down\" iconSet=\"core\"></odx-icon>\n </button>\n </odx-action-group>\n</div>\n<div @expandSlotAnimation class=\"odx-expandable-list-item__slot\" *ngIf=\"expandableItem.expanded\">\n <ng-content select=\"odx-list\" />\n</div>\n" }]
|
|
31
|
+
}] });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbGlzdC9zcmMvbGliL2NvbXBvbmVudHMvZXhwYW5kYWJsZS1saXN0LWl0ZW0vZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbGlzdC9zcmMvbGliL2NvbXBvbmVudHMvZXhwYW5kYWJsZS1saXN0LWl0ZW0vZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFpQjVDLFdBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTJCO0lBQWpDO1FBQ2MsbUJBQWMsR0FBRyxNQUFNLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUNwRCxZQUFPLEdBQUcsYUFBYSxFQUFlLENBQUM7S0FDeEQ7K0dBSFksMkJBQTJCO21HQUEzQiwyQkFBMkIsd0tBUDNCLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUMscUlDbkIzQyxrZkFXQSwyQ0RPWSxVQUFVLG1JQUFFLGVBQWUseUdBQUUsYUFBYSxvR0FBRSxvQkFBb0Isb0VBTTlELENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOztBQUVqSSwyQkFBMkI7SUFmdkMsWUFBWSxDQUFDLHNCQUFzQixDQUFDO0dBZXhCLDJCQUEyQixDQUd2Qzs0RkFIWSwyQkFBMkI7a0JBZHZDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLDBCQUEwQixpQkFFckIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLFVBQVUsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLG9CQUFvQixDQUFDLGFBQ2hFLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUMsa0JBQ3pCLENBQUMsRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsUUFDOUU7d0JBQ0osNENBQTRDLEVBQUUseUJBQXlCO3FCQUN4RSxjQUNXLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHJhbnNpdGlvbiwgdHJpZ2dlciwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlLCBEaXNhYmxlZENvbnRyb2xsZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEV4cGFuZGFibGVJdGVtRGlyZWN0aXZlIH0gZnJvbSAnQG9keC9hbmd1bGFyL2Nkay9leHBhbmRhYmxlJztcbmltcG9ydCB7IEFjdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYWN0aW9uLWdyb3VwJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbkBDU1NDb21wb25lbnQoJ2V4cGFuZGFibGUtbGlzdC1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29keC1leHBhbmRhYmxlLWxpc3QtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnZXhwYW5kYWJsZS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvcmVNb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgQWN0aW9uR3JvdXBDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtEaXNhYmxlZENvbnRyb2xsZXIuY29ubmVjdCgpXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFt7IGRpcmVjdGl2ZTogRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUsIGlucHV0czogWydleHBhbmRlZCcsICdpZCddIH1dLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vZHgtZXhwYW5kYWJsZS1saXN0LWl0ZW0tLWV4cGFuZGVkXSc6ICdleHBhbmRhYmxlSXRlbS5leHBhbmRlZCcsXG4gIH0sXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRTbG90QW5pbWF0aW9uJywgW3RyYW5zaXRpb24oJzplbnRlcicsIFt1c2VBbmltYXRpb24oZXhwYW5kKV0pLCB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbdXNlQW5pbWF0aW9uKGNvbGxhcHNlKV0pXSldLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlTGlzdEl0ZW1Db21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZXhwYW5kYWJsZUl0ZW0gPSBpbmplY3QoRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUpO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQ8SFRNTEVsZW1lbnQ+KCk7XG59XG4iLCI8ZGl2IGNsYXNzPVwib2R4LWV4cGFuZGFibGUtbGlzdC1pdGVtX19oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWxpc3QtaXRlbSwgW29keExpc3RJdGVtXVwiIC8+XG4gIDxvZHgtYWN0aW9uLWdyb3VwIGNsYXNzPVwib2R4LWV4cGFuZGFibGUtbGlzdC1pdGVtX19hY3Rpb25cIj5cbiAgICA8YnV0dG9uIG9keEJ1dHRvbiAoY2xpY2spPVwiZXhwYW5kYWJsZUl0ZW0udG9nZ2xlKClcIj5cbiAgICAgIDxvZHgtaWNvbiBuYW1lPVwiY2hldnJvbi1kb3duXCIgaWNvblNldD1cImNvcmVcIj48L29keC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L29keC1hY3Rpb24tZ3JvdXA+XG48L2Rpdj5cbjxkaXYgQGV4cGFuZFNsb3RBbmltYXRpb24gY2xhc3M9XCJvZHgtZXhwYW5kYWJsZS1saXN0LWl0ZW1fX3Nsb3RcIiAqbmdJZj1cImV4cGFuZGFibGVJdGVtLmV4cGFuZGVkXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1saXN0XCIgLz5cbjwvZGl2PlxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
3
3
|
import { WithDisabledState, WithTabIndex } from '@odx/angular';
|
|
4
4
|
import { CSSComponent, CSSModifier } from '@odx/angular/internal';
|
|
5
5
|
import { injectElement } from '@odx/angular/utils';
|
|
@@ -12,27 +12,26 @@ export let ListItemComponent = class ListItemComponent {
|
|
|
12
12
|
this.selected = false;
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ListItemComponent, isStandalone: true, selector: "[odxListItem]", inputs: { danger: ["danger", "danger", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, hostDirectives: [{ directive: i1.WithDisabledState }, { directive: i1.WithTabIndex }], ngImport: i0, template: "<ng-content select=\"[odxListPrefix]\"
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ListItemComponent, isStandalone: true, selector: "odx-list-item, [odxListItem]", inputs: { danger: ["danger", "danger", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, host: { properties: { "class.is-selected": "this.selected" } }, hostDirectives: [{ directive: i1.WithDisabledState }, { directive: i1.WithTabIndex }], ngImport: i0, template: "<ng-content select=\"[odxListPrefix], [odxListItemPrefix]\" />\n<div class=\"odx-list-item__content\">\n <ng-content />\n</div>\n<ng-content select=\"[odxListSuffix], [odxListItemSuffix]\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
16
|
};
|
|
17
17
|
__decorate([
|
|
18
18
|
CSSModifier(),
|
|
19
19
|
__metadata("design:type", Object)
|
|
20
20
|
], ListItemComponent.prototype, "danger", void 0);
|
|
21
|
-
__decorate([
|
|
22
|
-
CSSModifier(),
|
|
23
|
-
__metadata("design:type", Object)
|
|
24
|
-
], ListItemComponent.prototype, "selected", void 0);
|
|
25
21
|
ListItemComponent = __decorate([
|
|
26
22
|
CSSComponent('list-item')
|
|
27
23
|
], ListItemComponent);
|
|
28
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListItemComponent, decorators: [{
|
|
29
25
|
type: Component,
|
|
30
|
-
args: [{ standalone: true, selector: '[odxListItem]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WithDisabledState, WithTabIndex], template: "<ng-content select=\"[odxListPrefix]\"
|
|
26
|
+
args: [{ standalone: true, selector: 'odx-list-item, [odxListItem]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WithDisabledState, WithTabIndex], template: "<ng-content select=\"[odxListPrefix], [odxListItemPrefix]\" />\n<div class=\"odx-list-item__content\">\n <ng-content />\n</div>\n<ng-content select=\"[odxListSuffix], [odxListItemSuffix]\" />\n" }]
|
|
31
27
|
}], propDecorators: { danger: [{
|
|
32
28
|
type: Input,
|
|
33
29
|
args: [{ transform: booleanAttribute }]
|
|
34
30
|
}], selected: [{
|
|
31
|
+
type: HostBinding,
|
|
32
|
+
args: ['class.is-selected']
|
|
33
|
+
}, {
|
|
35
34
|
type: Input,
|
|
36
35
|
args: [{ transform: booleanAttribute }]
|
|
37
36
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL2xpc3Qvc3JjL2xpYi9jb21wb25lbnRzL2xpc3QtaXRlbS9saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvbGlzdC9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1pdGVtL2xpc3QtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVILE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVc1QyxXQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFpQjtJQUF2QjtRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQWUsQ0FBQztRQUloRCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBSWYsYUFBUSxHQUFHLEtBQUssQ0FBQztLQUN6QjsrR0FWWSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1R0FJUixnQkFBZ0Isc0NBSWhCLGdCQUFnQixvTEN0QnRDLG9NQUtBOztBRGNTO0lBRk4sV0FBVyxFQUFFOztpREFFUTtBQUxYLGlCQUFpQjtJQVQ3QixZQUFZLENBQUMsV0FBVyxDQUFDO0dBU2IsaUJBQWlCLENBVTdCOzRGQVZZLGlCQUFpQjtrQkFSN0IsU0FBUztpQ0FDSSxJQUFJLFlBQ04sOEJBQThCLGlCQUV6QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQixDQUFDLGlCQUFpQixFQUFFLFlBQVksQ0FBQzs4QkFPMUMsTUFBTTtzQkFEWixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUsvQixRQUFRO3NCQUZkLFdBQVc7dUJBQUMsbUJBQW1COztzQkFDL0IsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdpdGhEaXNhYmxlZFN0YXRlLCBXaXRoVGFiSW5kZXggfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50LCBDU1NNb2RpZmllciB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgnbGlzdC1pdGVtJylcbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29keC1saXN0LWl0ZW0sIFtvZHhMaXN0SXRlbV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbV2l0aERpc2FibGVkU3RhdGUsIFdpdGhUYWJJbmRleF0sXG59KVxuZXhwb3J0IGNsYXNzIExpc3RJdGVtQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50PEhUTUxFbGVtZW50PigpO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBwdWJsaWMgZGFuZ2VyID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pcy1zZWxlY3RlZCcpXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZTtcbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltvZHhMaXN0UHJlZml4XSwgW29keExpc3RJdGVtUHJlZml4XVwiIC8+XG48ZGl2IGNsYXNzPVwib2R4LWxpc3QtaXRlbV9fY29udGVudFwiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJbb2R4TGlzdFN1ZmZpeF0sIFtvZHhMaXN0SXRlbVN1ZmZpeF1cIiAvPlxuIl19
|
|
@@ -1,26 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { ExpandableContainerDirective, ODX_EXPANDABLE_CONTAINER } from '@odx/angular/cdk/expandable';
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
|
|
5
4
|
import { CSSComponent } from '@odx/angular/internal';
|
|
6
5
|
import { injectElement } from '@odx/angular/utils';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
import * as i1 from "@odx/angular/cdk/expandable";
|
|
8
|
+
export let ListComponent = class ListComponent {
|
|
10
9
|
constructor() {
|
|
11
|
-
super();
|
|
12
10
|
this.element = injectElement();
|
|
13
|
-
this.multiple = true;
|
|
14
11
|
}
|
|
15
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "odx-list",
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "odx-list", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-list, odx-list-item, [odxListItem], odx-expandable-list-item\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
14
|
};
|
|
18
|
-
ListComponent =
|
|
19
|
-
CSSComponent('list')
|
|
20
|
-
__metadata("design:paramtypes", [])
|
|
15
|
+
ListComponent = __decorate([
|
|
16
|
+
CSSComponent('list')
|
|
21
17
|
], ListComponent);
|
|
22
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
|
|
23
19
|
type: Component,
|
|
24
|
-
args: [{ selector: 'odx-list', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
25
|
-
}]
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
args: [{ selector: 'odx-list', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }], template: "<ng-content select=\"odx-list, odx-list-item, [odxListItem], odx-expandable-list-item\" />\n" }]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9saXN0L3NyYy9saWIvbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9saXN0L3NyYy9saWIvbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFXNUMsV0FBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYTtJQUFuQjtRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztLQUMzQzsrR0FGWSxhQUFhO21HQUFiLGFBQWEsd0tDZDFCLDhGQUNBOztBRGFhLGFBQWE7SUFUekIsWUFBWSxDQUFDLE1BQU0sQ0FBQztHQVNSLGFBQWEsQ0FFekI7NEZBRlksYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxpQkFFRCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQixDQUFDLEVBQUUsU0FBUyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUNvbnRhaW5lckRpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZXhwYW5kYWJsZSc7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbkBDU1NDb21wb25lbnQoJ2xpc3QnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LWxpc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlQ29udGFpbmVyRGlyZWN0aXZlLCBpbnB1dHM6IFsnbXVsdGlwbGUnXSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwib2R4LWxpc3QsIG9keC1saXN0LWl0ZW0sIFtvZHhMaXN0SXRlbV0sIG9keC1leHBhbmRhYmxlLWxpc3QtaXRlbVwiIC8+XG4iXX0=
|
package/esm2022/components/rich-list/lib/components/rich-list-item/rich-list-item.component.mjs
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { transition, trigger, useAnimation } from '@angular/animations';
|
|
3
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation, inject } from '@angular/core';
|
|
4
4
|
import { CoreModule } from '@odx/angular';
|
|
5
5
|
import { collapse, expand } from '@odx/angular/animations';
|
|
6
6
|
import { A11yModule } from '@odx/angular/cdk/a11y';
|
|
7
7
|
import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
|
|
8
8
|
import { IconComponent } from '@odx/angular/components/icon';
|
|
9
9
|
import { CSSComponent } from '@odx/angular/internal';
|
|
10
|
-
import {
|
|
10
|
+
import { injectElement } from '@odx/angular/utils';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "@angular/
|
|
13
|
-
import * as i2 from "@
|
|
14
|
-
|
|
12
|
+
import * as i1 from "@odx/angular/cdk/expandable";
|
|
13
|
+
import * as i2 from "@angular/common";
|
|
14
|
+
import * as i3 from "@odx/angular/cdk/a11y";
|
|
15
|
+
export let RichListItemComponent = class RichListItemComponent {
|
|
15
16
|
constructor() {
|
|
16
|
-
|
|
17
|
+
this.expandableItem = inject(ExpandableItemDirective, { self: true });
|
|
17
18
|
this.element = injectElement();
|
|
18
|
-
this.id = getUniqueId('odx-rich-list-item');
|
|
19
19
|
this.expandedChange = new EventEmitter();
|
|
20
20
|
}
|
|
21
21
|
get titleId() {
|
|
22
|
-
return `${this.id}-title`;
|
|
22
|
+
return `${this.expandableItem.id}-title`;
|
|
23
23
|
}
|
|
24
24
|
get slotId() {
|
|
25
|
-
return `${this.id}-slot`;
|
|
25
|
+
return `${this.expandableItem.id}-slot`;
|
|
26
26
|
}
|
|
27
27
|
onAnimationEnd() {
|
|
28
|
-
this.expandedChange.emit(this.expanded);
|
|
28
|
+
this.expandedChange.emit(this.expandableItem.expanded);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, deps:
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.odx-rich-list-item--expanded": "expanded", "attr.id": "id" } },
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListItemComponent, isStandalone: true, selector: "odx-rich-list-item", outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.odx-rich-list-item--expanded": "expandableItem.expanded", "attr.id": "expandableItem.id" } }, hostDirectives: [{ directive: i1.ExpandableItemDirective, inputs: ["expanded", "expanded", "id", "id"] }], ngImport: i0, template: "<div\n class=\"odx-rich-list-item__panel\"\n [attr.id]=\"titleId\"\n [attr.aria-expanded]=\"expandableItem.expanded\"\n [attr.aria-controls]=\"slotId\"\n (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n class=\"odx-rich-list-item__slot\"\n [attr.id]=\"slotId\"\n [attr.aria-labelledby]=\"titleId\"\n @expandSlotAnimation\n (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n *ngIf=\"expandableItem.expanded\"\n>\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.InteractiveDirective, selector: "[odxCdkInteractive]", outputs: ["odxCdkInteractive"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }], animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
32
|
};
|
|
33
33
|
RichListItemComponent = __decorate([
|
|
34
34
|
CSSComponent('rich-list-item')
|
|
35
35
|
], RichListItemComponent);
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListItemComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
|
-
args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule, IconComponent], host: {
|
|
39
|
-
'[class.odx-rich-list-item--expanded]': 'expanded',
|
|
40
|
-
'[attr.id]': 'id',
|
|
41
|
-
}, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n class=\"odx-rich-list-item__panel\"\n [attr.id]=\"titleId\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-controls]=\"slotId\"\n (odxCdkInteractive)=\"toggle()\"\n>\n <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n class=\"odx-rich-list-item__slot\"\n [attr.id]=\"slotId\"\n [attr.aria-labelledby]=\"titleId\"\n @expandSlotAnimation\n (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n *ngIf=\"expanded\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
38
|
+
args: [{ selector: 'odx-rich-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, CoreModule, IconComponent], hostDirectives: [{ directive: ExpandableItemDirective, inputs: ['expanded', 'id'] }], host: {
|
|
39
|
+
'[class.odx-rich-list-item--expanded]': 'expandableItem.expanded',
|
|
40
|
+
'[attr.id]': 'expandableItem.id',
|
|
41
|
+
}, animations: [trigger('expandSlotAnimation', [transition(':enter', [useAnimation(expand)]), transition(':leave', [useAnimation(collapse)])])], template: "<div\n class=\"odx-rich-list-item__panel\"\n [attr.id]=\"titleId\"\n [attr.aria-expanded]=\"expandableItem.expanded\"\n [attr.aria-controls]=\"slotId\"\n (odxCdkInteractive)=\"expandableItem.toggle()\"\n>\n <odx-icon class=\"odx-rich-list-item__icon\" name=\"chevron-right\" iconSet=\"core\"></odx-icon>\n <ng-content select=\"odx-rich-list-item-title\"></ng-content>\n</div>\n<div\n class=\"odx-rich-list-item__slot\"\n [attr.id]=\"slotId\"\n [attr.aria-labelledby]=\"titleId\"\n @expandSlotAnimation\n (@expandSlotAnimation.done)=\"onAnimationEnd()\"\n *ngIf=\"expandableItem.expanded\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
42
42
|
}], propDecorators: { expandedChange: [{
|
|
43
43
|
type: Output
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvcmljaC1saXN0L3NyYy9saWIvY29tcG9uZW50cy9yaWNoLWxpc3QtaXRlbS9yaWNoLWxpc3QtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9jb21wb25lbnRzL3JpY2gtbGlzdC1pdGVtL3JpY2gtbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBaUI1QyxXQUFNLHFCQUFxQixHQUEzQixNQUFNLHFCQUFxQjtJQUEzQjtRQUNjLG1CQUFjLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDcEUsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBR25DLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7S0FhbkU7SUFYQyxJQUFXLE9BQU87UUFDaEIsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxRQUFRLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQVcsTUFBTTtRQUNmLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsT0FBTyxDQUFDO0lBQzFDLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDekQsQ0FBQzsrR0FqQlUscUJBQXFCO21HQUFyQixxQkFBcUIsbVdDekJsQyxxb0JBb0JBLDJDREhZLFVBQVUseVBBQUUsVUFBVSwrQkFBRSxhQUFhLHNGQU1uQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7QUFFakkscUJBQXFCO0lBZmpDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQztHQWVsQixxQkFBcUIsQ0FrQmpDOzRGQWxCWSxxQkFBcUI7a0JBZGpDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBRWxCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLGtCQUNoQyxDQUFDLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFFBQzlFO3dCQUNKLHNDQUFzQyxFQUFFLHlCQUF5Qjt3QkFDakUsV0FBVyxFQUFFLG1CQUFtQjtxQkFDakMsY0FDVyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzs4QkFPckksY0FBYztzQkFEcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyYW5zaXRpb24sIHRyaWdnZXIsIHVzZUFuaW1hdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgY29sbGFwc2UsIGV4cGFuZCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgRXhwYW5kYWJsZUl0ZW1EaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyaWNoLWxpc3QtaXRlbScpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvZHgtcmljaC1saXN0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmljaC1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW0ExMXlNb2R1bGUsIENvcmVNb2R1bGUsIEljb25Db21wb25lbnRdLFxuICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgaW5wdXRzOiBbJ2V4cGFuZGVkJywgJ2lkJ10gfV0sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLm9keC1yaWNoLWxpc3QtaXRlbS0tZXhwYW5kZWRdJzogJ2V4cGFuZGFibGVJdGVtLmV4cGFuZGVkJyxcbiAgICAnW2F0dHIuaWRdJzogJ2V4cGFuZGFibGVJdGVtLmlkJyxcbiAgfSxcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZFNsb3RBbmltYXRpb24nLCBbdHJhbnNpdGlvbignOmVudGVyJywgW3VzZUFuaW1hdGlvbihleHBhbmQpXSksIHRyYW5zaXRpb24oJzpsZWF2ZScsIFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSldKV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0SXRlbUNvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBleHBhbmRhYmxlSXRlbSA9IGluamVjdChFeHBhbmRhYmxlSXRlbURpcmVjdGl2ZSwgeyBzZWxmOiB0cnVlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGV4cGFuZGVkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHVibGljIGdldCB0aXRsZUlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXRpdGxlYDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2xvdElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZXhwYW5kYWJsZUl0ZW0uaWR9LXNsb3RgO1xuICB9XG5cbiAgcHVibGljIG9uQW5pbWF0aW9uRW5kKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGFibGVJdGVtLmV4cGFuZGVkKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaXRlbV9fcGFuZWxcIlxuICBbYXR0ci5pZF09XCJ0aXRsZUlkXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJleHBhbmRhYmxlSXRlbS5leHBhbmRlZFwiXG4gIFthdHRyLmFyaWEtY29udHJvbHNdPVwic2xvdElkXCJcbiAgKG9keENka0ludGVyYWN0aXZlKT1cImV4cGFuZGFibGVJdGVtLnRvZ2dsZSgpXCJcbj5cbiAgPG9keC1pY29uIGNsYXNzPVwib2R4LXJpY2gtbGlzdC1pdGVtX19pY29uXCIgbmFtZT1cImNoZXZyb24tcmlnaHRcIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1yaWNoLWxpc3QtaXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cIm9keC1yaWNoLWxpc3QtaXRlbV9fc2xvdFwiXG4gIFthdHRyLmlkXT1cInNsb3RJZFwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0aXRsZUlkXCJcbiAgQGV4cGFuZFNsb3RBbmltYXRpb25cbiAgKEBleHBhbmRTbG90QW5pbWF0aW9uLmRvbmUpPVwib25BbmltYXRpb25FbmQoKVwiXG4gICpuZ0lmPVwiZXhwYW5kYWJsZUl0ZW0uZXhwYW5kZWRcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
var RichListComponent_1;
|
|
2
1
|
import { __decorate } from "tslib";
|
|
3
|
-
import { ChangeDetectionStrategy, Component,
|
|
4
|
-
import { ExpandableContainerDirective
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
|
|
5
4
|
import { CSSComponent } from '@odx/angular/internal';
|
|
6
5
|
import { injectElement } from '@odx/angular/utils';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
|
-
|
|
7
|
+
import * as i1 from "@odx/angular/cdk/expandable";
|
|
8
|
+
export let RichListComponent = class RichListComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.multiple = true;
|
|
12
10
|
this.element = injectElement();
|
|
13
11
|
}
|
|
14
|
-
static {
|
|
15
|
-
static { this.ɵ
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: forwardRef(() => RichListComponent_1) }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichListComponent, isStandalone: true, selector: "odx-rich-list", hostDirectives: [{ directive: i1.ExpandableContainerDirective, inputs: ["multiple", "multiple"] }], ngImport: i0, template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
14
|
};
|
|
18
|
-
RichListComponent =
|
|
15
|
+
RichListComponent = __decorate([
|
|
19
16
|
CSSComponent('rich-list')
|
|
20
17
|
], RichListComponent);
|
|
21
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichListComponent, decorators: [{
|
|
22
19
|
type: Component,
|
|
23
|
-
args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
20
|
+
args: [{ selector: 'odx-rich-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [{ directive: ExpandableContainerDirective, inputs: ['multiple'] }], template: "<ng-content select=\"odx-rich-list-item\"></ng-content>\n" }]
|
|
24
21
|
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3JpY2gtbGlzdC9zcmMvbGliL3JpY2gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9yaWNoLWxpc3Qvc3JjL2xpYi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVzVDLFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWlCO0lBQXZCO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO0tBQzNDOytHQUZZLGlCQUFpQjttR0FBakIsaUJBQWlCLDZLQ2Q5QiwyREFDQTs7QURhYSxpQkFBaUI7SUFUN0IsWUFBWSxDQUFDLFdBQVcsQ0FBQztHQVNiLGlCQUFpQixDQUU3Qjs0RkFGWSxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUViLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckIsQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV4cGFuZGFibGVDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2V4cGFuZGFibGUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCdyaWNoLWxpc3QnKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXJpY2gtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdERpcmVjdGl2ZXM6IFt7IGRpcmVjdGl2ZTogRXhwYW5kYWJsZUNvbnRhaW5lckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ211bHRpcGxlJ10gfV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hMaXN0Q29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJvZHgtcmljaC1saXN0LWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4iXX0=
|
package/esm2022/rxjs/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './lib/delay-until';
|
|
2
2
|
export * from './lib/form-query-list';
|
|
3
|
+
export * from './lib/from-element-mutation';
|
|
3
4
|
export * from './lib/from-element-resize';
|
|
4
5
|
export * from './lib/from-events';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvcnhqcy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvZGVsYXktdW50aWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9ybS1xdWVyeS1saXN0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zyb20tZWxlbWVudC1tdXRhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mcm9tLWVsZW1lbnQtcmVzaXplJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zyb20tZXZlbnRzJztcbiJdfQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createMutationObserver } from '@odx/angular/utils';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
export function fromElementMutation$(element, options) {
|
|
4
|
+
return new Observable((observer) => {
|
|
5
|
+
const mutationObserver = createMutationObserver(observer, (events) => events.length > 0);
|
|
6
|
+
observer.add(() => mutationObserver.disconnect());
|
|
7
|
+
mutationObserver.observe(element, options);
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJvbS1lbGVtZW50LW11dGF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3J4anMvc3JjL2xpYi9mcm9tLWVsZW1lbnQtbXV0YXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVsQyxNQUFNLFVBQVUsb0JBQW9CLENBQUMsT0FBZ0IsRUFBRSxPQUE2QjtJQUNsRixPQUFPLElBQUksVUFBVSxDQUFpQixDQUFDLFFBQVEsRUFBRSxFQUFFO1FBQ2pELE1BQU0sZ0JBQWdCLEdBQUcsc0JBQXNCLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3pGLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUNsRCxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZU11dGF0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgZnVuY3Rpb24gZnJvbUVsZW1lbnRNdXRhdGlvbiQoZWxlbWVudDogRWxlbWVudCwgb3B0aW9uczogTXV0YXRpb25PYnNlcnZlckluaXQpOiBPYnNlcnZhYmxlPE11dGF0aW9uUmVjb3JkPiB7XG4gIHJldHVybiBuZXcgT2JzZXJ2YWJsZTxNdXRhdGlvblJlY29yZD4oKG9ic2VydmVyKSA9PiB7XG4gICAgY29uc3QgbXV0YXRpb25PYnNlcnZlciA9IGNyZWF0ZU11dGF0aW9uT2JzZXJ2ZXIob2JzZXJ2ZXIsIChldmVudHMpID0+IGV2ZW50cy5sZW5ndGggPiAwKTtcbiAgICBvYnNlcnZlci5hZGQoKCkgPT4gbXV0YXRpb25PYnNlcnZlci5kaXNjb25uZWN0KCkpO1xuICAgIG11dGF0aW9uT2JzZXJ2ZXIub2JzZXJ2ZShlbGVtZW50LCBvcHRpb25zKTtcbiAgfSk7XG59XG4iXX0=
|
|
@@ -4,11 +4,11 @@ export function fromElementResize$(element, debounceDuration = 50) {
|
|
|
4
4
|
return new Observable((observer) => {
|
|
5
5
|
const resizeObserver = createResizeObserver((events) => {
|
|
6
6
|
if (events.length > 0) {
|
|
7
|
-
observer.next();
|
|
7
|
+
observer.next(events);
|
|
8
8
|
}
|
|
9
9
|
});
|
|
10
10
|
observer.add(() => resizeObserver.disconnect());
|
|
11
11
|
resizeObserver.observe(element);
|
|
12
12
|
}).pipe(debounceTime(debounceDuration));
|
|
13
13
|
}
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJvbS1lbGVtZW50LXJlc2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9yeGpzL3NyYy9saWIvZnJvbS1lbGVtZW50LXJlc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVoRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsT0FBZ0IsRUFBRSxnQkFBZ0IsR0FBRyxFQUFFO0lBQ3hFLE9BQU8sSUFBSSxVQUFVLENBQXdCLENBQUMsUUFBUSxFQUFFLEVBQUU7UUFDeEQsTUFBTSxjQUFjLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNyRCxJQUFJLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNyQixRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQ3ZCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELGNBQWMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7QUFDMUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZVJlc2l6ZU9ic2VydmVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgZnVuY3Rpb24gZnJvbUVsZW1lbnRSZXNpemUkKGVsZW1lbnQ6IEVsZW1lbnQsIGRlYm91bmNlRHVyYXRpb24gPSA1MCk6IE9ic2VydmFibGU8UmVzaXplT2JzZXJ2ZXJFbnRyeVtdPiB7XG4gIHJldHVybiBuZXcgT2JzZXJ2YWJsZTxSZXNpemVPYnNlcnZlckVudHJ5W10+KChvYnNlcnZlcikgPT4ge1xuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gY3JlYXRlUmVzaXplT2JzZXJ2ZXIoKGV2ZW50cykgPT4ge1xuICAgICAgaWYgKGV2ZW50cy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9ic2VydmVyLm5leHQoZXZlbnRzKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICBvYnNlcnZlci5hZGQoKCkgPT4gcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpKTtcbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGVsZW1lbnQpO1xuICB9KS5waXBlKGRlYm91bmNlVGltZShkZWJvdW5jZUR1cmF0aW9uKSk7XG59XG4iXX0=
|
|
@@ -1,95 +1,122 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject,
|
|
2
|
+
import { InjectionToken, inject, booleanAttribute, Directive, Input, ChangeDetectorRef, NgModule } from '@angular/core';
|
|
3
3
|
import { getUniqueId } from '@odx/angular/utils';
|
|
4
4
|
|
|
5
5
|
const ODX_EXPANDABLE_CONTAINER = new InjectionToken('@odx/angular/cdk/expandable::ExpandableContainer');
|
|
6
|
+
const ODX_EXPANDABLE_ITEM = new InjectionToken('@odx/angular/cdk/expandable::ExpandableItem');
|
|
7
|
+
|
|
8
|
+
class ExpandableContainerDirective {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.expandedItems = new Set();
|
|
11
|
+
this.parentItem = inject(ODX_EXPANDABLE_ITEM, { optional: true, skipSelf: true });
|
|
12
|
+
this.parentContainer = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });
|
|
13
|
+
this.multiple = this.parentContainer?.multiple ?? false;
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.parentItem?.addChild(this);
|
|
17
|
+
}
|
|
18
|
+
ngOnDestroy() {
|
|
19
|
+
this.parentItem?.removeChild(this);
|
|
20
|
+
}
|
|
21
|
+
collapseAll() {
|
|
22
|
+
this.expandedItems.forEach((item) => item.collapse());
|
|
23
|
+
}
|
|
24
|
+
collapse(item) {
|
|
25
|
+
this.expandedItems.delete(item);
|
|
26
|
+
}
|
|
27
|
+
expand(item) {
|
|
28
|
+
if (!this.multiple) {
|
|
29
|
+
this.collapseAll();
|
|
30
|
+
}
|
|
31
|
+
this.expandedItems.add(item);
|
|
32
|
+
}
|
|
33
|
+
toggle(item, forceState) {
|
|
34
|
+
const shouldExpand = forceState ?? !this.isExpanded(item);
|
|
35
|
+
if (shouldExpand) {
|
|
36
|
+
this.expand(item);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.collapse(item);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
isExpanded(item) {
|
|
43
|
+
return this.expandedItems.has(item);
|
|
44
|
+
}
|
|
45
|
+
hasExpandedItem() {
|
|
46
|
+
return this.expandedItems.size > 0;
|
|
47
|
+
}
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: ExpandableContainerDirective, isStandalone: true, selector: "[odxExpandableContainer]", inputs: { multiple: ["multiple", "multiple", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }], exportAs: ["odxExpandableContainer"], ngImport: i0 }); }
|
|
50
|
+
}
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableContainerDirective, decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
standalone: true,
|
|
55
|
+
selector: '[odxExpandableContainer]',
|
|
56
|
+
exportAs: 'odxExpandableContainer',
|
|
57
|
+
providers: [{ provide: ODX_EXPANDABLE_CONTAINER, useExisting: ExpandableContainerDirective }],
|
|
58
|
+
}]
|
|
59
|
+
}], propDecorators: { multiple: [{
|
|
60
|
+
type: Input,
|
|
61
|
+
args: [{ transform: booleanAttribute }]
|
|
62
|
+
}] } });
|
|
6
63
|
|
|
7
64
|
class ExpandableItemDirective {
|
|
8
65
|
constructor() {
|
|
9
|
-
this.container = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });
|
|
10
66
|
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
67
|
+
this.childContainers = new Set();
|
|
68
|
+
this.container = inject(ODX_EXPANDABLE_CONTAINER, { optional: true, skipSelf: true });
|
|
11
69
|
this._expanded = false;
|
|
12
70
|
this.id = getUniqueId('odx-expandable-item');
|
|
13
71
|
}
|
|
14
72
|
set expanded(value) {
|
|
73
|
+
if (this._expanded === value)
|
|
74
|
+
return;
|
|
15
75
|
this._expanded = value;
|
|
16
76
|
if (this._expanded) {
|
|
17
|
-
this.container?.
|
|
77
|
+
this.container?.expand(this);
|
|
18
78
|
}
|
|
19
79
|
else {
|
|
20
|
-
this.
|
|
80
|
+
this.closeAllChildren();
|
|
81
|
+
this.container?.collapse(this);
|
|
21
82
|
}
|
|
22
83
|
this.changeDetectorRef.markForCheck();
|
|
23
84
|
}
|
|
24
85
|
get expanded() {
|
|
25
|
-
return this._expanded;
|
|
86
|
+
return this.container?.isExpanded(this) ?? this._expanded;
|
|
26
87
|
}
|
|
27
88
|
toggle(forceState) {
|
|
28
89
|
this.expanded = forceState ?? !this.expanded;
|
|
29
90
|
}
|
|
30
|
-
|
|
91
|
+
expand() {
|
|
31
92
|
this.toggle(true);
|
|
32
93
|
}
|
|
33
|
-
|
|
94
|
+
collapse() {
|
|
34
95
|
this.toggle(false);
|
|
35
96
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableItemDirective, decorators: [{
|
|
40
|
-
type: Directive,
|
|
41
|
-
args: [{
|
|
42
|
-
standalone: true,
|
|
43
|
-
selector: '[odxExpandableItem]',
|
|
44
|
-
}]
|
|
45
|
-
}], propDecorators: { expanded: [{
|
|
46
|
-
type: Input,
|
|
47
|
-
args: [{ transform: booleanAttribute }]
|
|
48
|
-
}] } });
|
|
49
|
-
|
|
50
|
-
class ExpandableContainerDirective {
|
|
51
|
-
constructor() {
|
|
52
|
-
this.openItems = {};
|
|
53
|
-
this.multiple = false;
|
|
54
|
-
}
|
|
55
|
-
close(item) {
|
|
56
|
-
delete this.openItems[item.id];
|
|
97
|
+
addChild(container) {
|
|
98
|
+
this.childContainers.add(container);
|
|
57
99
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
item.close();
|
|
61
|
-
}
|
|
100
|
+
removeChild(container) {
|
|
101
|
+
this.childContainers.delete(container);
|
|
62
102
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
this.closeAll();
|
|
66
|
-
}
|
|
67
|
-
this.openItems[item.id] = item;
|
|
68
|
-
}
|
|
69
|
-
hasExpandedItem() {
|
|
70
|
-
return Object.values(this.openItems).length > 0;
|
|
103
|
+
closeAllChildren() {
|
|
104
|
+
this.childContainers.forEach((container) => container.collapseAll());
|
|
71
105
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
73
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type:
|
|
74
|
-
{
|
|
75
|
-
provide: ODX_EXPANDABLE_CONTAINER,
|
|
76
|
-
useExisting: ExpandableContainerDirective,
|
|
77
|
-
},
|
|
78
|
-
], ngImport: i0 }); }
|
|
106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
107
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: ExpandableItemDirective, isStandalone: true, selector: "[odxExpandableItem]", inputs: { id: "id", expanded: ["expanded", "expanded", booleanAttribute] }, providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }], exportAs: ["odxExpandableItem"], ngImport: i0 }); }
|
|
79
108
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableItemDirective, decorators: [{
|
|
81
110
|
type: Directive,
|
|
82
111
|
args: [{
|
|
83
112
|
standalone: true,
|
|
84
|
-
selector: '[
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
provide: ODX_EXPANDABLE_CONTAINER,
|
|
88
|
-
useExisting: ExpandableContainerDirective,
|
|
89
|
-
},
|
|
90
|
-
],
|
|
113
|
+
selector: '[odxExpandableItem]',
|
|
114
|
+
exportAs: 'odxExpandableItem',
|
|
115
|
+
providers: [{ provide: ODX_EXPANDABLE_ITEM, useExisting: ExpandableItemDirective }],
|
|
91
116
|
}]
|
|
92
|
-
}], propDecorators: {
|
|
117
|
+
}], propDecorators: { id: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], expanded: [{
|
|
93
120
|
type: Input,
|
|
94
121
|
args: [{ transform: booleanAttribute }]
|
|
95
122
|
}] } });
|
|
@@ -112,5 +139,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
112
139
|
* Generated bundle index. Do not edit.
|
|
113
140
|
*/
|
|
114
141
|
|
|
115
|
-
export { ExpandableContainerDirective, ExpandableItemDirective, ExpandableModule, ODX_EXPANDABLE_CONTAINER };
|
|
142
|
+
export { ExpandableContainerDirective, ExpandableItemDirective, ExpandableModule, ODX_EXPANDABLE_CONTAINER, ODX_EXPANDABLE_ITEM };
|
|
116
143
|
//# sourceMappingURL=odx-angular-cdk-expandable.mjs.map
|