quang 19.0.28 → 20.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/auth/README.md +10 -0
- package/auth/index.d.ts +195 -9
- package/auth/mobile/index.d.ts +5 -1
- package/components/autocomplete/index.d.ts +46 -1
- package/components/checkbox/index.d.ts +15 -1
- package/components/date/index.d.ts +89 -1
- package/components/input/index.d.ts +19 -1
- package/components/paginator/index.d.ts +68 -5
- package/components/select/index.d.ts +32 -1
- package/components/shared/index.d.ts +112 -4
- package/components/table/index.d.ts +70 -1
- package/components/wysiwyg/index.d.ts +51 -1
- package/device/index.d.ts +14 -1
- package/fesm2022/quang-auth.mjs +18 -18
- package/fesm2022/quang-auth.mjs.map +1 -1
- package/fesm2022/quang-components-autocomplete.mjs +7 -7
- package/fesm2022/quang-components-autocomplete.mjs.map +1 -1
- package/fesm2022/quang-components-checkbox.mjs +6 -6
- package/fesm2022/quang-components-checkbox.mjs.map +1 -1
- package/fesm2022/quang-components-date.mjs +5 -5
- package/fesm2022/quang-components-date.mjs.map +1 -1
- package/fesm2022/quang-components-input.mjs +6 -6
- package/fesm2022/quang-components-input.mjs.map +1 -1
- package/fesm2022/quang-components-paginator.mjs +15 -15
- package/fesm2022/quang-components-paginator.mjs.map +1 -1
- package/fesm2022/quang-components-select.mjs +6 -6
- package/fesm2022/quang-components-select.mjs.map +1 -1
- package/fesm2022/quang-components-shared.mjs +6 -6
- package/fesm2022/quang-components-shared.mjs.map +1 -1
- package/fesm2022/quang-components-table.mjs +3 -3
- package/fesm2022/quang-components-table.mjs.map +1 -1
- package/fesm2022/quang-components-wysiwyg.mjs +6 -6
- package/fesm2022/quang-components-wysiwyg.mjs.map +1 -1
- package/fesm2022/quang-device.mjs +3 -3
- package/fesm2022/quang-device.mjs.map +1 -1
- package/fesm2022/quang-loader.mjs +7 -8
- package/fesm2022/quang-loader.mjs.map +1 -1
- package/fesm2022/quang-overlay-modal.mjs +3 -3
- package/fesm2022/quang-overlay-modal.mjs.map +1 -1
- package/fesm2022/quang-overlay-popover.mjs +8 -8
- package/fesm2022/quang-overlay-popover.mjs.map +1 -1
- package/fesm2022/quang-overlay-shared.mjs +10 -11
- package/fesm2022/quang-overlay-shared.mjs.map +1 -1
- package/fesm2022/quang-overlay-toast.mjs +8 -8
- package/fesm2022/quang-overlay-toast.mjs.map +1 -1
- package/fesm2022/quang-overlay-tooltip.mjs +6 -6
- package/fesm2022/quang-overlay-tooltip.mjs.map +1 -1
- package/fesm2022/quang-translation.mjs +6 -6
- package/fesm2022/quang-translation.mjs.map +1 -1
- package/forms/index.d.ts +51 -2
- package/index.d.ts +13 -9
- package/loader/index.d.ts +69 -4
- package/overlay/modal/index.d.ts +34 -1
- package/overlay/popover/index.d.ts +25 -1
- package/overlay/shared/index.d.ts +116 -3
- package/overlay/toast/index.d.ts +45 -2
- package/overlay/tooltip/index.d.ts +23 -2
- package/package.json +28 -28
- package/shared/index.d.ts +16 -1
- package/translation/index.d.ts +62 -4
- package/auth/auth-providers.d.ts +0 -39
- package/auth/auth.service.d.ts +0 -52
- package/auth/directives/has-at-least-one-role.directive.d.ts +0 -26
- package/auth/directives/has-every-role.directive.d.ts +0 -26
- package/auth/directives/is-authenticated.directive.d.ts +0 -14
- package/auth/directives/is-not-authenticated.directive.d.ts +0 -14
- package/auth/guards/index.d.ts +0 -2
- package/auth/guards/is-allowed.guard.d.ts +0 -2
- package/auth/guards/is-authenticated.guard.d.ts +0 -2
- package/auth/logout-on-error.interceptor.d.ts +0 -9
- package/auth/mobile/mobile-auth-feature.d.ts +0 -2
- package/auth/token-storage/index.d.ts +0 -3
- package/auth/token-storage/local-storage-feature.d.ts +0 -2
- package/auth/token-storage/memory-storage-feature.d.ts +0 -12
- package/auth/token-storage/session-storage-feature.d.ts +0 -2
- package/components/autocomplete/autocomplete.component.d.ts +0 -43
- package/components/checkbox/checkbox.component.d.ts +0 -11
- package/components/date/date.component.d.ts +0 -85
- package/components/input/input.component.d.ts +0 -15
- package/components/paginator/paginator-language.service.d.ts +0 -10
- package/components/paginator/paginator.component.d.ts +0 -30
- package/components/paginator/paginator.module.d.ts +0 -7
- package/components/paginator/paginator.service.d.ts +0 -6
- package/components/paginator/paginatorIntl.d.ts +0 -12
- package/components/select/select.component.d.ts +0 -29
- package/components/shared/ErrorData.d.ts +0 -4
- package/components/shared/makeId.d.ts +0 -1
- package/components/shared/option-list/option-list.component.d.ts +0 -53
- package/components/shared/quang-base-component.directive.d.ts +0 -50
- package/components/table/table.component.d.ts +0 -66
- package/components/wysiwyg/wysiwyg.component.d.ts +0 -46
- package/device/resize-observable.service.d.ts +0 -11
- package/forms/form-group-model.d.ts +0 -18
- package/forms/validators.d.ts +0 -43
- package/loader/loader-providers.d.ts +0 -23
- package/loader/loader.component.d.ts +0 -23
- package/loader/loader.interceptor.d.ts +0 -10
- package/loader/loader.service.d.ts +0 -9
- package/overlay/modal/modal.component.d.ts +0 -29
- package/overlay/popover/popover.component.d.ts +0 -13
- package/overlay/popover/popover.directive.d.ts +0 -11
- package/overlay/shared/CustomViewportRuler.d.ts +0 -63
- package/overlay/shared/quang-base-overlay.component.d.ts +0 -9
- package/overlay/shared/quang-base-overlay.directive.d.ts +0 -44
- package/overlay/toast/toast.component.d.ts +0 -13
- package/overlay/toast/toast.service.d.ts +0 -27
- package/overlay/tooltip/tooltip.component.d.ts +0 -11
- package/overlay/tooltip/tooltip.directive.d.ts +0 -11
- package/shared/intercept-utils.d.ts +0 -13
- package/translation/translation-loader.service.d.ts +0 -10
- package/translation/translation-providers.d.ts +0 -28
- package/translation/translation.service.d.ts +0 -15
- package/translation/translations.tokens.d.ts +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quang-overlay-toast.mjs","sources":["../../../projects/quang/overlay/toast/toast.service.ts","../../../projects/quang/overlay/toast/toast.component.ts","../../../projects/quang/overlay/toast/toast.component.html","../../../projects/quang/overlay/toast/quang-overlay-toast.ts"],"sourcesContent":["import { Injectable, TemplateRef, computed, signal } from '@angular/core'\n\nimport { patchState, signalState } from '@ngrx/signals'\n\nexport interface ToastData {\n type: 'success' | 'warning' | 'error'\n title?: string\n position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center'\n timing: number\n text?: string\n textValue?: string\n showCloseButton?: boolean\n date?: Date\n dateFormat?: string\n customTemplate?: TemplateRef<any>\n customIcon?: string\n hideHeader?: boolean\n}\n\n@Injectable({\n providedIn: 'root',\n})\nexport class QuangToastService {\n private toastState = signalState({\n count: 0,\n currentTimeout: null as ReturnType<typeof setTimeout> | number | null,\n })\n\n public isShowing = computed(() => this.toastState.count() > 0)\n\n count = this.toastState.count\n currentTimeout = this.toastState.currentTimeout\n\n public openToast(toastData: ToastData): void {\n patchState(this.toastState, {\n count: this.count() + 1,\n })\n\n this.currentToast.set(toastData)\n\n if (this.count() > 1) {\n clearTimeout(this.currentTimeout() as number)\n patchState(this.toastState, {\n count: this.count() - 1,\n currentTimeout: null,\n })\n }\n patchState(this.toastState, {\n currentTimeout: setTimeout(() => {\n this.closeToast()\n }, toastData.timing),\n })\n }\n\n public closeToast(): void {\n this.currentToast.set(null)\n patchState(this.toastState, { count: this.count() - 1 })\n }\n\n public currentToast = signal<ToastData | null>(null)\n}\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { DatePipe, NgClass,
|
|
1
|
+
{"version":3,"file":"quang-overlay-toast.mjs","sources":["../../../projects/quang/overlay/toast/toast.service.ts","../../../projects/quang/overlay/toast/toast.component.ts","../../../projects/quang/overlay/toast/toast.component.html","../../../projects/quang/overlay/toast/quang-overlay-toast.ts"],"sourcesContent":["import { Injectable, TemplateRef, computed, signal } from '@angular/core'\n\nimport { patchState, signalState } from '@ngrx/signals'\n\nexport interface ToastData {\n type: 'success' | 'warning' | 'error'\n title?: string\n position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center'\n timing: number\n text?: string\n textValue?: string\n showCloseButton?: boolean\n date?: Date\n dateFormat?: string\n customTemplate?: TemplateRef<any>\n customIcon?: string\n hideHeader?: boolean\n}\n\n@Injectable({\n providedIn: 'root',\n})\nexport class QuangToastService {\n private toastState = signalState({\n count: 0,\n currentTimeout: null as ReturnType<typeof setTimeout> | number | null,\n })\n\n public isShowing = computed(() => this.toastState.count() > 0)\n\n count = this.toastState.count\n currentTimeout = this.toastState.currentTimeout\n\n public openToast(toastData: ToastData): void {\n patchState(this.toastState, {\n count: this.count() + 1,\n })\n\n this.currentToast.set(toastData)\n\n if (this.count() > 1) {\n clearTimeout(this.currentTimeout() as number)\n patchState(this.toastState, {\n count: this.count() - 1,\n currentTimeout: null,\n })\n }\n patchState(this.toastState, {\n currentTimeout: setTimeout(() => {\n this.closeToast()\n }, toastData.timing),\n })\n }\n\n public closeToast(): void {\n this.currentToast.set(null)\n patchState(this.toastState, { count: this.count() - 1 })\n }\n\n public currentToast = signal<ToastData | null>(null)\n}\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { DatePipe, NgClass, NgTemplateOutlet } from '@angular/common'\nimport { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core'\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { map, of, switchAll, timer } from 'rxjs'\n\nimport { QuangToastService } from './toast.service'\n\n@Component({\n selector: 'quang-toast',\n imports: [OverlayModule, NgClass, TranslocoPipe, DatePipe, NgTemplateOutlet],\n templateUrl: './toast.component.html',\n styleUrl: './toast.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Toast component that can be displayed by calling the `QuangToastService.openToast()` method,\n * passing an object of config {@link ToastData}.\n *\n * @usageNotes\n * The {@link ToastData.customTemplate} property is used to display the custom template inside the toast.\n *\n * The toast header can be hidden by setting the {@link ToastData.hideHeader} boolean to `true`.\n *\n * If the toast header is visible, setting the {@link ToastData.type} property will change the background color\n * of a squared indicator positioned next to the header's title.\n *\n * The component can also display a {@link ToastData.customIcon} in the toast header instead of the squared indicator.\n *\n * @example\n * <quang-toast></quang-toast>\n * this.quangToast.openToast({\n type,\n title: type,\n position: 'bottom-center',\n text: 'custom text here',\n showCloseButton: true,\n timing: 50000000,\n })\n */\nexport class QuangToastComponent {\n toastService = signal(inject(QuangToastService))\n\n readonly isShowing = this.toastService().isShowing\n showAtLeastFor = input<number>(500)\n\n private showToastBuffer$ = toObservable(this.isShowing).pipe(\n map((isShowing) =>\n isShowing\n ? of(isShowing)\n : timer(this.toastService().currentToast()?.timing ?? this.showAtLeastFor()).pipe(map(() => isShowing))\n ),\n switchAll()\n )\n\n showToast = toSignal(this.showToastBuffer$)\n\n readonly _currentToast = this.toastService().currentToast\n\n close(): void {\n this.toastService().closeToast()\n }\n}\n","<div\n [class.hide]=\"!isShowing()\"\n [class.show]=\"isShowing()\"\n [ngClass]=\"[_currentToast()?.position ?? '', _currentToast()?.type ?? '']\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n class=\"toast fade\"\n role=\"alert\"\n>\n @if (!_currentToast()?.hideHeader) {\n <div class=\"toast-header\">\n @if (!_currentToast()?.customIcon) {\n <span\n [ngClass]=\"_currentToast()?.type\"\n class=\"rounded me-2\"\n ></span>\n }\n @if (_currentToast()?.customIcon) {\n <img\n [src]=\"_currentToast()?.customIcon\"\n alt=\"\"\n />\n }\n @if (_currentToast()?.title) {\n <strong class=\"me-auto\">{{ _currentToast()?.title | transloco }}</strong>\n }\n @if (_currentToast()?.date) {\n <small>{{ _currentToast()?.date ?? '' | date: _currentToast()?.dateFormat }}</small>\n }\n @if (_currentToast()?.showCloseButton) {\n <button\n (click)=\"close()\"\n aria-label=\"Close\"\n class=\"ms-2 mb-1 btn-close\"\n data-dismiss=\"toast\"\n type=\"button\"\n >\n <span aria-hidden=\"true\"></span>\n </button>\n }\n </div>\n }\n @if (_currentToast()?.text) {\n <div class=\"toast-body\">\n {{ _currentToast()?.text?.trim() | transloco: { textValue: _currentToast()?.textValue?.trim() } }}\n </div>\n }\n <ng-container *ngTemplateOutlet=\"_currentToast()?.customTemplate ?? null\"></ng-container>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,8 +11,8 @@ class QuangTooltipComponent {
|
|
|
11
11
|
this.positionPair = signal(null);
|
|
12
12
|
this.payload = input();
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: QuangTooltipComponent, isStandalone: true, selector: "quang-tooltip", inputs: { overlayContent: { classPropertyName: "overlayContent", publicName: "overlayContent", isSignal: true, isRequired: true, transformFunction: null }, quangTooltipPosition: { classPropertyName: "quangTooltipPosition", publicName: "quangTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, payload: { classPropertyName: "payload", publicName: "payload", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n @tooltip\n class=\"quang-tooltip\"\n>\n {{ overlayContent() }}\n</div>\n", styles: [".quang-tooltip{background-color:var(--bs-body-color);color:var(--bs-body-bg);padding:.5rem;border-radius:5px;font-size:.75rem;opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }], animations: [
|
|
16
16
|
trigger('tooltip', [
|
|
17
17
|
state('*', style({ opacity: 1 })),
|
|
18
18
|
transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
|
|
@@ -20,7 +20,7 @@ class QuangTooltipComponent {
|
|
|
20
20
|
]),
|
|
21
21
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTooltipComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'quang-tooltip', imports: [OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
26
26
|
trigger('tooltip', [
|
|
@@ -38,10 +38,10 @@ class QuangTooltipDirective extends QuangBaseOverlayDirective {
|
|
|
38
38
|
this.content = input.required({ alias: 'quangTooltip' });
|
|
39
39
|
this.showMethod = input('hover');
|
|
40
40
|
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
42
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: QuangTooltipDirective, isStandalone: true, selector: "[quangTooltip]", inputs: { content: { classPropertyName: "content", publicName: "quangTooltip", isSignal: true, isRequired: true, transformFunction: null }, showMethod: { classPropertyName: "showMethod", publicName: "showMethod", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTooltipDirective, decorators: [{
|
|
45
45
|
type: Directive,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: '[quangTooltip]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quang-overlay-tooltip.mjs","sources":["../../../projects/quang/overlay/tooltip/tooltip.component.ts","../../../projects/quang/overlay/tooltip/tooltip.component.html","../../../projects/quang/overlay/tooltip/tooltip.directive.ts","../../../projects/quang/overlay/tooltip/quang-overlay-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations'\nimport { ConnectionPositionPair, OverlayModule } from '@angular/cdk/overlay'\nimport { ChangeDetectionStrategy, Component, input, signal } from '@angular/core'\n\nimport { QuangBaseOverlayComponent } from 'quang/overlay/shared'\n\n@Component({\n selector: 'quang-tooltip',\n imports: [OverlayModule],\n templateUrl: './tooltip.component.html',\n styleUrl: './tooltip.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n\n animations: [\n trigger('tooltip', [\n state('*', style({ opacity: 1 })),\n transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),\n transition(':leave', [style({ opacity: 1 }), animate(300, style({ opacity: 0 }))]),\n ]),\n ],\n})\nexport class QuangTooltipComponent implements QuangBaseOverlayComponent {\n overlayContent = input.required<string>()\n\n quangTooltipPosition = input<'top' | 'bottom' | 'left' | 'right'>('top')\n\n positionPair = signal<ConnectionPositionPair | null>(null)\n\n payload = input<unknown>()\n}\n","<div\n @tooltip\n class=\"quang-tooltip\"\n>\n {{ overlayContent() }}\n</div>\n","import { ComponentType } from '@angular/cdk/portal'\nimport { Directive, input, signal } from '@angular/core'\n\nimport { QuangBaseOverlayDirective } from 'quang/overlay/shared'\n\nimport { QuangTooltipComponent } from './tooltip.component'\n\n@Directive({\n selector: '[quangTooltip]',\n})\nexport class QuangTooltipDirective extends QuangBaseOverlayDirective<QuangTooltipComponent> {\n override targetComponentType = signal<ComponentType<QuangTooltipComponent> | undefined>(QuangTooltipComponent)\n\n override content = input.required<string>({ alias: 'quangTooltip' })\n\n override showMethod = input<'click' | 'hover'>('hover')\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAqBa,qBAAqB,CAAA;AAflC,IAAA,WAAA,GAAA;AAgBE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,QAAQ,EAAU;AAEzC,QAAA,IAAA,CAAA,oBAAoB,GAAG,KAAK,CAAsC,KAAK,CAAC;AAExE,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAgC,IAAI,CAAC;QAE1D,IAAO,CAAA,OAAA,GAAG,KAAK,EAAW;AAC3B
|
|
1
|
+
{"version":3,"file":"quang-overlay-tooltip.mjs","sources":["../../../projects/quang/overlay/tooltip/tooltip.component.ts","../../../projects/quang/overlay/tooltip/tooltip.component.html","../../../projects/quang/overlay/tooltip/tooltip.directive.ts","../../../projects/quang/overlay/tooltip/quang-overlay-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations'\nimport { ConnectionPositionPair, OverlayModule } from '@angular/cdk/overlay'\nimport { ChangeDetectionStrategy, Component, input, signal } from '@angular/core'\n\nimport { QuangBaseOverlayComponent } from 'quang/overlay/shared'\n\n@Component({\n selector: 'quang-tooltip',\n imports: [OverlayModule],\n templateUrl: './tooltip.component.html',\n styleUrl: './tooltip.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n\n animations: [\n trigger('tooltip', [\n state('*', style({ opacity: 1 })),\n transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),\n transition(':leave', [style({ opacity: 1 }), animate(300, style({ opacity: 0 }))]),\n ]),\n ],\n})\nexport class QuangTooltipComponent implements QuangBaseOverlayComponent {\n overlayContent = input.required<string>()\n\n quangTooltipPosition = input<'top' | 'bottom' | 'left' | 'right'>('top')\n\n positionPair = signal<ConnectionPositionPair | null>(null)\n\n payload = input<unknown>()\n}\n","<div\n @tooltip\n class=\"quang-tooltip\"\n>\n {{ overlayContent() }}\n</div>\n","import { ComponentType } from '@angular/cdk/portal'\nimport { Directive, input, signal } from '@angular/core'\n\nimport { QuangBaseOverlayDirective } from 'quang/overlay/shared'\n\nimport { QuangTooltipComponent } from './tooltip.component'\n\n@Directive({\n selector: '[quangTooltip]',\n})\nexport class QuangTooltipDirective extends QuangBaseOverlayDirective<QuangTooltipComponent> {\n override targetComponentType = signal<ComponentType<QuangTooltipComponent> | undefined>(QuangTooltipComponent)\n\n override content = input.required<string>({ alias: 'quangTooltip' })\n\n override showMethod = input<'click' | 'hover'>('hover')\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -18,10 +18,10 @@ class QuangTranslationLoaderService {
|
|
|
18
18
|
getTranslation(lang) {
|
|
19
19
|
return this.httpClient.get(`${this.translationBasePath ?? './'}assets/i18n/${lang}.json`);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
22
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationLoaderService }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationLoaderService, decorators: [{
|
|
25
25
|
type: Injectable
|
|
26
26
|
}], propDecorators: { translationBasePath: [{
|
|
27
27
|
type: Optional
|
|
@@ -50,10 +50,10 @@ class QuangTranslationService {
|
|
|
50
50
|
setTranslationKey(key, value, options) {
|
|
51
51
|
return this._translocoService.setTranslationKey(key, value, options);
|
|
52
52
|
}
|
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
54
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationService }); }
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: QuangTranslationService, decorators: [{
|
|
57
57
|
type: Injectable
|
|
58
58
|
}] });
|
|
59
59
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quang-translation.mjs","sources":["../../../projects/quang/translation/translations.tokens.ts","../../../projects/quang/translation/translation-loader.service.ts","../../../projects/quang/translation/translation.service.ts","../../../projects/quang/translation/translation-providers.ts","../../../projects/quang/translation/quang-translation.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nexport const AVAILABLE_LANGS = new InjectionToken<string[]>('AVAILABLE_LANGS')\nexport const DEFAULT_LANG = new InjectionToken<string>('DEFAULT_LANG')\nexport const FALLBACK_LANG = new InjectionToken<string>('FALLBACK_LANG')\nexport const TRANSLATIONS_BASE_PATH = new InjectionToken<string>('TRANSLATIONS_BASE_PATH')\n","import { HttpClient } from '@angular/common/http'\nimport { Injectable, Optional, inject } from '@angular/core'\n\nimport { Translation, TranslocoLoader } from '@jsverse/transloco'\nimport { Observable } from 'rxjs'\n\nimport { TRANSLATIONS_BASE_PATH } from './translations.tokens'\n\n@Injectable()\nexport class QuangTranslationLoaderService implements TranslocoLoader {\n private readonly httpClient: HttpClient = inject(HttpClient)\n\n @Optional() private readonly translationBasePath: string = inject(TRANSLATIONS_BASE_PATH)\n\n getTranslation(lang: string): Observable<Translation> | Promise<Translation> {\n return this.httpClient.get<Translation>(`${this.translationBasePath ?? './'}assets/i18n/${lang}.json`)\n }\n}\n","import { Injectable, inject } from '@angular/core'\nimport { toSignal } from '@angular/core/rxjs-interop'\n\nimport { HashMap, SetTranslationOptions, Translation, TranslocoService } from '@jsverse/transloco'\n\nimport { AVAILABLE_LANGS, DEFAULT_LANG } from './translations.tokens'\n\n@Injectable()\nexport class QuangTranslationService {\n private readonly _translocoService: TranslocoService = inject(TranslocoService)\n\n activeLang = toSignal(this._translocoService.langChanges$, { initialValue: null })\n\n private readonly _availableLangs = inject(AVAILABLE_LANGS)\n\n private readonly _defaultLang = inject(DEFAULT_LANG)\n\n setActiveLang(lang: string): void {\n const targetLang = this._availableLangs.includes(lang) ? lang : this._defaultLang\n this._translocoService.setActiveLang(targetLang)\n }\n\n getActiveLang(): string | null {\n return this.activeLang()\n }\n\n translate(key: string, params?: HashMap): string {\n return this._translocoService.translate(key, params)\n }\n\n setTranslation(translation: Translation, lang?: string, options?: SetTranslationOptions) {\n return this._translocoService.setTranslation(translation, lang, options)\n }\n\n setTranslationKey(key: string, value: string, options?: Omit<SetTranslationOptions, 'merge'>) {\n return this._translocoService.setTranslationKey(key, value, options)\n }\n}\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core'\n\nimport { provideTransloco } from '@jsverse/transloco'\nimport { QuangFeature, QuangFeatureKind, quangFeature } from 'quang'\n\nimport { QuangTranslationLoaderService } from './translation-loader.service'\nimport { QuangTranslationService } from './translation.service'\n\nimport { AVAILABLE_LANGS, DEFAULT_LANG, FALLBACK_LANG, TRANSLATIONS_BASE_PATH } from './translations.tokens'\n\nexport interface TranslationConfig {\n availableLangs: string[]\n defaultLang: string\n fallbackLang: string\n translationsBasePath?: string\n reRenderOnLangChange?: boolean\n prodMode?: boolean\n failedRetries?: number\n logMissingKey?: boolean\n useFallbackTranslation?: boolean\n allowEmpty?: boolean\n}\n\n/**\n * @example\n * export const appConfig: ApplicationConfig = {\n * providers: [\n * provideTranslation({\n * availableLangs: ['it', 'en'],\n * defaultLang: 'it',\n * fallbackLang: 'it',\n * })\n * ]\n * }\n */\nexport function provideTranslation(config: TranslationConfig): EnvironmentProviders {\n return makeEnvironmentProviders([\n QuangTranslationLoaderService,\n QuangTranslationService,\n provideTransloco({\n config: {\n availableLangs: config.availableLangs,\n defaultLang: config.defaultLang,\n fallbackLang: config.fallbackLang,\n reRenderOnLangChange: config.reRenderOnLangChange ?? true,\n prodMode: config.prodMode ?? true,\n failedRetries: config.failedRetries ?? 1,\n missingHandler: {\n logMissingKey: config.logMissingKey ?? true,\n useFallbackTranslation: config.useFallbackTranslation ?? true,\n allowEmpty: config.allowEmpty ?? false,\n },\n },\n loader: QuangTranslationLoaderService,\n }),\n {\n provide: AVAILABLE_LANGS,\n useValue: config.availableLangs,\n },\n {\n provide: DEFAULT_LANG,\n useValue: config.defaultLang,\n },\n {\n provide: FALLBACK_LANG,\n useValue: config.fallbackLang,\n },\n {\n provide: TRANSLATIONS_BASE_PATH,\n useValue: config.translationsBasePath,\n },\n ])\n}\n\nexport function withTranslation(config: TranslationConfig): QuangFeature<QuangFeatureKind.TranslationFeature> {\n return quangFeature(QuangFeatureKind.TranslationFeature, [provideTranslation(config)])\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAEa,eAAe,GAAG,IAAI,cAAc,CAAW,iBAAiB;MAChE,YAAY,GAAG,IAAI,cAAc,CAAS,cAAc;MACxD,aAAa,GAAG,IAAI,cAAc,CAAS,eAAe;MAC1D,sBAAsB,GAAG,IAAI,cAAc,CAAS,wBAAwB;;MCI5E,6BAA6B,CAAA;AAD1C,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC;AAE/B,QAAA,IAAA,CAAA,mBAAmB,GAAW,MAAM,CAAC,sBAAsB,CAAC;AAK1F;AAHC,IAAA,cAAc,CAAC,IAAY,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAc,CAAG,EAAA,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAA,YAAA,EAAe,IAAI,CAAA,KAAA,CAAO,CAAC
|
|
1
|
+
{"version":3,"file":"quang-translation.mjs","sources":["../../../projects/quang/translation/translations.tokens.ts","../../../projects/quang/translation/translation-loader.service.ts","../../../projects/quang/translation/translation.service.ts","../../../projects/quang/translation/translation-providers.ts","../../../projects/quang/translation/quang-translation.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nexport const AVAILABLE_LANGS = new InjectionToken<string[]>('AVAILABLE_LANGS')\nexport const DEFAULT_LANG = new InjectionToken<string>('DEFAULT_LANG')\nexport const FALLBACK_LANG = new InjectionToken<string>('FALLBACK_LANG')\nexport const TRANSLATIONS_BASE_PATH = new InjectionToken<string>('TRANSLATIONS_BASE_PATH')\n","import { HttpClient } from '@angular/common/http'\nimport { Injectable, Optional, inject } from '@angular/core'\n\nimport { Translation, TranslocoLoader } from '@jsverse/transloco'\nimport { Observable } from 'rxjs'\n\nimport { TRANSLATIONS_BASE_PATH } from './translations.tokens'\n\n@Injectable()\nexport class QuangTranslationLoaderService implements TranslocoLoader {\n private readonly httpClient: HttpClient = inject(HttpClient)\n\n @Optional() private readonly translationBasePath: string = inject(TRANSLATIONS_BASE_PATH)\n\n getTranslation(lang: string): Observable<Translation> | Promise<Translation> {\n return this.httpClient.get<Translation>(`${this.translationBasePath ?? './'}assets/i18n/${lang}.json`)\n }\n}\n","import { Injectable, inject } from '@angular/core'\nimport { toSignal } from '@angular/core/rxjs-interop'\n\nimport { HashMap, SetTranslationOptions, Translation, TranslocoService } from '@jsverse/transloco'\n\nimport { AVAILABLE_LANGS, DEFAULT_LANG } from './translations.tokens'\n\n@Injectable()\nexport class QuangTranslationService {\n private readonly _translocoService: TranslocoService = inject(TranslocoService)\n\n activeLang = toSignal(this._translocoService.langChanges$, { initialValue: null })\n\n private readonly _availableLangs = inject(AVAILABLE_LANGS)\n\n private readonly _defaultLang = inject(DEFAULT_LANG)\n\n setActiveLang(lang: string): void {\n const targetLang = this._availableLangs.includes(lang) ? lang : this._defaultLang\n this._translocoService.setActiveLang(targetLang)\n }\n\n getActiveLang(): string | null {\n return this.activeLang()\n }\n\n translate(key: string, params?: HashMap): string {\n return this._translocoService.translate(key, params)\n }\n\n setTranslation(translation: Translation, lang?: string, options?: SetTranslationOptions) {\n return this._translocoService.setTranslation(translation, lang, options)\n }\n\n setTranslationKey(key: string, value: string, options?: Omit<SetTranslationOptions, 'merge'>) {\n return this._translocoService.setTranslationKey(key, value, options)\n }\n}\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core'\n\nimport { provideTransloco } from '@jsverse/transloco'\nimport { QuangFeature, QuangFeatureKind, quangFeature } from 'quang'\n\nimport { QuangTranslationLoaderService } from './translation-loader.service'\nimport { QuangTranslationService } from './translation.service'\n\nimport { AVAILABLE_LANGS, DEFAULT_LANG, FALLBACK_LANG, TRANSLATIONS_BASE_PATH } from './translations.tokens'\n\nexport interface TranslationConfig {\n availableLangs: string[]\n defaultLang: string\n fallbackLang: string\n translationsBasePath?: string\n reRenderOnLangChange?: boolean\n prodMode?: boolean\n failedRetries?: number\n logMissingKey?: boolean\n useFallbackTranslation?: boolean\n allowEmpty?: boolean\n}\n\n/**\n * @example\n * export const appConfig: ApplicationConfig = {\n * providers: [\n * provideTranslation({\n * availableLangs: ['it', 'en'],\n * defaultLang: 'it',\n * fallbackLang: 'it',\n * })\n * ]\n * }\n */\nexport function provideTranslation(config: TranslationConfig): EnvironmentProviders {\n return makeEnvironmentProviders([\n QuangTranslationLoaderService,\n QuangTranslationService,\n provideTransloco({\n config: {\n availableLangs: config.availableLangs,\n defaultLang: config.defaultLang,\n fallbackLang: config.fallbackLang,\n reRenderOnLangChange: config.reRenderOnLangChange ?? true,\n prodMode: config.prodMode ?? true,\n failedRetries: config.failedRetries ?? 1,\n missingHandler: {\n logMissingKey: config.logMissingKey ?? true,\n useFallbackTranslation: config.useFallbackTranslation ?? true,\n allowEmpty: config.allowEmpty ?? false,\n },\n },\n loader: QuangTranslationLoaderService,\n }),\n {\n provide: AVAILABLE_LANGS,\n useValue: config.availableLangs,\n },\n {\n provide: DEFAULT_LANG,\n useValue: config.defaultLang,\n },\n {\n provide: FALLBACK_LANG,\n useValue: config.fallbackLang,\n },\n {\n provide: TRANSLATIONS_BASE_PATH,\n useValue: config.translationsBasePath,\n },\n ])\n}\n\nexport function withTranslation(config: TranslationConfig): QuangFeature<QuangFeatureKind.TranslationFeature> {\n return quangFeature(QuangFeatureKind.TranslationFeature, [provideTranslation(config)])\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAEa,eAAe,GAAG,IAAI,cAAc,CAAW,iBAAiB;MAChE,YAAY,GAAG,IAAI,cAAc,CAAS,cAAc;MACxD,aAAa,GAAG,IAAI,cAAc,CAAS,eAAe;MAC1D,sBAAsB,GAAG,IAAI,cAAc,CAAS,wBAAwB;;MCI5E,6BAA6B,CAAA;AAD1C,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC;AAE/B,QAAA,IAAA,CAAA,mBAAmB,GAAW,MAAM,CAAC,sBAAsB,CAAC;AAK1F;AAHC,IAAA,cAAc,CAAC,IAAY,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAc,CAAG,EAAA,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAA,YAAA,EAAe,IAAI,CAAA,KAAA,CAAO,CAAC;;8GAN7F,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAA7B,6BAA6B,EAAA,CAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBADzC;8BAI8B,mBAAmB,EAAA,CAAA;sBAA/C;;;MCJU,uBAAuB,CAAA;AADpC,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,iBAAiB,GAAqB,MAAM,CAAC,gBAAgB,CAAC;AAE/E,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAEjE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AAEzC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAsBrD;AApBC,IAAA,aAAa,CAAC,IAAY,EAAA;QACxB,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,YAAY;AACjF,QAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC;;IAGlD,aAAa,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE;;IAG1B,SAAS,CAAC,GAAW,EAAE,MAAgB,EAAA;QACrC,OAAO,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC;;AAGtD,IAAA,cAAc,CAAC,WAAwB,EAAE,IAAa,EAAE,OAA+B,EAAA;AACrF,QAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC;;AAG1E,IAAA,iBAAiB,CAAC,GAAW,EAAE,KAAa,EAAE,OAA8C,EAAA;AAC1F,QAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC;;8GA3B3D,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAvB,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC;;;ACgBD;;;;;;;;;;;AAWG;AACG,SAAU,kBAAkB,CAAC,MAAyB,EAAA;AAC1D,IAAA,OAAO,wBAAwB,CAAC;QAC9B,6BAA6B;QAC7B,uBAAuB;AACvB,QAAA,gBAAgB,CAAC;AACf,YAAA,MAAM,EAAE;gBACN,cAAc,EAAE,MAAM,CAAC,cAAc;gBACrC,WAAW,EAAE,MAAM,CAAC,WAAW;gBAC/B,YAAY,EAAE,MAAM,CAAC,YAAY;AACjC,gBAAA,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,IAAI,IAAI;AACzD,gBAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;AACjC,gBAAA,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,CAAC;AACxC,gBAAA,cAAc,EAAE;AACd,oBAAA,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,IAAI;AAC3C,oBAAA,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,IAAI,IAAI;AAC7D,oBAAA,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,KAAK;AACvC,iBAAA;AACF,aAAA;AACD,YAAA,MAAM,EAAE,6BAA6B;SACtC,CAAC;AACF,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;YACxB,QAAQ,EAAE,MAAM,CAAC,cAAc;AAChC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,YAAY;YACrB,QAAQ,EAAE,MAAM,CAAC,WAAW;AAC7B,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM,CAAC,YAAY;AAC9B,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,sBAAsB;YAC/B,QAAQ,EAAE,MAAM,CAAC,oBAAoB;AACtC,SAAA;AACF,KAAA,CAAC;AACJ;AAEM,SAAU,eAAe,CAAC,MAAyB,EAAA;IACvD,OAAO,YAAY,8CAAsC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AACxF;;AC5EA;;AAEG;;;;"}
|
package/forms/index.d.ts
CHANGED
|
@@ -1,2 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { ValidatorFn, AbstractControl, FormGroup, FormControl } from '@angular/forms';
|
|
2
|
+
|
|
3
|
+
declare enum EuroLocale {
|
|
4
|
+
AT = "AT",
|
|
5
|
+
BE = "BE",
|
|
6
|
+
BG = "BG",
|
|
7
|
+
CY = "CY",
|
|
8
|
+
CZ = "CZ",
|
|
9
|
+
DE = "DE",
|
|
10
|
+
DK = "DK",
|
|
11
|
+
EE = "EE",
|
|
12
|
+
GR = "GR",
|
|
13
|
+
ES = "ES",
|
|
14
|
+
FI = "FI",
|
|
15
|
+
FR = "FR",
|
|
16
|
+
GB = "GB",
|
|
17
|
+
HU = "HU",
|
|
18
|
+
IE = "IE",
|
|
19
|
+
IT = "IT",
|
|
20
|
+
LT = "LT",
|
|
21
|
+
LU = "LU",
|
|
22
|
+
LV = "LV",
|
|
23
|
+
MT = "MT",
|
|
24
|
+
NL = "NL",
|
|
25
|
+
PL = "PL",
|
|
26
|
+
PT = "PT",
|
|
27
|
+
RO = "RO",
|
|
28
|
+
SE = "SE",
|
|
29
|
+
SI = "SI",
|
|
30
|
+
SK = "SK"
|
|
31
|
+
}
|
|
32
|
+
declare const europeanVatNumber: Record<EuroLocale, RegExp>;
|
|
33
|
+
declare function fileMaxSize(maxSize: number): ValidatorFn;
|
|
34
|
+
declare function fileMinSize(minSize: number): ValidatorFn;
|
|
35
|
+
declare function isFile(): ValidatorFn;
|
|
36
|
+
declare function fileType(fileTypes: string[]): (control: AbstractControl) => Record<string, any> | null;
|
|
37
|
+
declare function fileExtensions(list: string[]): (control: AbstractControl) => Record<string, any> | null;
|
|
38
|
+
declare function requiredCheckbox(): (control: AbstractControl) => Record<string, any> | null;
|
|
39
|
+
declare function minDate(dateToCompare: Date): (control: AbstractControl) => Record<string, any> | null;
|
|
40
|
+
declare function maxDate(dateToCompare: Date): (control: AbstractControl) => Record<string, any> | null;
|
|
41
|
+
declare function dateBetween(start: Date, end: Date): (control: AbstractControl) => Record<string, any> | null;
|
|
42
|
+
declare function isFiscalCode(): (control: AbstractControl) => Record<string, any> | null;
|
|
43
|
+
declare function isVatNumber(localeList: EuroLocale[]): (control: AbstractControl) => Record<string, any> | null;
|
|
44
|
+
declare function wysiwygRequired(): (control: AbstractControl) => Record<string, any> | null;
|
|
45
|
+
|
|
46
|
+
type FormGroupModel<T> = FormGroup<{
|
|
47
|
+
[K in keyof T]: FormControl<T[K]>;
|
|
48
|
+
}>;
|
|
49
|
+
|
|
50
|
+
export { EuroLocale, dateBetween, europeanVatNumber, fileExtensions, fileMaxSize, fileMinSize, fileType, isFile, isFiscalCode, isVatNumber, maxDate, minDate, requiredCheckbox, wysiwygRequired };
|
|
51
|
+
export type { FormGroupModel };
|
package/index.d.ts
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { InjectionToken, Provider, EnvironmentProviders } from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare const QUANG_CONFIG: InjectionToken<QuangConfig>;
|
|
4
|
+
declare const QUANG_LOGGING_BEHAVIOR: InjectionToken<"normal" | "verbose">;
|
|
5
|
+
interface QuangConfig {
|
|
5
6
|
verbose?: boolean;
|
|
6
7
|
baseHref?: string;
|
|
7
8
|
}
|
|
8
9
|
/** The list of features as an enum to uniquely type each feature. */
|
|
9
|
-
|
|
10
|
+
declare const enum QuangFeatureKind {
|
|
10
11
|
AuthFeature = 0,
|
|
11
12
|
TranslationFeature = 1,
|
|
12
13
|
LoaderFeature = 2
|
|
13
14
|
}
|
|
14
15
|
/** Helper type to represent a Quang feature. */
|
|
15
|
-
|
|
16
|
+
interface QuangFeature<FeatureKind extends QuangFeatureKind> {
|
|
16
17
|
ɵkind: FeatureKind;
|
|
17
18
|
ɵproviders: (Provider | EnvironmentProviders)[];
|
|
18
19
|
}
|
|
19
20
|
/** Helper function to create an object that represents a Quang feature. */
|
|
20
|
-
|
|
21
|
+
declare function quangFeature<FeatureKind extends QuangFeatureKind>(kind: FeatureKind, providers: (Provider | EnvironmentProviders)[]): QuangFeature<FeatureKind>;
|
|
21
22
|
/**
|
|
22
23
|
* A type alias that represents all Quang features available for use with `provideQuangConfig`.
|
|
23
24
|
* Features can be enabled by adding special functions to the `provideQuangConfig` call.
|
|
@@ -26,5 +27,8 @@ export declare function quangFeature<FeatureKind extends QuangFeatureKind>(kind:
|
|
|
26
27
|
*
|
|
27
28
|
* @see {@link provideQuangConfig}
|
|
28
29
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
type QuangFeatures = QuangFeature<QuangFeatureKind>;
|
|
31
|
+
declare function provideQuangConfig(config?: QuangConfig, ...features: QuangFeatures[]): EnvironmentProviders;
|
|
32
|
+
|
|
33
|
+
export { QUANG_CONFIG, QUANG_LOGGING_BEHAVIOR, QuangFeatureKind, provideQuangConfig, quangFeature };
|
|
34
|
+
export type { QuangConfig, QuangFeature, QuangFeatures };
|
package/loader/index.d.ts
CHANGED
|
@@ -1,4 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { HttpInterceptorFn } from '@angular/common/http';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
3
|
+
import { InjectionToken, EnvironmentProviders } from '@angular/core';
|
|
4
|
+
import { UrlData } from 'quang/shared';
|
|
5
|
+
import * as rxjs from 'rxjs';
|
|
6
|
+
import { QuangFeature, QuangFeatureKind } from 'quang';
|
|
7
|
+
|
|
8
|
+
declare const LOADER_EXCLUDED_URLS: InjectionToken<UrlData[]>;
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated
|
|
11
|
+
* @see {@link LOADER_EXCLUDED_URLS}
|
|
12
|
+
*/
|
|
13
|
+
declare const EXCLUDED_URL: InjectionToken<UrlData[]>;
|
|
14
|
+
declare const quangLoaderInterceptor: HttpInterceptorFn;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* @example
|
|
18
|
+
* <quang-loader></quang-loader>
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* <quang-loader>
|
|
22
|
+
* custom loader here
|
|
23
|
+
* </quang-loader>
|
|
24
|
+
*/
|
|
25
|
+
declare class QuangLoaderComponent {
|
|
26
|
+
/**
|
|
27
|
+
* Minimum time (in milliseconds) to show the loader for
|
|
28
|
+
* @default 500
|
|
29
|
+
*/
|
|
30
|
+
showAtLeastFor: _angular_core.InputSignal<number>;
|
|
31
|
+
private readonly loaderService;
|
|
32
|
+
isLoading: _angular_core.Signal<boolean>;
|
|
33
|
+
showLoaderBuffer$: rxjs.Observable<boolean>;
|
|
34
|
+
showLoader: _angular_core.Signal<boolean | undefined>;
|
|
35
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangLoaderComponent, never>;
|
|
36
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangLoaderComponent, "quang-loader", never, { "showAtLeastFor": { "alias": "showAtLeastFor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare class QuangLoaderService {
|
|
40
|
+
private loaderState;
|
|
41
|
+
isLoading: _angular_core.Signal<boolean>;
|
|
42
|
+
show(): void;
|
|
43
|
+
hide(): void;
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangLoaderService, never>;
|
|
45
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangLoaderService>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* @example
|
|
50
|
+
* export const appConfig: ApplicationConfig = {
|
|
51
|
+
* providers: [
|
|
52
|
+
* provideLoader([
|
|
53
|
+
* {
|
|
54
|
+
* url: 'assets',
|
|
55
|
+
* method: 'GET',
|
|
56
|
+
* },
|
|
57
|
+
* ])
|
|
58
|
+
* ]
|
|
59
|
+
* }
|
|
60
|
+
*/
|
|
61
|
+
declare function provideQuangLoaderExcludedUrls(excludedUrls: UrlData[]): EnvironmentProviders;
|
|
62
|
+
declare function withLoaderExcludedUrls(excludedUrls: UrlData[]): QuangFeature<QuangFeatureKind.LoaderFeature>;
|
|
63
|
+
/**
|
|
64
|
+
* @deprecated
|
|
65
|
+
* @see {@link provideQuangLoaderExcludedUrls}
|
|
66
|
+
*/
|
|
67
|
+
declare const provideLoader: typeof provideQuangLoaderExcludedUrls;
|
|
68
|
+
|
|
69
|
+
export { EXCLUDED_URL, LOADER_EXCLUDED_URLS, QuangLoaderComponent, QuangLoaderService, provideLoader, provideQuangLoaderExcludedUrls, quangLoaderInterceptor, withLoaderExcludedUrls };
|
package/overlay/modal/index.d.ts
CHANGED
|
@@ -1 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import { AfterViewInit, OnDestroy } from '@angular/core';
|
|
5
|
+
import { CdkPortal } from '@angular/cdk/portal';
|
|
6
|
+
|
|
7
|
+
type ModalAnimationMode = 'SLIDE_FROM_LEFT_TO_RIGHT' | 'SLIDE_FROM_RIGHT_TO_LEFT' | 'SLIDE_TOP_TO_BOTTOM' | 'SLIDE_BOTTOM_TO_TOP' | 'FADE';
|
|
8
|
+
declare class QuangModalComponent implements AfterViewInit, OnDestroy {
|
|
9
|
+
private readonly overlay;
|
|
10
|
+
readonly portal?: CdkPortal;
|
|
11
|
+
backdropClick: _angular_core.OutputEmitterRef<void>;
|
|
12
|
+
position: _angular_core.InputSignal<"right" | "left" | "center">;
|
|
13
|
+
height: _angular_core.InputSignal<string>;
|
|
14
|
+
width: _angular_core.InputSignal<string>;
|
|
15
|
+
padding: _angular_core.InputSignal<string>;
|
|
16
|
+
containerClass: _angular_core.InputSignal<string>;
|
|
17
|
+
animationMode: _angular_core.InputSignal<ModalAnimationMode | undefined>;
|
|
18
|
+
backgroundColor: _angular_core.InputSignal<string | undefined>;
|
|
19
|
+
showBackdrop: _angular_core.InputSignal<boolean>;
|
|
20
|
+
positionStrategy: _angular_core.Signal<_angular_cdk_overlay.GlobalPositionStrategy>;
|
|
21
|
+
animationClassEnter: _angular_core.Signal<"" | "left-to-right-enter-active" | "right-to-left-enter-active" | "top-to-bottom-enter-active" | "fade-enter-active">;
|
|
22
|
+
private readonly destroyRef;
|
|
23
|
+
private overlayConfig?;
|
|
24
|
+
private overlayRef?;
|
|
25
|
+
constructor(overlay: Overlay);
|
|
26
|
+
ngAfterViewInit(): void;
|
|
27
|
+
ngOnDestroy(): void;
|
|
28
|
+
closeModal(): void;
|
|
29
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangModalComponent, never>;
|
|
30
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangModalComponent, "quang-modal", never, { "position": { "alias": "position"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "animationMode": { "alias": "animationMode"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; }, never, ["[header]", "[body]", "[footer]"], true, never>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { QuangModalComponent };
|
|
34
|
+
export type { ModalAnimationMode };
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
import { ComponentType } from '@angular/cdk/portal';
|
|
4
|
+
import { QuangBaseOverlayComponent, QuangBaseOverlayDirective } from 'quang/overlay/shared';
|
|
5
|
+
import * as rxjs from 'rxjs';
|
|
6
|
+
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
7
|
+
|
|
8
|
+
declare class QuangPopoverComponent implements QuangBaseOverlayComponent {
|
|
9
|
+
overlayContent: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
10
|
+
positionPair: _angular_core.WritableSignal<ConnectionPositionPair | null>;
|
|
11
|
+
payload: _angular_core.InputSignal<any>;
|
|
12
|
+
getPopoverPosition: _angular_core.WritableSignal<string>;
|
|
13
|
+
onChangePositionPair$: rxjs.Subscription;
|
|
14
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPopoverComponent, never>;
|
|
15
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangPopoverComponent, "quang-popover", never, { "overlayContent": { "alias": "overlayContent"; "required": false; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare class QuangPopoverDirective extends QuangBaseOverlayDirective<QuangPopoverComponent> {
|
|
19
|
+
targetComponentType: _angular_core.WritableSignal<ComponentType<QuangPopoverComponent> | undefined>;
|
|
20
|
+
content: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPopoverDirective, never>;
|
|
22
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QuangPopoverDirective, "[quangPopover]", never, { "content": { "alias": "quangPopover"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { QuangPopoverDirective };
|
|
@@ -1,3 +1,116 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy, DestroyRef, NgZone } from '@angular/core';
|
|
3
|
+
import { ConnectionPositionPair, ConnectedPosition } from '@angular/cdk/overlay';
|
|
4
|
+
import { ComponentType } from '@angular/cdk/portal';
|
|
5
|
+
import { Platform } from '@angular/cdk/platform';
|
|
6
|
+
import { ViewportScrollPosition } from '@angular/cdk/scrolling';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
8
|
+
|
|
9
|
+
declare abstract class QuangBaseOverlayComponent {
|
|
10
|
+
overlayContent: _angular_core.InputSignal<any>;
|
|
11
|
+
payload: _angular_core.InputSignal<any>;
|
|
12
|
+
positionPair: _angular_core.WritableSignal<ConnectionPositionPair | null>;
|
|
13
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangBaseOverlayComponent, never>;
|
|
14
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangBaseOverlayComponent, "quang-base-overlay-component", never, { "overlayContent": { "alias": "overlayContent"; "required": true; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare abstract class QuangBaseOverlayDirective<T extends QuangBaseOverlayComponent> implements OnDestroy {
|
|
18
|
+
targetComponentType: _angular_core.WritableSignal<ComponentType<T> | undefined>;
|
|
19
|
+
/**
|
|
20
|
+
* The amount of pixels needed for the popover to automatically disappear. If undefined the popover will not disappear on scroll
|
|
21
|
+
* Default: 100
|
|
22
|
+
* @default 100
|
|
23
|
+
*/
|
|
24
|
+
scrollCloseThreshold: _angular_core.InputSignal<number | undefined>;
|
|
25
|
+
showMethod: _angular_core.InputSignal<"click" | "hover">;
|
|
26
|
+
content: _angular_core.InputSignal<any>;
|
|
27
|
+
quangOverlayPayload: _angular_core.InputSignal<any>;
|
|
28
|
+
closeOnClickOutside: boolean;
|
|
29
|
+
overlayPosition: _angular_core.InputSignal<"top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "right">;
|
|
30
|
+
destroyRef: DestroyRef;
|
|
31
|
+
private top;
|
|
32
|
+
private topLeft;
|
|
33
|
+
private topRight;
|
|
34
|
+
private bottom;
|
|
35
|
+
private bottomLeft;
|
|
36
|
+
private bottomRight;
|
|
37
|
+
private left;
|
|
38
|
+
private right;
|
|
39
|
+
tooltipPosition: _angular_core.Signal<ConnectedPosition[]>;
|
|
40
|
+
private overlayRef;
|
|
41
|
+
private readonly overlay;
|
|
42
|
+
private readonly overlayPositionBuilder;
|
|
43
|
+
private readonly elementRef;
|
|
44
|
+
private positionStrategy;
|
|
45
|
+
private componentOverlayRef;
|
|
46
|
+
onClick(): void;
|
|
47
|
+
onHover(): void;
|
|
48
|
+
onLeave(): void;
|
|
49
|
+
attachOverlay(): void;
|
|
50
|
+
detachOverlay(): void;
|
|
51
|
+
showHideOverlay(): void;
|
|
52
|
+
ngOnDestroy(): void;
|
|
53
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangBaseOverlayDirective<any>, never>;
|
|
54
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QuangBaseOverlayDirective<any>, never, never, { "scrollCloseThreshold": { "alias": "scrollCloseThreshold"; "required": false; "isSignal": true; }; "showMethod": { "alias": "showMethod"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": true; "isSignal": true; }; "quangOverlayPayload": { "alias": "quangOverlayPayload"; "required": false; "isSignal": true; }; "overlayPosition": { "alias": "overlayPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Class cloe of [ViewportRuler](https://github.com/angular/components/blob/master/src/cdk/scrolling/viewport-ruler.ts)
|
|
59
|
+
* To fix the wrong reported size of the viewport on mobile devices with hidden url bars
|
|
60
|
+
* Issues references:
|
|
61
|
+
* https://github.com/angular/components/issues/18890
|
|
62
|
+
* https://github.com/angular/components/issues/27739
|
|
63
|
+
*
|
|
64
|
+
* To use this component provide it instead of `ViewportRuler`
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* providers: [
|
|
68
|
+
* {
|
|
69
|
+
* provide: ViewportRuler,
|
|
70
|
+
* useClass: CustomViewportRuler
|
|
71
|
+
* }
|
|
72
|
+
* ]
|
|
73
|
+
*/
|
|
74
|
+
declare class CustomViewportRuler implements OnDestroy {
|
|
75
|
+
private _platform;
|
|
76
|
+
/** Used to reference correct document/window */
|
|
77
|
+
protected _document: Document;
|
|
78
|
+
/** Cached viewport dimensions. */
|
|
79
|
+
private _viewportSize;
|
|
80
|
+
/** Stream of viewport change events. */
|
|
81
|
+
private readonly _change;
|
|
82
|
+
constructor(_platform: Platform, ngZone: NgZone, document: any);
|
|
83
|
+
ngOnDestroy(): void;
|
|
84
|
+
/** Returns the viewport's width and height. */
|
|
85
|
+
getViewportSize(): Readonly<{
|
|
86
|
+
width: number;
|
|
87
|
+
height: number;
|
|
88
|
+
}>;
|
|
89
|
+
/** Gets a DOMRect for the viewport's bounds. */
|
|
90
|
+
getViewportRect(): {
|
|
91
|
+
top: number;
|
|
92
|
+
left: number;
|
|
93
|
+
bottom: number;
|
|
94
|
+
right: number;
|
|
95
|
+
height: number;
|
|
96
|
+
width: number;
|
|
97
|
+
};
|
|
98
|
+
/** Gets the (top, left) scroll position of the viewport. */
|
|
99
|
+
getViewportScrollPosition(): ViewportScrollPosition;
|
|
100
|
+
/**
|
|
101
|
+
* Returns a stream that emits whenever the size of the viewport changes.
|
|
102
|
+
* This stream emits outside of the Angular zone.
|
|
103
|
+
* @param throttleTime Time in milliseconds to throttle the stream.
|
|
104
|
+
*/
|
|
105
|
+
change(throttleTime?: number): Observable<Event>;
|
|
106
|
+
/** Event listener that will be used to handle the viewport change events. */
|
|
107
|
+
private _changeListener;
|
|
108
|
+
/** Use defaultView of injected document if available or fallback to global window reference */
|
|
109
|
+
private _getWindow;
|
|
110
|
+
/** Updates the cached viewport size. */
|
|
111
|
+
private _updateViewportSize;
|
|
112
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomViewportRuler, [null, null, { optional: true; }]>;
|
|
113
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<CustomViewportRuler>;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export { CustomViewportRuler, QuangBaseOverlayComponent, QuangBaseOverlayDirective };
|
package/overlay/toast/index.d.ts
CHANGED
|
@@ -1,2 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as quang_overlay_toast from 'quang/overlay/toast';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
3
|
+
import { TemplateRef } from '@angular/core';
|
|
4
|
+
import * as node_modules__ngrx_signals_src_deep_signal from 'node_modules/@ngrx/signals/src/deep-signal';
|
|
5
|
+
|
|
6
|
+
interface ToastData {
|
|
7
|
+
type: 'success' | 'warning' | 'error';
|
|
8
|
+
title?: string;
|
|
9
|
+
position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';
|
|
10
|
+
timing: number;
|
|
11
|
+
text?: string;
|
|
12
|
+
textValue?: string;
|
|
13
|
+
showCloseButton?: boolean;
|
|
14
|
+
date?: Date;
|
|
15
|
+
dateFormat?: string;
|
|
16
|
+
customTemplate?: TemplateRef<any>;
|
|
17
|
+
customIcon?: string;
|
|
18
|
+
hideHeader?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare class QuangToastService {
|
|
21
|
+
private toastState;
|
|
22
|
+
isShowing: _angular_core.Signal<boolean>;
|
|
23
|
+
count: node_modules__ngrx_signals_src_deep_signal.Signal<number>;
|
|
24
|
+
currentTimeout: node_modules__ngrx_signals_src_deep_signal.Signal<number | null>;
|
|
25
|
+
openToast(toastData: ToastData): void;
|
|
26
|
+
closeToast(): void;
|
|
27
|
+
currentToast: _angular_core.WritableSignal<ToastData | null>;
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangToastService, never>;
|
|
29
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangToastService>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
declare class QuangToastComponent {
|
|
33
|
+
toastService: _angular_core.WritableSignal<QuangToastService>;
|
|
34
|
+
readonly isShowing: _angular_core.Signal<boolean>;
|
|
35
|
+
showAtLeastFor: _angular_core.InputSignal<number>;
|
|
36
|
+
private showToastBuffer$;
|
|
37
|
+
showToast: _angular_core.Signal<boolean | undefined>;
|
|
38
|
+
readonly _currentToast: _angular_core.WritableSignal<quang_overlay_toast.ToastData | null>;
|
|
39
|
+
close(): void;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangToastComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangToastComponent, "quang-toast", never, { "showAtLeastFor": { "alias": "showAtLeastFor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { QuangToastComponent, QuangToastService };
|
|
45
|
+
export type { ToastData };
|