@cuby-ui/core 0.0.209 → 0.0.211
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/components/accordion/accordion.directive.d.ts +15 -0
- package/components/accordion/index.d.ts +4 -3
- package/components/index.d.ts +0 -1
- package/esm2022/components/accordion/accordion.directive.mjs +54 -0
- package/esm2022/components/accordion/index.mjs +5 -4
- package/esm2022/components/index.mjs +1 -2
- package/fesm2022/cuby-ui-core.mjs +55 -40
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -4
- package/components/readonly-description/index.d.ts +0 -2
- package/components/readonly-description/readonly-description.component.d.ts +0 -27
- package/components/readonly-description/readonly-description.options.d.ts +0 -5
- package/esm2022/components/readonly-description/index.mjs +0 -2
- package/esm2022/components/readonly-description/readonly-description.component.mjs +0 -40
- package/esm2022/components/readonly-description/readonly-description.options.mjs +0 -2
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CuiAccordionDirective {
|
|
3
|
+
private readonly renderer;
|
|
4
|
+
private wrapper;
|
|
5
|
+
readonly content: import("@angular/core").InputSignal<HTMLElement>;
|
|
6
|
+
readonly isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
7
|
+
constructor();
|
|
8
|
+
protected onToggle(event: Event): void;
|
|
9
|
+
private initWrapperEffect;
|
|
10
|
+
private initOpenChangesEffect;
|
|
11
|
+
private open;
|
|
12
|
+
private close;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiAccordionDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CuiAccordionDirective, "[cuiAccordion]", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
1
|
+
export { CuiAccordionComponent } from './accordion.component';
|
|
2
|
+
export { CuiAccordionDirective } from './accordion.directive';
|
|
3
|
+
export { CuiAccordionModule } from './accordion.module';
|
|
4
|
+
export { CuiAccordionItemComponent } from './accordion-item/accordion-item.component';
|
package/components/index.d.ts
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Directive, effect, inject, input, model, Renderer2 } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CuiAccordionDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.renderer = inject(Renderer2);
|
|
6
|
+
this.content = input.required();
|
|
7
|
+
this.isOpen = model(true);
|
|
8
|
+
this.initWrapperEffect();
|
|
9
|
+
this.initOpenChangesEffect();
|
|
10
|
+
}
|
|
11
|
+
onToggle(event) {
|
|
12
|
+
if (event.defaultPrevented) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
this.isOpen.update((prev) => !prev);
|
|
16
|
+
}
|
|
17
|
+
initWrapperEffect() {
|
|
18
|
+
const effectRef = effect(() => {
|
|
19
|
+
const content = this.content();
|
|
20
|
+
this.wrapper = this.renderer.createElement('div');
|
|
21
|
+
content.after(this.wrapper);
|
|
22
|
+
this.renderer.appendChild(this.wrapper, content);
|
|
23
|
+
effectRef.destroy();
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
initOpenChangesEffect() {
|
|
27
|
+
effect(() => {
|
|
28
|
+
const isOpen = this.isOpen();
|
|
29
|
+
const doAction = isOpen ? this.close : this.open;
|
|
30
|
+
doAction.call(this, this.wrapper);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
open(wrapper) {
|
|
34
|
+
this.renderer.setStyle(wrapper, 'visibility', 'hidden');
|
|
35
|
+
this.renderer.setStyle(wrapper, 'height', '0');
|
|
36
|
+
}
|
|
37
|
+
close(wrapper) {
|
|
38
|
+
this.renderer.setStyle(wrapper, 'visibility', 'visible');
|
|
39
|
+
this.renderer.setStyle(wrapper, 'height', '');
|
|
40
|
+
}
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
42
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: CuiAccordionDirective, isStandalone: true, selector: "[cuiAccordion]", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "onToggle($event)" } }, ngImport: i0 }); }
|
|
43
|
+
}
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionDirective, decorators: [{
|
|
45
|
+
type: Directive,
|
|
46
|
+
args: [{
|
|
47
|
+
selector: '[cuiAccordion]',
|
|
48
|
+
standalone: true,
|
|
49
|
+
host: {
|
|
50
|
+
'(click)': 'onToggle($event)'
|
|
51
|
+
}
|
|
52
|
+
}]
|
|
53
|
+
}], ctorParameters: () => [] });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU25GLE1BQU0sT0FBTyxxQkFBcUI7SUFRaEM7UUFQaUIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUk5QixZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBZSxDQUFDO1FBQ3hDLFdBQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFHbkMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVTLFFBQVEsQ0FBQyxLQUFZO1FBQzdCLElBQUksS0FBSyxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDM0IsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDNUIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRS9CLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFbEQsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztZQUVqRCxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8scUJBQXFCO1FBQzNCLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDN0IsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBRWpELFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxJQUFJLENBQUMsT0FBb0I7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTyxLQUFLLENBQUMsT0FBb0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7K0dBbkRVLHFCQUFxQjttR0FBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQVBqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLGtCQUFrQjtxQkFDOUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGVmZmVjdCwgaW5qZWN0LCBpbnB1dCwgbW9kZWwsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbY3VpQWNjb3JkaW9uXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBob3N0OiB7XHJcbiAgICAnKGNsaWNrKSc6ICdvblRvZ2dsZSgkZXZlbnQpJ1xyXG4gIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aUFjY29yZGlvbkRpcmVjdGl2ZSB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xyXG5cclxuICBwcml2YXRlIHdyYXBwZXIhOiBIVE1MRWxlbWVudDtcclxuXHJcbiAgcHVibGljIHJlYWRvbmx5IGNvbnRlbnQgPSBpbnB1dC5yZXF1aXJlZDxIVE1MRWxlbWVudD4oKTtcclxuICBwdWJsaWMgcmVhZG9ubHkgaXNPcGVuID0gbW9kZWwodHJ1ZSk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgdGhpcy5pbml0V3JhcHBlckVmZmVjdCgpO1xyXG4gICAgdGhpcy5pbml0T3BlbkNoYW5nZXNFZmZlY3QoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBvblRvZ2dsZShldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmIChldmVudC5kZWZhdWx0UHJldmVudGVkKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmlzT3Blbi51cGRhdGUoKHByZXYpID0+ICFwcmV2KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgaW5pdFdyYXBwZXJFZmZlY3QoKTogdm9pZCB7XHJcbiAgICBjb25zdCBlZmZlY3RSZWYgPSBlZmZlY3QoKCkgPT4ge1xyXG4gICAgICBjb25zdCBjb250ZW50ID0gdGhpcy5jb250ZW50KCk7XHJcblxyXG4gICAgICB0aGlzLndyYXBwZXIgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xyXG5cclxuICAgICAgY29udGVudC5hZnRlcih0aGlzLndyYXBwZXIpO1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMud3JhcHBlciwgY29udGVudCk7XHJcblxyXG4gICAgICBlZmZlY3RSZWYuZGVzdHJveSgpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGluaXRPcGVuQ2hhbmdlc0VmZmVjdCgpOiB2b2lkIHtcclxuICAgIGVmZmVjdCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGlzT3BlbiA9IHRoaXMuaXNPcGVuKCk7XHJcbiAgICAgIGNvbnN0IGRvQWN0aW9uID0gaXNPcGVuID8gdGhpcy5jbG9zZSA6IHRoaXMub3BlbjtcclxuXHJcbiAgICAgIGRvQWN0aW9uLmNhbGwodGhpcywgdGhpcy53cmFwcGVyKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBvcGVuKHdyYXBwZXI6IEhUTUxFbGVtZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHdyYXBwZXIsICd2aXNpYmlsaXR5JywgJ2hpZGRlbicpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh3cmFwcGVyLCAnaGVpZ2h0JywgJzAnKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgY2xvc2Uod3JhcHBlcjogSFRNTEVsZW1lbnQpOiB2b2lkIHtcclxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUod3JhcHBlciwgJ3Zpc2liaWxpdHknLCAndmlzaWJsZScpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh3cmFwcGVyLCAnaGVpZ2h0JywgJycpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
1
|
+
export { CuiAccordionComponent } from './accordion.component';
|
|
2
|
+
export { CuiAccordionDirective } from './accordion.directive';
|
|
3
|
+
export { CuiAccordionModule } from './accordion.module';
|
|
4
|
+
export { CuiAccordionItemComponent } from './accordion-item/accordion-item.component';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYWNjb3JkaW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ3VpQWNjb3JkaW9uQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ3VpQWNjb3JkaW9uRGlyZWN0aXZlIH0gZnJvbSAnLi9hY2NvcmRpb24uZGlyZWN0aXZlJztcclxuZXhwb3J0IHsgQ3VpQWNjb3JkaW9uTW9kdWxlIH0gZnJvbSAnLi9hY2NvcmRpb24ubW9kdWxlJztcclxuZXhwb3J0IHsgQ3VpQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcclxuXHJcbiJdfQ==
|
|
@@ -20,7 +20,6 @@ export * from './label';
|
|
|
20
20
|
export * from './letter-box';
|
|
21
21
|
export * from './notification';
|
|
22
22
|
export * from './radio';
|
|
23
|
-
export * from './readonly-description';
|
|
24
23
|
export * from './root';
|
|
25
24
|
export * from './select';
|
|
26
25
|
export * from './svg';
|
|
@@ -28,4 +27,4 @@ export * from './tabs';
|
|
|
28
27
|
export * from './textarea';
|
|
29
28
|
export * from './toggle';
|
|
30
29
|
export * from './render-dynamic-components';
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsT0FBTyxDQUFDO0FBQ3RCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9iYW5uZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2JyZWFkY3J1bWJzJztcclxuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi1ncm91cCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbnRleHQtbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZGlhbG9nJztcclxuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vZm9ybS1maWVsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaGludCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi1idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LW51bWJlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LXRleHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LXRpbWUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xhYmVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9sZXR0ZXItYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3JhZGlvJztcclxuZXhwb3J0ICogZnJvbSAnLi9yb290JztcclxuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N2Zyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdGFicyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdGV4dGFyZWEnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcmVuZGVyLWR5bmFtaWMtY29tcG9uZW50cyc7XHJcbiJdfQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy,
|
|
2
|
+
import { Component, ChangeDetectionStrategy, inject, Renderer2, input, model, effect, Directive, InjectionToken, Input, HostBinding, ChangeDetectorRef, ElementRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, NgZone, TemplateRef, ContentChildren, HostListener, Self, signal, INJECTOR, forwardRef, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule, DOCUMENT, NgForOf, NgIf,
|
|
4
|
+
import { CommonModule, DOCUMENT, NgForOf, NgIf, NgComponentOutlet } from '@angular/common';
|
|
5
5
|
import * as i1$1 from '@cuby-ui/cdk';
|
|
6
6
|
import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CuiItemDirective, CuiActiveZone, CuiFocusTrapDirective, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, CuiClickOutsideDirective, CuiTargetDirective, cuiGetClosestFocusable, CuiTime, CuiAutoResizingDirective } from '@cuby-ui/cdk';
|
|
7
7
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
@@ -17,7 +17,6 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
|
17
17
|
import { maskitoParseNumber, maskitoNumberOptionsGenerator, maskitoTimeOptionsGenerator } from '@maskito/kit';
|
|
18
18
|
import * as i3 from '@maskito/angular';
|
|
19
19
|
import { MaskitoDirective } from '@maskito/angular';
|
|
20
|
-
import { CuiEditorComponent } from '@cuby-ui/editor';
|
|
21
20
|
import { HttpErrorResponse } from '@angular/common/http';
|
|
22
21
|
|
|
23
22
|
class CuiAccordionComponent {
|
|
@@ -29,6 +28,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
29
28
|
args: [{ selector: 'cui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"cui-accordion-item\"></ng-content>\r\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"] }]
|
|
30
29
|
}] });
|
|
31
30
|
|
|
31
|
+
class CuiAccordionDirective {
|
|
32
|
+
constructor() {
|
|
33
|
+
this.renderer = inject(Renderer2);
|
|
34
|
+
this.content = input.required();
|
|
35
|
+
this.isOpen = model(true);
|
|
36
|
+
this.initWrapperEffect();
|
|
37
|
+
this.initOpenChangesEffect();
|
|
38
|
+
}
|
|
39
|
+
onToggle(event) {
|
|
40
|
+
if (event.defaultPrevented) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
this.isOpen.update((prev) => !prev);
|
|
44
|
+
}
|
|
45
|
+
initWrapperEffect() {
|
|
46
|
+
const effectRef = effect(() => {
|
|
47
|
+
const content = this.content();
|
|
48
|
+
this.wrapper = this.renderer.createElement('div');
|
|
49
|
+
content.after(this.wrapper);
|
|
50
|
+
this.renderer.appendChild(this.wrapper, content);
|
|
51
|
+
effectRef.destroy();
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
initOpenChangesEffect() {
|
|
55
|
+
effect(() => {
|
|
56
|
+
const isOpen = this.isOpen();
|
|
57
|
+
const doAction = isOpen ? this.close : this.open;
|
|
58
|
+
doAction.call(this, this.wrapper);
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
open(wrapper) {
|
|
62
|
+
this.renderer.setStyle(wrapper, 'visibility', 'hidden');
|
|
63
|
+
this.renderer.setStyle(wrapper, 'height', '0');
|
|
64
|
+
}
|
|
65
|
+
close(wrapper) {
|
|
66
|
+
this.renderer.setStyle(wrapper, 'visibility', 'visible');
|
|
67
|
+
this.renderer.setStyle(wrapper, 'height', '');
|
|
68
|
+
}
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
70
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: CuiAccordionDirective, isStandalone: true, selector: "[cuiAccordion]", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "onToggle($event)" } }, ngImport: i0 }); }
|
|
71
|
+
}
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionDirective, decorators: [{
|
|
73
|
+
type: Directive,
|
|
74
|
+
args: [{
|
|
75
|
+
selector: '[cuiAccordion]',
|
|
76
|
+
standalone: true,
|
|
77
|
+
host: {
|
|
78
|
+
'(click)': 'onToggle($event)'
|
|
79
|
+
}
|
|
80
|
+
}]
|
|
81
|
+
}], ctorParameters: () => [] });
|
|
82
|
+
|
|
32
83
|
const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
33
84
|
appearance: 'action',
|
|
34
85
|
shape: null,
|
|
@@ -3319,42 +3370,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3319
3370
|
}]
|
|
3320
3371
|
}] });
|
|
3321
3372
|
|
|
3322
|
-
class CuiReadonlyDescriptionComponent {
|
|
3323
|
-
constructor() {
|
|
3324
|
-
this.isShowMore = signal(false);
|
|
3325
|
-
this.isMoreButtonShown = signal(false);
|
|
3326
|
-
this.editorConfig = computed(() => ({ readOnly: true, withoutPreload: true, ...this.config() }));
|
|
3327
|
-
this.editor = viewChild.required('editor');
|
|
3328
|
-
this.editorId = input.required();
|
|
3329
|
-
this.config = input.required();
|
|
3330
|
-
this.buttonTemplate = input.required();
|
|
3331
|
-
this.shortHeight = input(68);
|
|
3332
|
-
this.initEditorIdEffect();
|
|
3333
|
-
this.initReadEditorProperty();
|
|
3334
|
-
}
|
|
3335
|
-
onShow(editor) {
|
|
3336
|
-
editor.editorElement.scrollTo(0, 0);
|
|
3337
|
-
this.isShowMore.update((prev) => !prev);
|
|
3338
|
-
}
|
|
3339
|
-
initReadEditorProperty() {
|
|
3340
|
-
afterRender({
|
|
3341
|
-
read: () => this.isMoreButtonShown.set(this.editor().editorElement?.scrollHeight > this.shortHeight())
|
|
3342
|
-
});
|
|
3343
|
-
}
|
|
3344
|
-
initEditorIdEffect() {
|
|
3345
|
-
effect(() => {
|
|
3346
|
-
this.editorId();
|
|
3347
|
-
this.isShowMore.set(false);
|
|
3348
|
-
}, { allowSignalWrites: true });
|
|
3349
|
-
}
|
|
3350
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiReadonlyDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3351
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiReadonlyDescriptionComponent, isStandalone: true, selector: "cui-readonly-description", inputs: { editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, buttonTemplate: { classPropertyName: "buttonTemplate", publicName: "buttonTemplate", isSignal: true, isRequired: true, transformFunction: null }, shortHeight: { classPropertyName: "shortHeight", publicName: "shortHeight", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "<cui-editor\r\n #editor\r\n class=\"editor\"\r\n [class.editor_opened]=\"isShowMore()\"\r\n [editorID]=\"editorId()\"\r\n [config]=\"editorConfig()\"\r\n/>\r\n@if (isMoreButtonShown()) {\r\n <button class=\"c-button\" (click)=\"onShow(editor)\">\r\n <ng-container [ngTemplateOutlet]=\"buttonTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: isShowMore }\"></ng-container>\r\n </button>\r\n}\r\n", styles: [":host{--height: 68px;--fullHeight: 500px;display:flex;flex-direction:column;gap:8px}:host .editor{display:block;max-height:var(--height);overflow:hidden}:host .editor_opened{max-height:var(--fullHeight);overflow:hidden auto}.c-button{padding:0}\n"], dependencies: [{ kind: "component", type: CuiEditorComponent, selector: "cui-editor", inputs: ["editorID", "config", "requestSize"], outputs: ["editorEmpty"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3352
|
-
}
|
|
3353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiReadonlyDescriptionComponent, decorators: [{
|
|
3354
|
-
type: Component,
|
|
3355
|
-
args: [{ selector: 'cui-readonly-description', standalone: true, imports: [CuiEditorComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-editor\r\n #editor\r\n class=\"editor\"\r\n [class.editor_opened]=\"isShowMore()\"\r\n [editorID]=\"editorId()\"\r\n [config]=\"editorConfig()\"\r\n/>\r\n@if (isMoreButtonShown()) {\r\n <button class=\"c-button\" (click)=\"onShow(editor)\">\r\n <ng-container [ngTemplateOutlet]=\"buttonTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: isShowMore }\"></ng-container>\r\n </button>\r\n}\r\n", styles: [":host{--height: 68px;--fullHeight: 500px;display:flex;flex-direction:column;gap:8px}:host .editor{display:block;max-height:var(--height);overflow:hidden}:host .editor_opened{max-height:var(--fullHeight);overflow:hidden auto}.c-button{padding:0}\n"] }]
|
|
3356
|
-
}], ctorParameters: () => [] });
|
|
3357
|
-
|
|
3358
3373
|
class CuiSelectComponent {
|
|
3359
3374
|
constructor() {
|
|
3360
3375
|
this.element = inject(ElementRef).nativeElement;
|
|
@@ -3774,5 +3789,5 @@ const cuiXNdjsonInterceptor = (request, next) => {
|
|
|
3774
3789
|
* Generated bundle index. Do not edit.
|
|
3775
3790
|
*/
|
|
3776
3791
|
|
|
3777
|
-
export { CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CuiAccordionComponent, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCheckboxComponent, CuiCheckboxModule, CuiContextMenuComponent, CuiContextMenuModule, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiFormFieldComponent, CuiFormFieldModule, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiLabelComponent, CuiLabelModule, CuiLetterBoxComponent, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule,
|
|
3792
|
+
export { CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCheckboxComponent, CuiCheckboxModule, CuiContextMenuComponent, CuiContextMenuModule, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiFormFieldComponent, CuiFormFieldModule, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiLabelComponent, CuiLabelModule, CuiLetterBoxComponent, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModule, CuiSvgComponent, CuiSvgModule, CuiTabComponent, CuiTabsComponent, CuiTabsModule, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiVisualViewportService, cuiGetDuration, cuiIsObscured, cuiOverrideOptions, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor };
|
|
3778
3793
|
//# sourceMappingURL=cuby-ui-core.mjs.map
|