@agnos-ui/angular-bootstrap 0.7.0 → 0.8.0-next.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/agnos-ui-angular.module.d.ts +1 -1
- package/components/collapse/collapse.component.d.ts +8 -0
- package/components/collapse/collapse.gen.d.ts +4 -0
- package/components/slider/slider.component.d.ts +58 -11
- package/components/slider/slider.gen.d.ts +107 -9
- package/fesm2022/agnos-ui-angular-bootstrap.mjs +333 -96
- package/fesm2022/agnos-ui-angular-bootstrap.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1 } from '@agnos-ui/angular-headless';
|
|
2
2
|
export * from '@agnos-ui/angular-headless';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { InjectionToken, inject, TemplateRef, Directive, viewChild, Component, ChangeDetectionStrategy, input, contentChild, output, ViewEncapsulation, forwardRef,
|
|
4
|
+
import { InjectionToken, inject, TemplateRef, Directive, viewChild, Component, ChangeDetectionStrategy, input, contentChild, output, ViewEncapsulation, forwardRef, signal, afterRenderEffect, Injector, runInInjectionContext, NgModule, ApplicationRef, createComponent, EnvironmentInjector, OutputEmitterRef, Injectable } from '@angular/core';
|
|
5
5
|
import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
|
|
6
6
|
import { getPaginationDefaultConfig, createPagination } from '@agnos-ui/core-bootstrap/components/pagination';
|
|
7
7
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
@@ -168,7 +168,7 @@ class ModalStructureDirective {
|
|
|
168
168
|
}
|
|
169
169
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalStructureDirective, [{
|
|
170
170
|
type: Directive,
|
|
171
|
-
args: [{ selector: 'ng-template[auModalStructure]'
|
|
171
|
+
args: [{ selector: 'ng-template[auModalStructure]' }]
|
|
172
172
|
}], null, null); })();
|
|
173
173
|
/**
|
|
174
174
|
* Directive to provide the slot header for the modal widget.
|
|
@@ -186,7 +186,7 @@ class ModalHeaderDirective {
|
|
|
186
186
|
}
|
|
187
187
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalHeaderDirective, [{
|
|
188
188
|
type: Directive,
|
|
189
|
-
args: [{ selector: 'ng-template[auModalHeader]'
|
|
189
|
+
args: [{ selector: 'ng-template[auModalHeader]' }]
|
|
190
190
|
}], null, null); })();
|
|
191
191
|
/**
|
|
192
192
|
* Directive to provide the slot title for the modal widget.
|
|
@@ -204,7 +204,7 @@ class ModalTitleDirective {
|
|
|
204
204
|
}
|
|
205
205
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalTitleDirective, [{
|
|
206
206
|
type: Directive,
|
|
207
|
-
args: [{ selector: 'ng-template[auModalTitle]'
|
|
207
|
+
args: [{ selector: 'ng-template[auModalTitle]' }]
|
|
208
208
|
}], null, null); })();
|
|
209
209
|
/**
|
|
210
210
|
* Directive to provide the default slot for the modal widget.
|
|
@@ -222,7 +222,7 @@ class ModalBodyDirective {
|
|
|
222
222
|
}
|
|
223
223
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalBodyDirective, [{
|
|
224
224
|
type: Directive,
|
|
225
|
-
args: [{ selector: 'ng-template[auModalBody]'
|
|
225
|
+
args: [{ selector: 'ng-template[auModalBody]' }]
|
|
226
226
|
}], null, null); })();
|
|
227
227
|
/**
|
|
228
228
|
* Directive to provide the slot footer for the modal widget.
|
|
@@ -240,7 +240,7 @@ class ModalFooterDirective {
|
|
|
240
240
|
}
|
|
241
241
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalFooterDirective, [{
|
|
242
242
|
type: Directive,
|
|
243
|
-
args: [{ selector: 'ng-template[auModalFooter]'
|
|
243
|
+
args: [{ selector: 'ng-template[auModalFooter]' }]
|
|
244
244
|
}], null, null); })();
|
|
245
245
|
/**
|
|
246
246
|
* Component containing the default slots for the modal.
|
|
@@ -713,7 +713,7 @@ class PaginationEllipsisDirective {
|
|
|
713
713
|
}
|
|
714
714
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationEllipsisDirective, [{
|
|
715
715
|
type: Directive,
|
|
716
|
-
args: [{ selector: 'ng-template[auPaginationEllipsis]'
|
|
716
|
+
args: [{ selector: 'ng-template[auPaginationEllipsis]' }]
|
|
717
717
|
}], null, null); })();
|
|
718
718
|
/**
|
|
719
719
|
* A directive to use to give the 'first' link template to the pagination component
|
|
@@ -731,7 +731,7 @@ class PaginationFirstDirective {
|
|
|
731
731
|
}
|
|
732
732
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationFirstDirective, [{
|
|
733
733
|
type: Directive,
|
|
734
|
-
args: [{ selector: 'ng-template[auPaginationFirst]'
|
|
734
|
+
args: [{ selector: 'ng-template[auPaginationFirst]' }]
|
|
735
735
|
}], null, null); })();
|
|
736
736
|
/**
|
|
737
737
|
* A directive to use to give the 'last' link template to the pagination component
|
|
@@ -749,7 +749,7 @@ class PaginationLastDirective {
|
|
|
749
749
|
}
|
|
750
750
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationLastDirective, [{
|
|
751
751
|
type: Directive,
|
|
752
|
-
args: [{ selector: 'ng-template[auPaginationLast]'
|
|
752
|
+
args: [{ selector: 'ng-template[auPaginationLast]' }]
|
|
753
753
|
}], null, null); })();
|
|
754
754
|
/**
|
|
755
755
|
* A directive to use to give the 'next' link template to the pagination component
|
|
@@ -767,7 +767,7 @@ class PaginationNextDirective {
|
|
|
767
767
|
}
|
|
768
768
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationNextDirective, [{
|
|
769
769
|
type: Directive,
|
|
770
|
-
args: [{ selector: 'ng-template[auPaginationNext]'
|
|
770
|
+
args: [{ selector: 'ng-template[auPaginationNext]' }]
|
|
771
771
|
}], null, null); })();
|
|
772
772
|
/**
|
|
773
773
|
* A directive to use to give the page 'number' template to the pagination component
|
|
@@ -785,7 +785,7 @@ class PaginationNumberDirective {
|
|
|
785
785
|
}
|
|
786
786
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationNumberDirective, [{
|
|
787
787
|
type: Directive,
|
|
788
|
-
args: [{ selector: 'ng-template[auPaginationNumber]'
|
|
788
|
+
args: [{ selector: 'ng-template[auPaginationNumber]' }]
|
|
789
789
|
}], null, null); })();
|
|
790
790
|
/**
|
|
791
791
|
* A directive to use to give the 'previous' link template to the pagination component
|
|
@@ -803,7 +803,7 @@ class PaginationPreviousDirective {
|
|
|
803
803
|
}
|
|
804
804
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationPreviousDirective, [{
|
|
805
805
|
type: Directive,
|
|
806
|
-
args: [{ selector: 'ng-template[auPaginationPrevious]'
|
|
806
|
+
args: [{ selector: 'ng-template[auPaginationPrevious]' }]
|
|
807
807
|
}], null, null); })();
|
|
808
808
|
/**
|
|
809
809
|
* A directive to use to give the 'Pages' template for the Pages slot
|
|
@@ -821,7 +821,7 @@ class PaginationPagesDirective {
|
|
|
821
821
|
}
|
|
822
822
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationPagesDirective, [{
|
|
823
823
|
type: Directive,
|
|
824
|
-
args: [{ selector: 'ng-template[auPaginationPages]'
|
|
824
|
+
args: [{ selector: 'ng-template[auPaginationPages]' }]
|
|
825
825
|
}], null, null); })();
|
|
826
826
|
/**
|
|
827
827
|
* Directive to provide the slot structure for the pagination widget.
|
|
@@ -839,7 +839,7 @@ class PaginationStructureDirective {
|
|
|
839
839
|
}
|
|
840
840
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationStructureDirective, [{
|
|
841
841
|
type: Directive,
|
|
842
|
-
args: [{ selector: 'ng-template[auPaginationStructure]'
|
|
842
|
+
args: [{ selector: 'ng-template[auPaginationStructure]' }]
|
|
843
843
|
}], null, null); })();
|
|
844
844
|
class PaginationDefaultSlotsComponent {
|
|
845
845
|
constructor() {
|
|
@@ -1325,7 +1325,7 @@ class RatingStarDirective {
|
|
|
1325
1325
|
}
|
|
1326
1326
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RatingStarDirective, [{
|
|
1327
1327
|
type: Directive,
|
|
1328
|
-
args: [{ selector: 'ng-template[auRatingStar]'
|
|
1328
|
+
args: [{ selector: 'ng-template[auRatingStar]' }]
|
|
1329
1329
|
}], null, null); })();
|
|
1330
1330
|
/**
|
|
1331
1331
|
* The `RatingComponent` is an Angular component that allows users to provide a rating.
|
|
@@ -1592,7 +1592,7 @@ class SelectBadgeLabelDirective {
|
|
|
1592
1592
|
}
|
|
1593
1593
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectBadgeLabelDirective, [{
|
|
1594
1594
|
type: Directive,
|
|
1595
|
-
args: [{ selector: 'ng-template[auSelectBadgeLabel]'
|
|
1595
|
+
args: [{ selector: 'ng-template[auSelectBadgeLabel]' }]
|
|
1596
1596
|
}], null, null); })();
|
|
1597
1597
|
/**
|
|
1598
1598
|
* Directive to provide a custom label template for select items.
|
|
@@ -1616,7 +1616,7 @@ class SelectItemLabelDirective {
|
|
|
1616
1616
|
}
|
|
1617
1617
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectItemLabelDirective, [{
|
|
1618
1618
|
type: Directive,
|
|
1619
|
-
args: [{ selector: 'ng-template[auSelectItemLabel]'
|
|
1619
|
+
args: [{ selector: 'ng-template[auSelectItemLabel]' }]
|
|
1620
1620
|
}], null, null); })();
|
|
1621
1621
|
/**
|
|
1622
1622
|
* A component that represents a customizable select dropdown widget.
|
|
@@ -1933,7 +1933,7 @@ class AlertBodyDirective {
|
|
|
1933
1933
|
}
|
|
1934
1934
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertBodyDirective, [{
|
|
1935
1935
|
type: Directive,
|
|
1936
|
-
args: [{ selector: 'ng-template[auAlertBody]'
|
|
1936
|
+
args: [{ selector: 'ng-template[auAlertBody]' }]
|
|
1937
1937
|
}], null, null); })();
|
|
1938
1938
|
/**
|
|
1939
1939
|
* Directive to define the structure of an alert component.
|
|
@@ -1952,7 +1952,7 @@ class AlertStructureDirective {
|
|
|
1952
1952
|
}
|
|
1953
1953
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertStructureDirective, [{
|
|
1954
1954
|
type: Directive,
|
|
1955
|
-
args: [{ selector: 'ng-template[auAlertStructure]'
|
|
1955
|
+
args: [{ selector: 'ng-template[auAlertStructure]' }]
|
|
1956
1956
|
}], null, null); })();
|
|
1957
1957
|
class AlertDefaultSlotsComponent {
|
|
1958
1958
|
constructor() {
|
|
@@ -2366,7 +2366,7 @@ class AccordionBodyDirective {
|
|
|
2366
2366
|
}
|
|
2367
2367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionBodyDirective, [{
|
|
2368
2368
|
type: Directive,
|
|
2369
|
-
args: [{ selector: 'ng-template[auAccordionItemBody]'
|
|
2369
|
+
args: [{ selector: 'ng-template[auAccordionItemBody]' }]
|
|
2370
2370
|
}], null, null); })();
|
|
2371
2371
|
/**
|
|
2372
2372
|
* Directive to be used as an accordion header.
|
|
@@ -2385,7 +2385,7 @@ class AccordionHeaderDirective {
|
|
|
2385
2385
|
}
|
|
2386
2386
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionHeaderDirective, [{
|
|
2387
2387
|
type: Directive,
|
|
2388
|
-
args: [{ selector: 'ng-template[auAccordionItemHeader]'
|
|
2388
|
+
args: [{ selector: 'ng-template[auAccordionItemHeader]' }]
|
|
2389
2389
|
}], null, null); })();
|
|
2390
2390
|
/**
|
|
2391
2391
|
* Directive that represents the structure of an accordion item.
|
|
@@ -2405,7 +2405,7 @@ class AccordionItemStructureDirective {
|
|
|
2405
2405
|
}
|
|
2406
2406
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionItemStructureDirective, [{
|
|
2407
2407
|
type: Directive,
|
|
2408
|
-
args: [{ selector: 'ng-template[auAccordionItemStructure]'
|
|
2408
|
+
args: [{ selector: 'ng-template[auAccordionItemStructure]' }]
|
|
2409
2409
|
}], null, null); })();
|
|
2410
2410
|
class AccordionItemDefaultSlotsComponent {
|
|
2411
2411
|
constructor() {
|
|
@@ -2793,7 +2793,6 @@ class AccordionDirective extends BaseWidgetDirective {
|
|
|
2793
2793
|
args: [{
|
|
2794
2794
|
selector: '[auAccordion]',
|
|
2795
2795
|
exportAs: 'auAccordion',
|
|
2796
|
-
standalone: true,
|
|
2797
2796
|
host: {
|
|
2798
2797
|
class: 'accordion',
|
|
2799
2798
|
},
|
|
@@ -2816,26 +2815,78 @@ const _c0$3 = ["handle"];
|
|
|
2816
2815
|
const _c1$3 = a0 => ({ item: a0 });
|
|
2817
2816
|
const _c2$3 = (a0, a1) => [a0, a1];
|
|
2818
2817
|
function SliderDefaultHandleSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
2818
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
2819
2819
|
i0.ɵɵelementStart(0, "button", 2);
|
|
2820
|
+
i0.ɵɵlistener("keydown", function SliderDefaultHandleSlotComponent_ng_template_0_Template_button_keydown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onKeyDown($event)); });
|
|
2820
2821
|
i0.ɵɵtext(1, "\u00A0");
|
|
2821
2822
|
i0.ɵɵelementEnd();
|
|
2822
2823
|
} if (rf & 2) {
|
|
2823
|
-
const
|
|
2824
|
-
const
|
|
2825
|
-
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3,
|
|
2824
|
+
const directives_r3 = ctx.directives;
|
|
2825
|
+
const item_r4 = ctx.item;
|
|
2826
|
+
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r3.handleDirective, i0.ɵɵpureFunction1(1, _c1$3, item_r4)));
|
|
2827
|
+
} }
|
|
2828
|
+
const _c3$3 = ["tick"];
|
|
2829
|
+
const _c4$3 = a0 => ({ tick: a0 });
|
|
2830
|
+
function SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
2831
|
+
i0.ɵɵelementStart(0, "span", 2);
|
|
2832
|
+
i0.ɵɵtext(1);
|
|
2833
|
+
i0.ɵɵelementEnd();
|
|
2834
|
+
} if (rf & 2) {
|
|
2835
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
2836
|
+
const directives_r2 = ctx_r0.directives;
|
|
2837
|
+
const tick_r3 = ctx_r0.tick;
|
|
2838
|
+
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(4, _c2$3, directives_r2.tickLabelDirective, i0.ɵɵpureFunction1(2, _c4$3, tick_r3)));
|
|
2839
|
+
i0.ɵɵadvance();
|
|
2840
|
+
i0.ɵɵtextInterpolate1(" ", tick_r3.value, " ");
|
|
2841
|
+
} }
|
|
2842
|
+
function SliderDefaultTickSlotComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2843
|
+
i0.ɵɵnamespaceSVG();
|
|
2844
|
+
i0.ɵɵelementStart(0, "svg", 3);
|
|
2845
|
+
i0.ɵɵelement(1, "circle", 4);
|
|
2846
|
+
i0.ɵɵelementEnd();
|
|
2847
|
+
} if (rf & 2) {
|
|
2848
|
+
const state_r4 = i0.ɵɵnextContext().state;
|
|
2849
|
+
i0.ɵɵadvance();
|
|
2850
|
+
i0.ɵɵattribute("stroke", state_r4.disabled() ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-neutral-color)");
|
|
2851
|
+
} }
|
|
2852
|
+
function SliderDefaultTickSlotComponent_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
2853
|
+
i0.ɵɵnamespaceSVG();
|
|
2854
|
+
i0.ɵɵelementStart(0, "svg", 3);
|
|
2855
|
+
i0.ɵɵelement(1, "circle", 5)(2, "circle", 6);
|
|
2856
|
+
i0.ɵɵelementEnd();
|
|
2857
|
+
} if (rf & 2) {
|
|
2858
|
+
const state_r4 = i0.ɵɵnextContext().state;
|
|
2859
|
+
i0.ɵɵadvance();
|
|
2860
|
+
i0.ɵɵattribute("fill", state_r4.disabled() ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-selected-color)");
|
|
2861
|
+
} }
|
|
2862
|
+
function SliderDefaultTickSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
2863
|
+
i0.ɵɵtemplate(0, SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template, 2, 7, "span", 2);
|
|
2864
|
+
i0.ɵɵelementStart(1, "span", 2);
|
|
2865
|
+
i0.ɵɵtemplate(2, SliderDefaultTickSlotComponent_ng_template_0_Conditional_2_Template, 2, 1, ":svg:svg", 3)(3, SliderDefaultTickSlotComponent_ng_template_0_Conditional_3_Template, 3, 1, ":svg:svg", 3);
|
|
2866
|
+
i0.ɵɵelementEnd();
|
|
2867
|
+
} if (rf & 2) {
|
|
2868
|
+
const directives_r2 = ctx.directives;
|
|
2869
|
+
const tick_r3 = ctx.tick;
|
|
2870
|
+
i0.ɵɵconditional(tick_r3.displayLabel ? 0 : -1);
|
|
2871
|
+
i0.ɵɵadvance();
|
|
2872
|
+
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$3, directives_r2.tickDirective, i0.ɵɵpureFunction1(3, _c4$3, tick_r3)));
|
|
2873
|
+
i0.ɵɵadvance();
|
|
2874
|
+
i0.ɵɵconditional(!tick_r3.selected ? 2 : 3);
|
|
2826
2875
|
} }
|
|
2827
|
-
const
|
|
2876
|
+
const _c5$2 = ["structure"];
|
|
2877
|
+
const _c6$1 = a0 => ({ option: a0 });
|
|
2878
|
+
const _c7$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, value: a3 });
|
|
2879
|
+
const _c8$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, tick: a3 });
|
|
2880
|
+
const _c9 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
|
|
2881
|
+
const _c10 = a0 => ({ index: a0 });
|
|
2828
2882
|
const _forTrack0 = ($index, $item) => $item.id;
|
|
2829
|
-
const
|
|
2830
|
-
const _c5$2 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, value: a3 });
|
|
2831
|
-
const _c6$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
|
|
2832
|
-
const _c7$1 = a0 => ({ index: a0 });
|
|
2883
|
+
const _forTrack1 = ($index, $item) => $item.position;
|
|
2833
2884
|
function SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
2834
2885
|
i0.ɵɵelement(0, "div", 2);
|
|
2835
2886
|
} if (rf & 2) {
|
|
2836
2887
|
const option_r1 = ctx.$implicit;
|
|
2837
2888
|
const directives_r2 = i0.ɵɵnextContext().directives;
|
|
2838
|
-
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r2.progressDisplayDirective, i0.ɵɵpureFunction1(1,
|
|
2889
|
+
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r2.progressDisplayDirective, i0.ɵɵpureFunction1(1, _c6$1, option_r1)));
|
|
2839
2890
|
} }
|
|
2840
2891
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_ng_template_1_Template(rf, ctx) { }
|
|
2841
2892
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_ng_template_3_Template(rf, ctx) { }
|
|
@@ -2853,11 +2904,11 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_Templat
|
|
|
2853
2904
|
const api_r5 = ctx_r2.api;
|
|
2854
2905
|
i0.ɵɵproperty("auUse", directives_r2.minLabelDirective);
|
|
2855
2906
|
i0.ɵɵadvance();
|
|
2856
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(6,
|
|
2907
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(6, _c7$1, state_r4, api_r5, directives_r2, state_r4.min()));
|
|
2857
2908
|
i0.ɵɵadvance();
|
|
2858
2909
|
i0.ɵɵproperty("auUse", directives_r2.maxLabelDirective);
|
|
2859
2910
|
i0.ɵɵadvance();
|
|
2860
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(11,
|
|
2911
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(11, _c7$1, state_r4, api_r5, directives_r2, state_r4.max()));
|
|
2861
2912
|
} }
|
|
2862
2913
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
|
|
2863
2914
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_1_ng_template_2_Template(rf, ctx) { }
|
|
@@ -2870,9 +2921,9 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditi
|
|
|
2870
2921
|
const state_r4 = ctx_r2.state;
|
|
2871
2922
|
const directives_r2 = ctx_r2.directives;
|
|
2872
2923
|
const api_r5 = ctx_r2.api;
|
|
2873
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4,
|
|
2924
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
|
|
2874
2925
|
i0.ɵɵadvance(2);
|
|
2875
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9,
|
|
2926
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
|
|
2876
2927
|
} }
|
|
2877
2928
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_2_ng_template_0_Template(rf, ctx) { }
|
|
2878
2929
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_2_ng_template_2_Template(rf, ctx) { }
|
|
@@ -2885,9 +2936,9 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditi
|
|
|
2885
2936
|
const state_r4 = ctx_r2.state;
|
|
2886
2937
|
const directives_r2 = ctx_r2.directives;
|
|
2887
2938
|
const api_r5 = ctx_r2.api;
|
|
2888
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4,
|
|
2939
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
|
|
2889
2940
|
i0.ɵɵadvance(2);
|
|
2890
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9,
|
|
2941
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
|
|
2891
2942
|
} }
|
|
2892
2943
|
function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
2893
2944
|
i0.ɵɵelementStart(0, "div", 2);
|
|
@@ -2902,30 +2953,41 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Templat
|
|
|
2902
2953
|
i0.ɵɵconditional(state_r4.rtl() ? 1 : 2);
|
|
2903
2954
|
} }
|
|
2904
2955
|
function SliderDefaultStructureSlotComponent_ng_template_0_For_6_ng_template_0_Template(rf, ctx) { }
|
|
2905
|
-
function
|
|
2906
|
-
|
|
2956
|
+
function SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
2957
|
+
i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_6_ng_template_0_Template, 0, 0, "ng-template", 3);
|
|
2958
|
+
} if (rf & 2) {
|
|
2959
|
+
const tick_r6 = ctx.$implicit;
|
|
2960
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
2961
|
+
const state_r4 = ctx_r2.state;
|
|
2962
|
+
const directives_r2 = ctx_r2.directives;
|
|
2963
|
+
const api_r5 = ctx_r2.api;
|
|
2964
|
+
i0.ɵɵproperty("auSlot", state_r4.tick())("auSlotProps", i0.ɵɵpureFunction4(2, _c8$1, state_r4, api_r5, directives_r2, tick_r6));
|
|
2965
|
+
} }
|
|
2966
|
+
function SliderDefaultStructureSlotComponent_ng_template_0_For_8_ng_template_0_Template(rf, ctx) { }
|
|
2967
|
+
function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_ng_template_1_Template(rf, ctx) { }
|
|
2968
|
+
function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
2907
2969
|
i0.ɵɵelementStart(0, "div", 2);
|
|
2908
|
-
i0.ɵɵtemplate(1,
|
|
2970
|
+
i0.ɵɵtemplate(1, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_ng_template_1_Template, 0, 0, "ng-template", 3);
|
|
2909
2971
|
i0.ɵɵelementEnd();
|
|
2910
2972
|
} if (rf & 2) {
|
|
2911
|
-
const ɵ$
|
|
2973
|
+
const ɵ$index_35_r7 = i0.ɵɵnextContext().$index;
|
|
2912
2974
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
2913
2975
|
const state_r4 = ctx_r2.state;
|
|
2914
2976
|
const directives_r2 = ctx_r2.directives;
|
|
2915
2977
|
const api_r5 = ctx_r2.api;
|
|
2916
|
-
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$3, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3,
|
|
2978
|
+
i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$3, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3, _c10, ɵ$index_35_r7)));
|
|
2917
2979
|
i0.ɵɵadvance();
|
|
2918
|
-
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(8,
|
|
2980
|
+
i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(8, _c7$1, state_r4, api_r5, directives_r2, state_r4.values()[ɵ$index_35_r7]));
|
|
2919
2981
|
} }
|
|
2920
|
-
function
|
|
2921
|
-
i0.ɵɵtemplate(0,
|
|
2982
|
+
function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
2983
|
+
i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_8_ng_template_0_Template, 0, 0, "ng-template", 3)(1, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_Template, 2, 13, "div", 2);
|
|
2922
2984
|
} if (rf & 2) {
|
|
2923
|
-
const
|
|
2985
|
+
const item_r8 = ctx.$implicit;
|
|
2924
2986
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
2925
2987
|
const state_r4 = ctx_r2.state;
|
|
2926
2988
|
const directives_r2 = ctx_r2.directives;
|
|
2927
2989
|
const api_r5 = ctx_r2.api;
|
|
2928
|
-
i0.ɵɵproperty("auSlot", state_r4.handle())("auSlotProps", i0.ɵɵpureFunction4(3,
|
|
2990
|
+
i0.ɵɵproperty("auSlot", state_r4.handle())("auSlotProps", i0.ɵɵpureFunction4(3, _c9, state_r4, api_r5, directives_r2, item_r8));
|
|
2929
2991
|
i0.ɵɵadvance();
|
|
2930
2992
|
i0.ɵɵconditional(state_r4.showValueLabels() && !state_r4.combinedLabelDisplay() ? 1 : -1);
|
|
2931
2993
|
} }
|
|
@@ -2933,7 +2995,8 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
|
|
|
2933
2995
|
i0.ɵɵrepeaterCreate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template, 1, 6, "div", 2, _forTrack0);
|
|
2934
2996
|
i0.ɵɵelement(2, "div", 2);
|
|
2935
2997
|
i0.ɵɵtemplate(3, SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_Template, 4, 16)(4, SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Template, 3, 2, "div", 2);
|
|
2936
|
-
i0.ɵɵrepeaterCreate(5, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template,
|
|
2998
|
+
i0.ɵɵrepeaterCreate(5, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template, 1, 7, null, 3, _forTrack1);
|
|
2999
|
+
i0.ɵɵrepeaterCreate(7, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Template, 2, 8, null, null, _forTrack0);
|
|
2937
3000
|
} if (rf & 2) {
|
|
2938
3001
|
const state_r4 = ctx.state;
|
|
2939
3002
|
const directives_r2 = ctx.directives;
|
|
@@ -2945,10 +3008,12 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
|
|
|
2945
3008
|
i0.ɵɵadvance();
|
|
2946
3009
|
i0.ɵɵconditional(state_r4.showValueLabels() && state_r4.combinedLabelDisplay() ? 4 : -1);
|
|
2947
3010
|
i0.ɵɵadvance();
|
|
3011
|
+
i0.ɵɵrepeater(state_r4.ticks());
|
|
3012
|
+
i0.ɵɵadvance(2);
|
|
2948
3013
|
i0.ɵɵrepeater(state_r4.sortedHandles());
|
|
2949
3014
|
} }
|
|
2950
|
-
const
|
|
2951
|
-
const
|
|
3015
|
+
const _c11 = ["auSlider", ""];
|
|
3016
|
+
const _c12 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
|
|
2952
3017
|
function SliderComponent_ng_template_0_Template(rf, ctx) { }
|
|
2953
3018
|
/**
|
|
2954
3019
|
* Directive to provide a template reference for slider labels.
|
|
@@ -2967,12 +3032,12 @@ class SliderLabelDirective {
|
|
|
2967
3032
|
}
|
|
2968
3033
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderLabelDirective, [{
|
|
2969
3034
|
type: Directive,
|
|
2970
|
-
args: [{ selector: 'ng-template[auSliderLabel]'
|
|
3035
|
+
args: [{ selector: 'ng-template[auSliderLabel]' }]
|
|
2971
3036
|
}], null, null); })();
|
|
2972
3037
|
/**
|
|
2973
3038
|
* Directive representing a handle for a slider component.
|
|
2974
3039
|
*
|
|
2975
|
-
* This directive uses a template reference to render the {@link
|
|
3040
|
+
* This directive uses a template reference to render the {@link SliderSlotHandleContext}.
|
|
2976
3041
|
*/
|
|
2977
3042
|
class SliderHandleDirective {
|
|
2978
3043
|
constructor() {
|
|
@@ -2986,18 +3051,49 @@ class SliderHandleDirective {
|
|
|
2986
3051
|
}
|
|
2987
3052
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderHandleDirective, [{
|
|
2988
3053
|
type: Directive,
|
|
2989
|
-
args: [{ selector: 'ng-template[auSliderHandle]'
|
|
3054
|
+
args: [{ selector: 'ng-template[auSliderHandle]' }]
|
|
2990
3055
|
}], null, null); })();
|
|
2991
3056
|
class SliderDefaultHandleSlotComponent {
|
|
2992
3057
|
constructor() {
|
|
2993
3058
|
this.handle = viewChild.required('handle');
|
|
3059
|
+
/**
|
|
3060
|
+
* When the element moves up the DOM Angluar removes the focus
|
|
3061
|
+
* To avoid this we need to manually focus the element by calling the HTMLElement.focus
|
|
3062
|
+
* after the change, afterRenderEffect is executed after each render of the component
|
|
3063
|
+
* and when the signal inside is changed. On each key stroke we set the `refocus` signal
|
|
3064
|
+
* to the element that needs to be focused and we put the `equal` function to always return
|
|
3065
|
+
* `false` in order to trigger the change even when the element is the same
|
|
3066
|
+
*/
|
|
3067
|
+
this.refocus = signal(undefined, { equal: () => false });
|
|
3068
|
+
afterRenderEffect(() => {
|
|
3069
|
+
this.refocus()?.focus();
|
|
3070
|
+
});
|
|
3071
|
+
}
|
|
3072
|
+
/**
|
|
3073
|
+
* Key handler that sets the refocus element only on the key strokes that move
|
|
3074
|
+
* the element up the DOM
|
|
3075
|
+
* @param event object containting key stroke and the target element
|
|
3076
|
+
*/
|
|
3077
|
+
onKeyDown(event) {
|
|
3078
|
+
switch (event.key) {
|
|
3079
|
+
case 'ArrowDown':
|
|
3080
|
+
case 'ArrowLeft':
|
|
3081
|
+
case 'Home':
|
|
3082
|
+
case 'ArrowUp':
|
|
3083
|
+
case 'ArrowRight':
|
|
3084
|
+
case 'End':
|
|
3085
|
+
this.refocus.set(event.target);
|
|
3086
|
+
break;
|
|
3087
|
+
default:
|
|
3088
|
+
break;
|
|
3089
|
+
}
|
|
2994
3090
|
}
|
|
2995
3091
|
static { this.ɵfac = function SliderDefaultHandleSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultHandleSlotComponent)(); }; }
|
|
2996
3092
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultHandleSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultHandleSlotComponent_Query(rf, ctx) { if (rf & 1) {
|
|
2997
3093
|
i0.ɵɵviewQuerySignal(ctx.handle, _c0$3, 5);
|
|
2998
3094
|
} if (rf & 2) {
|
|
2999
3095
|
i0.ɵɵqueryAdvance();
|
|
3000
|
-
} }, decls: 2, vars: 0, consts: [["handle", ""], ["auSliderHandle", ""], [3, "auUse"]], template: function SliderDefaultHandleSlotComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3096
|
+
} }, decls: 2, vars: 0, consts: [["handle", ""], ["auSliderHandle", ""], [3, "keydown", "auUse"]], template: function SliderDefaultHandleSlotComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3001
3097
|
i0.ɵɵtemplate(0, SliderDefaultHandleSlotComponent_ng_template_0_Template, 2, 6, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
|
|
3002
3098
|
} }, dependencies: [UseDirective, SliderHandleDirective], encapsulation: 2, changeDetection: 0 }); }
|
|
3003
3099
|
}
|
|
@@ -3008,16 +3104,101 @@ class SliderDefaultHandleSlotComponent {
|
|
|
3008
3104
|
imports: [UseDirective, SliderHandleDirective],
|
|
3009
3105
|
template: `
|
|
3010
3106
|
<ng-template auSliderHandle #handle let-state="state" let-directives="directives" let-item="item">
|
|
3011
|
-
<button [auUse]="[directives.handleDirective, {item}]"> </button>
|
|
3107
|
+
<button [auUse]="[directives.handleDirective, {item}]" (keydown)="onKeyDown($event)"> </button>
|
|
3012
3108
|
</ng-template>
|
|
3013
3109
|
`,
|
|
3014
3110
|
}]
|
|
3015
|
-
}],
|
|
3016
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultHandleSlotComponent, { className: "SliderDefaultHandleSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber:
|
|
3111
|
+
}], () => [], null); })();
|
|
3112
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultHandleSlotComponent, { className: "SliderDefaultHandleSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 65 }); })();
|
|
3017
3113
|
/**
|
|
3018
3114
|
* A constant representing the default slot handle for the slider component.
|
|
3019
3115
|
*/
|
|
3020
3116
|
const sliderDefaultSlotHandle = new ComponentTemplate(SliderDefaultHandleSlotComponent, 'handle');
|
|
3117
|
+
/**
|
|
3118
|
+
* Directive representing a tick for a slider component.
|
|
3119
|
+
*
|
|
3120
|
+
* This directive uses a template reference to render the {@link SliderSlotTickContext}.
|
|
3121
|
+
*/
|
|
3122
|
+
class SliderTickDirective {
|
|
3123
|
+
constructor() {
|
|
3124
|
+
this.templateRef = inject((TemplateRef));
|
|
3125
|
+
}
|
|
3126
|
+
static ngTemplateContextGuard(_dir, context) {
|
|
3127
|
+
return true;
|
|
3128
|
+
}
|
|
3129
|
+
static { this.ɵfac = function SliderTickDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderTickDirective)(); }; }
|
|
3130
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SliderTickDirective, selectors: [["ng-template", "auSliderTick", ""]] }); }
|
|
3131
|
+
}
|
|
3132
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderTickDirective, [{
|
|
3133
|
+
type: Directive,
|
|
3134
|
+
args: [{ selector: 'ng-template[auSliderTick]' }]
|
|
3135
|
+
}], null, null); })();
|
|
3136
|
+
class SliderDefaultTickSlotComponent {
|
|
3137
|
+
constructor() {
|
|
3138
|
+
this.tick = viewChild.required('tick');
|
|
3139
|
+
}
|
|
3140
|
+
static { this.ɵfac = function SliderDefaultTickSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultTickSlotComponent)(); }; }
|
|
3141
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultTickSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultTickSlotComponent_Query(rf, ctx) { if (rf & 1) {
|
|
3142
|
+
i0.ɵɵviewQuerySignal(ctx.tick, _c3$3, 5);
|
|
3143
|
+
} if (rf & 2) {
|
|
3144
|
+
i0.ɵɵqueryAdvance();
|
|
3145
|
+
} }, decls: 2, vars: 0, consts: [["tick", ""], ["auSliderTick", ""], [3, "auUse"], ["xmlns", "http://www.w3.org/2000/svg", "fill", "none", 2, "width", "var(--bs-slider-tick-secondary-size)", "height", "var(--bs-slider-tick-primary-size)"], ["cx", "50%", "cy", "50%", "r", "45%", "fill", "white", "stroke-width", "1.5"], ["cx", "50%", "cy", "50%", "r", "50%"], ["cx", "50%", "cy", "50%", "r", "25%", "fill", "white"]], template: function SliderDefaultTickSlotComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3146
|
+
i0.ɵɵtemplate(0, SliderDefaultTickSlotComponent_ng_template_0_Template, 4, 8, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
|
|
3147
|
+
} }, dependencies: [UseDirective, SliderTickDirective], encapsulation: 2, changeDetection: 0 }); }
|
|
3148
|
+
}
|
|
3149
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderDefaultTickSlotComponent, [{
|
|
3150
|
+
type: Component,
|
|
3151
|
+
args: [{
|
|
3152
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3153
|
+
imports: [UseDirective, SliderTickDirective],
|
|
3154
|
+
template: `
|
|
3155
|
+
<ng-template auSliderTick #tick let-state="state" let-directives="directives" let-tick="tick">
|
|
3156
|
+
@if (tick.displayLabel) {
|
|
3157
|
+
<span [auUse]="[directives.tickLabelDirective, {tick}]">
|
|
3158
|
+
{{ tick.value }}
|
|
3159
|
+
</span>
|
|
3160
|
+
}
|
|
3161
|
+
<span [auUse]="[directives.tickDirective, {tick}]">
|
|
3162
|
+
@if (!tick.selected) {
|
|
3163
|
+
<svg
|
|
3164
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3165
|
+
style="width: var(--bs-slider-tick-secondary-size); height: var(--bs-slider-tick-primary-size);"
|
|
3166
|
+
fill="none"
|
|
3167
|
+
>
|
|
3168
|
+
<circle
|
|
3169
|
+
cx="50%"
|
|
3170
|
+
cy="50%"
|
|
3171
|
+
r="45%"
|
|
3172
|
+
fill="white"
|
|
3173
|
+
[attr.stroke]="state.disabled() ? 'var(--bs-slider-tick-disabled-color)' : 'var(--bs-slider-tick-neutral-color)'"
|
|
3174
|
+
stroke-width="1.5"
|
|
3175
|
+
/>
|
|
3176
|
+
</svg>
|
|
3177
|
+
} @else {
|
|
3178
|
+
<svg
|
|
3179
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3180
|
+
style="width: var(--bs-slider-tick-secondary-size); height: var(--bs-slider-tick-primary-size);"
|
|
3181
|
+
fill="none"
|
|
3182
|
+
>
|
|
3183
|
+
<circle
|
|
3184
|
+
cx="50%"
|
|
3185
|
+
cy="50%"
|
|
3186
|
+
r="50%"
|
|
3187
|
+
[attr.fill]="state.disabled() ? 'var(--bs-slider-tick-disabled-color)' : 'var(--bs-slider-tick-selected-color)'"
|
|
3188
|
+
/>
|
|
3189
|
+
<circle cx="50%" cy="50%" r="25%" fill="white" />
|
|
3190
|
+
</svg>
|
|
3191
|
+
}
|
|
3192
|
+
</span>
|
|
3193
|
+
</ng-template>
|
|
3194
|
+
`,
|
|
3195
|
+
}]
|
|
3196
|
+
}], null, null); })();
|
|
3197
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultTickSlotComponent, { className: "SliderDefaultTickSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 168 }); })();
|
|
3198
|
+
/**
|
|
3199
|
+
* A constant representing the default slot tick for the slider component.
|
|
3200
|
+
*/
|
|
3201
|
+
const sliderDefaultSlotTick = new ComponentTemplate(SliderDefaultTickSlotComponent, 'tick');
|
|
3021
3202
|
/**
|
|
3022
3203
|
* Directive that provides structure for the slider component.
|
|
3023
3204
|
*
|
|
@@ -3035,7 +3216,7 @@ class SliderStructureDirective {
|
|
|
3035
3216
|
}
|
|
3036
3217
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderStructureDirective, [{
|
|
3037
3218
|
type: Directive,
|
|
3038
|
-
args: [{ selector: 'ng-template[auSliderStructure]'
|
|
3219
|
+
args: [{ selector: 'ng-template[auSliderStructure]' }]
|
|
3039
3220
|
}], null, null); })();
|
|
3040
3221
|
class SliderDefaultStructureSlotComponent {
|
|
3041
3222
|
constructor() {
|
|
@@ -3043,11 +3224,11 @@ class SliderDefaultStructureSlotComponent {
|
|
|
3043
3224
|
}
|
|
3044
3225
|
static { this.ɵfac = function SliderDefaultStructureSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultStructureSlotComponent)(); }; }
|
|
3045
3226
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultStructureSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultStructureSlotComponent_Query(rf, ctx) { if (rf & 1) {
|
|
3046
|
-
i0.ɵɵviewQuerySignal(ctx.structure,
|
|
3227
|
+
i0.ɵɵviewQuerySignal(ctx.structure, _c5$2, 5);
|
|
3047
3228
|
} if (rf & 2) {
|
|
3048
3229
|
i0.ɵɵqueryAdvance();
|
|
3049
3230
|
} }, decls: 2, vars: 0, consts: [["structure", ""], ["auSliderStructure", ""], [3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function SliderDefaultStructureSlotComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3050
|
-
i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_Template,
|
|
3231
|
+
i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_Template, 9, 3, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
|
|
3051
3232
|
} }, dependencies: [SlotDirective, SliderStructureDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
|
|
3052
3233
|
}
|
|
3053
3234
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderDefaultStructureSlotComponent, [{
|
|
@@ -3080,6 +3261,9 @@ class SliderDefaultStructureSlotComponent {
|
|
|
3080
3261
|
}
|
|
3081
3262
|
</div>
|
|
3082
3263
|
}
|
|
3264
|
+
@for (tick of state.ticks(); track tick.position) {
|
|
3265
|
+
<ng-template [auSlot]="state.tick()" [auSlotProps]="{state, api, directives, tick}" />
|
|
3266
|
+
}
|
|
3083
3267
|
@for (item of state.sortedHandles(); track item.id; let i = $index) {
|
|
3084
3268
|
<ng-template [auSlot]="state.handle()" [auSlotProps]="{state, api, directives, item}" />
|
|
3085
3269
|
@if (state.showValueLabels() && !state.combinedLabelDisplay()) {
|
|
@@ -3092,7 +3276,7 @@ class SliderDefaultStructureSlotComponent {
|
|
|
3092
3276
|
`,
|
|
3093
3277
|
}]
|
|
3094
3278
|
}], null, null); })();
|
|
3095
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultStructureSlotComponent, { className: "SliderDefaultStructureSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber:
|
|
3279
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultStructureSlotComponent, { className: "SliderDefaultStructureSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 232 }); })();
|
|
3096
3280
|
/**
|
|
3097
3281
|
* Represents the default slot structure for the slider component.
|
|
3098
3282
|
*/
|
|
@@ -3110,6 +3294,7 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3110
3294
|
defaultConfig: {
|
|
3111
3295
|
structure: sliderDefaultSlotStructure,
|
|
3112
3296
|
handle: sliderDefaultSlotHandle,
|
|
3297
|
+
tick: sliderDefaultSlotTick,
|
|
3113
3298
|
},
|
|
3114
3299
|
events: {
|
|
3115
3300
|
onValuesChange: (event) => {
|
|
@@ -3125,6 +3310,7 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3125
3310
|
structure: this.slotStructureFromContent()?.templateRef,
|
|
3126
3311
|
handle: this.slotHandleFromContent()?.templateRef,
|
|
3127
3312
|
label: this.slotLabelFromContent()?.templateRef,
|
|
3313
|
+
tick: this.slotTickFromContent()?.templateRef,
|
|
3128
3314
|
}),
|
|
3129
3315
|
}));
|
|
3130
3316
|
/**
|
|
@@ -3177,25 +3363,32 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3177
3363
|
this.showMinMaxLabels = input(undefined, { alias: 'auShowMinMaxLabels', transform: auBooleanAttribute });
|
|
3178
3364
|
/**
|
|
3179
3365
|
* Return the value for the 'aria-label' attribute for the handle
|
|
3180
|
-
* @param value - value of the handle
|
|
3181
3366
|
* @param sortedIndex - index of the handle in the sorted list
|
|
3182
|
-
* @param index - index of the handle in the original list
|
|
3183
3367
|
*
|
|
3184
3368
|
* @defaultValue
|
|
3185
3369
|
* ```ts
|
|
3186
|
-
* (
|
|
3370
|
+
* () => 'Value'
|
|
3371
|
+
* ```
|
|
3372
|
+
*/
|
|
3373
|
+
this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
|
|
3374
|
+
/**
|
|
3375
|
+
* Return the value for the 'aria-labelledBy' attribute for the handle
|
|
3376
|
+
* @param sortedIndex - index of the handle in the sorted list
|
|
3377
|
+
*
|
|
3378
|
+
* @defaultValue
|
|
3379
|
+
* ```ts
|
|
3380
|
+
* () => ''
|
|
3187
3381
|
* ```
|
|
3188
3382
|
*/
|
|
3189
|
-
this.
|
|
3383
|
+
this.ariaLabelledBy = input(undefined, { alias: 'auAriaLabelledBy' });
|
|
3190
3384
|
/**
|
|
3191
3385
|
* Return the value for the 'aria-valuetext' attribute for the handle
|
|
3192
3386
|
* @param value - value of the handle
|
|
3193
3387
|
* @param sortedIndex - index of the handle in the sorted list
|
|
3194
|
-
* @param index - index of the handle in the original list
|
|
3195
3388
|
*
|
|
3196
3389
|
* @defaultValue
|
|
3197
3390
|
* ```ts
|
|
3198
|
-
* (value: number) => ''
|
|
3391
|
+
* (value: number) => ''
|
|
3199
3392
|
* ```
|
|
3200
3393
|
*/
|
|
3201
3394
|
this.ariaValueText = input(undefined, { alias: 'auAriaValueText' });
|
|
@@ -3217,6 +3410,25 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3217
3410
|
* @defaultValue `false`
|
|
3218
3411
|
*/
|
|
3219
3412
|
this.vertical = input(undefined, { alias: 'auVertical', transform: auBooleanAttribute });
|
|
3413
|
+
/**
|
|
3414
|
+
* If `true` the ticks are displayed on the slider
|
|
3415
|
+
*
|
|
3416
|
+
* @defaultValue `false`
|
|
3417
|
+
*/
|
|
3418
|
+
this.showTicks = input(undefined, { alias: 'auShowTicks', transform: auBooleanAttribute });
|
|
3419
|
+
/**
|
|
3420
|
+
* Unit value between the ticks
|
|
3421
|
+
* If value is set to `0` the {@link stepSize} is used to space the ticks
|
|
3422
|
+
*
|
|
3423
|
+
* @defaultValue `0`
|
|
3424
|
+
*/
|
|
3425
|
+
this.tickInterval = input(undefined, { alias: 'auTickInterval', transform: auNumberAttribute });
|
|
3426
|
+
/**
|
|
3427
|
+
* If `true` the tick values are displayed on the slider
|
|
3428
|
+
*
|
|
3429
|
+
* @defaultValue `true`
|
|
3430
|
+
*/
|
|
3431
|
+
this.showTickValues = input(undefined, { alias: 'auShowTickValues', transform: auBooleanAttribute });
|
|
3220
3432
|
/**
|
|
3221
3433
|
* An event emitted when slider values are changed
|
|
3222
3434
|
*
|
|
@@ -3248,6 +3460,11 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3248
3460
|
*/
|
|
3249
3461
|
this.handle = input(undefined, { alias: 'auHandle' });
|
|
3250
3462
|
this.slotHandleFromContent = contentChild(SliderHandleDirective);
|
|
3463
|
+
/**
|
|
3464
|
+
* Slot to change the ticks
|
|
3465
|
+
*/
|
|
3466
|
+
this.tick = input(undefined, { alias: 'auTick' });
|
|
3467
|
+
this.slotTickFromContent = contentChild(SliderTickDirective);
|
|
3251
3468
|
/**
|
|
3252
3469
|
* Control value accessor methods
|
|
3253
3470
|
*/
|
|
@@ -3285,14 +3502,15 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3285
3502
|
i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotLabelFromContent, SliderLabelDirective, 5);
|
|
3286
3503
|
i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, SliderStructureDirective, 5);
|
|
3287
3504
|
i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHandleFromContent, SliderHandleDirective, 5);
|
|
3505
|
+
i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotTickFromContent, SliderTickDirective, 5);
|
|
3288
3506
|
} if (rf & 2) {
|
|
3289
|
-
i0.ɵɵqueryAdvance(
|
|
3507
|
+
i0.ɵɵqueryAdvance(4);
|
|
3290
3508
|
} }, hostBindings: function SliderComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
3291
3509
|
i0.ɵɵlistener("blur", function SliderComponent_blur_HostBindingHandler() { return ctx.handleBlur(); });
|
|
3292
|
-
} }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"],
|
|
3510
|
+
} }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaValueText: [1, "auAriaValueText", "ariaValueText"], readonly: [1, "auReadonly", "readonly"], disabled: [1, "auDisabled", "disabled"], vertical: [1, "auVertical", "vertical"], showTicks: [1, "auShowTicks", "showTicks"], tickInterval: [1, "auTickInterval", "tickInterval"], showTickValues: [1, "auShowTickValues", "showTickValues"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"], tick: [1, "auTick", "tick"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c11, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3293
3511
|
i0.ɵɵtemplate(0, SliderComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
|
|
3294
3512
|
} if (rf & 2) {
|
|
3295
|
-
i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2,
|
|
3513
|
+
i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c12, ctx.state, ctx.api, ctx.directives));
|
|
3296
3514
|
} }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
|
|
3297
3515
|
}
|
|
3298
3516
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
|
|
@@ -3309,7 +3527,7 @@ class SliderComponent extends BaseWidgetDirective {
|
|
|
3309
3527
|
template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
|
|
3310
3528
|
}]
|
|
3311
3529
|
}], () => [], null); })();
|
|
3312
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber:
|
|
3530
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 257 }); })();
|
|
3313
3531
|
|
|
3314
3532
|
/**
|
|
3315
3533
|
* Retrieve a shallow copy of the default Progressbar config
|
|
@@ -3365,7 +3583,7 @@ class ProgressbarBodyDirective {
|
|
|
3365
3583
|
}
|
|
3366
3584
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressbarBodyDirective, [{
|
|
3367
3585
|
type: Directive,
|
|
3368
|
-
args: [{ selector: 'ng-template[auProgressbarBody]'
|
|
3586
|
+
args: [{ selector: 'ng-template[auProgressbarBody]' }]
|
|
3369
3587
|
}], null, null); })();
|
|
3370
3588
|
/**
|
|
3371
3589
|
* Directive to define the structure of a progress bar.
|
|
@@ -3384,7 +3602,7 @@ class ProgressbarStructureDirective {
|
|
|
3384
3602
|
}
|
|
3385
3603
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressbarStructureDirective, [{
|
|
3386
3604
|
type: Directive,
|
|
3387
|
-
args: [{ selector: 'ng-template[auProgressbarStructure]'
|
|
3605
|
+
args: [{ selector: 'ng-template[auProgressbarStructure]' }]
|
|
3388
3606
|
}], null, null); })();
|
|
3389
3607
|
class ProgressbarDefaultSlotsComponent {
|
|
3390
3608
|
constructor() {
|
|
@@ -3654,7 +3872,7 @@ class ToastBodyDirective {
|
|
|
3654
3872
|
}
|
|
3655
3873
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastBodyDirective, [{
|
|
3656
3874
|
type: Directive,
|
|
3657
|
-
args: [{ selector: 'ng-template[auToastBody]'
|
|
3875
|
+
args: [{ selector: 'ng-template[auToastBody]' }]
|
|
3658
3876
|
}], null, null); })();
|
|
3659
3877
|
/**
|
|
3660
3878
|
* Directive to define the structure of a toast component.
|
|
@@ -3672,7 +3890,7 @@ class ToastStructureDirective {
|
|
|
3672
3890
|
}
|
|
3673
3891
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastStructureDirective, [{
|
|
3674
3892
|
type: Directive,
|
|
3675
|
-
args: [{ selector: 'ng-template[auToastStructure]'
|
|
3893
|
+
args: [{ selector: 'ng-template[auToastStructure]' }]
|
|
3676
3894
|
}], null, null); })();
|
|
3677
3895
|
/**
|
|
3678
3896
|
* Directive representing the header of a toast component.
|
|
@@ -3690,7 +3908,7 @@ class ToastHeaderDirective {
|
|
|
3690
3908
|
}
|
|
3691
3909
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastHeaderDirective, [{
|
|
3692
3910
|
type: Directive,
|
|
3693
|
-
args: [{ selector: 'ng-template[auToastHeader]'
|
|
3911
|
+
args: [{ selector: 'ng-template[auToastHeader]' }]
|
|
3694
3912
|
}], null, null); })();
|
|
3695
3913
|
class ToastDefaultSlotsComponent {
|
|
3696
3914
|
constructor() {
|
|
@@ -3876,7 +4094,7 @@ class ToastComponent extends BaseWidgetDirective {
|
|
|
3876
4094
|
i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$1, 5);
|
|
3877
4095
|
} if (rf & 2) {
|
|
3878
4096
|
i0.ɵɵqueryAdvance();
|
|
3879
|
-
} }, inputs: { dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], autoHide: [1, "auAutoHide", "autoHide"], delay: [1, "auDelay", "delay"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$1, ngContentSelectors: _c4$1, decls: 3, vars: 1, consts: [["content", ""], [
|
|
4097
|
+
} }, inputs: { dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], autoHide: [1, "auAutoHide", "autoHide"], delay: [1, "auDelay", "delay"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$1, ngContentSelectors: _c4$1, decls: 3, vars: 1, consts: [["content", ""], [3, "d-flex", "toast-dismissible", "auUseMulti"], [3, "auUseMulti"], [3, "auSlot", "auSlotProps"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3880
4098
|
i0.ɵɵprojectionDef();
|
|
3881
4099
|
i0.ɵɵtemplate(0, ToastComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, ToastComponent_Conditional_2_Template, 2, 15, "div", 1);
|
|
3882
4100
|
} if (rf & 2) {
|
|
@@ -3895,7 +4113,6 @@ class ToastComponent extends BaseWidgetDirective {
|
|
|
3895
4113
|
</ng-template>
|
|
3896
4114
|
@if (!state.hidden()) {
|
|
3897
4115
|
<div
|
|
3898
|
-
class="toast"
|
|
3899
4116
|
[class.d-flex]="!state.header()"
|
|
3900
4117
|
[class.toast-dismissible]="state.dismissible()"
|
|
3901
4118
|
[auUseMulti]="[directives.autoHideDirective, directives.transitionDirective, directives.bodyDirective]"
|
|
@@ -3905,7 +4122,7 @@ class ToastComponent extends BaseWidgetDirective {
|
|
|
3905
4122
|
}`,
|
|
3906
4123
|
}]
|
|
3907
4124
|
}], () => [], null); })();
|
|
3908
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "components/toast/toast.component.ts", lineNumber:
|
|
4125
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "components/toast/toast.component.ts", lineNumber: 103 }); })();
|
|
3909
4126
|
|
|
3910
4127
|
/**
|
|
3911
4128
|
* Directive to control the collapse behavior of an element.
|
|
@@ -3996,10 +4213,29 @@ class CollapseDirective extends BaseWidgetDirective {
|
|
|
3996
4213
|
type: Directive,
|
|
3997
4214
|
args: [{
|
|
3998
4215
|
selector: '[auCollapse]',
|
|
3999
|
-
standalone: true,
|
|
4000
4216
|
exportAs: 'auCollapse',
|
|
4001
4217
|
}]
|
|
4002
4218
|
}], () => [], null); })();
|
|
4219
|
+
class CollapseTriggerDirective {
|
|
4220
|
+
constructor() {
|
|
4221
|
+
this.auCollapseTrigger = input.required();
|
|
4222
|
+
this.injector = inject(Injector);
|
|
4223
|
+
}
|
|
4224
|
+
async ngOnInit() {
|
|
4225
|
+
await this.auCollapseTrigger()['_widget'].initialized;
|
|
4226
|
+
runInInjectionContext(this.injector, () => {
|
|
4227
|
+
useDirectiveForHost(this.auCollapseTrigger().directives.triggerDirective);
|
|
4228
|
+
});
|
|
4229
|
+
}
|
|
4230
|
+
static { this.ɵfac = function CollapseTriggerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapseTriggerDirective)(); }; }
|
|
4231
|
+
static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CollapseTriggerDirective, selectors: [["", "auCollapseTrigger", ""]], inputs: { auCollapseTrigger: [1, "auCollapseTrigger"] } }); }
|
|
4232
|
+
}
|
|
4233
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollapseTriggerDirective, [{
|
|
4234
|
+
type: Directive,
|
|
4235
|
+
args: [{
|
|
4236
|
+
selector: '[auCollapseTrigger]',
|
|
4237
|
+
}]
|
|
4238
|
+
}], null, null); })();
|
|
4003
4239
|
|
|
4004
4240
|
/**
|
|
4005
4241
|
* Retrieve a shallow copy of the default collapse config
|
|
@@ -4146,7 +4382,7 @@ class TreeStructureDirective {
|
|
|
4146
4382
|
}
|
|
4147
4383
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeStructureDirective, [{
|
|
4148
4384
|
type: Directive,
|
|
4149
|
-
args: [{ selector: 'ng-template[auTreeStructure]'
|
|
4385
|
+
args: [{ selector: 'ng-template[auTreeStructure]' }]
|
|
4150
4386
|
}], null, null); })();
|
|
4151
4387
|
class TreeDefaultStructureSlotComponent {
|
|
4152
4388
|
constructor() {
|
|
@@ -4167,7 +4403,6 @@ class TreeDefaultStructureSlotComponent {
|
|
|
4167
4403
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultStructureSlotComponent, [{
|
|
4168
4404
|
type: Component,
|
|
4169
4405
|
args: [{
|
|
4170
|
-
standalone: true,
|
|
4171
4406
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4172
4407
|
imports: [UseDirective, TreeStructureDirective, SlotDirective],
|
|
4173
4408
|
template: `
|
|
@@ -4181,7 +4416,7 @@ class TreeDefaultStructureSlotComponent {
|
|
|
4181
4416
|
`,
|
|
4182
4417
|
}]
|
|
4183
4418
|
}], null, null); })();
|
|
4184
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultStructureSlotComponent, { className: "TreeDefaultStructureSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber:
|
|
4419
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultStructureSlotComponent, { className: "TreeDefaultStructureSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 33 }); })();
|
|
4185
4420
|
/**
|
|
4186
4421
|
* A constant representing the default slot for tree structure.
|
|
4187
4422
|
*/
|
|
@@ -4203,7 +4438,7 @@ class TreeItemToggleDirective {
|
|
|
4203
4438
|
}
|
|
4204
4439
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemToggleDirective, [{
|
|
4205
4440
|
type: Directive,
|
|
4206
|
-
args: [{ selector: 'ng-template[auTreeItemToggle]'
|
|
4441
|
+
args: [{ selector: 'ng-template[auTreeItemToggle]' }]
|
|
4207
4442
|
}], null, null); })();
|
|
4208
4443
|
class TreeDefaultItemToggleSlotComponent {
|
|
4209
4444
|
constructor() {
|
|
@@ -4221,7 +4456,6 @@ class TreeDefaultItemToggleSlotComponent {
|
|
|
4221
4456
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemToggleSlotComponent, [{
|
|
4222
4457
|
type: Component,
|
|
4223
4458
|
args: [{
|
|
4224
|
-
standalone: true,
|
|
4225
4459
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4226
4460
|
imports: [UseDirective, TreeItemToggleDirective],
|
|
4227
4461
|
template: `
|
|
@@ -4237,7 +4471,7 @@ class TreeDefaultItemToggleSlotComponent {
|
|
|
4237
4471
|
`,
|
|
4238
4472
|
}]
|
|
4239
4473
|
}], null, null); })();
|
|
4240
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber:
|
|
4474
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 74 }); })();
|
|
4241
4475
|
/**
|
|
4242
4476
|
* A constant representing the default slot for tree item toggle.
|
|
4243
4477
|
*/
|
|
@@ -4259,7 +4493,7 @@ class TreeItemContentDirective {
|
|
|
4259
4493
|
}
|
|
4260
4494
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemContentDirective, [{
|
|
4261
4495
|
type: Directive,
|
|
4262
|
-
args: [{ selector: 'ng-template[auTreeItemContent]'
|
|
4496
|
+
args: [{ selector: 'ng-template[auTreeItemContent]' }]
|
|
4263
4497
|
}], null, null); })();
|
|
4264
4498
|
class TreeDefaultItemContentSlotComponent {
|
|
4265
4499
|
constructor() {
|
|
@@ -4277,7 +4511,6 @@ class TreeDefaultItemContentSlotComponent {
|
|
|
4277
4511
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemContentSlotComponent, [{
|
|
4278
4512
|
type: Component,
|
|
4279
4513
|
args: [{
|
|
4280
|
-
standalone: true,
|
|
4281
4514
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4282
4515
|
imports: [SlotDirective, TreeItemContentDirective],
|
|
4283
4516
|
template: `
|
|
@@ -4290,7 +4523,7 @@ class TreeDefaultItemContentSlotComponent {
|
|
|
4290
4523
|
`,
|
|
4291
4524
|
}]
|
|
4292
4525
|
}], null, null); })();
|
|
4293
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber:
|
|
4526
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 108 }); })();
|
|
4294
4527
|
/**
|
|
4295
4528
|
* A constant representing the default slot for tree item.
|
|
4296
4529
|
*/
|
|
@@ -4312,7 +4545,7 @@ class TreeItemDirective {
|
|
|
4312
4545
|
}
|
|
4313
4546
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemDirective, [{
|
|
4314
4547
|
type: Directive,
|
|
4315
|
-
args: [{ selector: 'ng-template[auTreeItem]'
|
|
4548
|
+
args: [{ selector: 'ng-template[auTreeItem]' }]
|
|
4316
4549
|
}], null, null); })();
|
|
4317
4550
|
class TreeDefaultItemSlotComponent {
|
|
4318
4551
|
constructor() {
|
|
@@ -4333,7 +4566,6 @@ class TreeDefaultItemSlotComponent {
|
|
|
4333
4566
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemSlotComponent, [{
|
|
4334
4567
|
type: Component,
|
|
4335
4568
|
args: [{
|
|
4336
|
-
standalone: true,
|
|
4337
4569
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4338
4570
|
imports: [UseDirective, SlotDirective, TreeItemDirective],
|
|
4339
4571
|
template: `
|
|
@@ -4352,7 +4584,7 @@ class TreeDefaultItemSlotComponent {
|
|
|
4352
4584
|
`,
|
|
4353
4585
|
}]
|
|
4354
4586
|
}], null, null); })();
|
|
4355
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber:
|
|
4587
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 151 }); })();
|
|
4356
4588
|
/**
|
|
4357
4589
|
* A constant representing the default slot for tree item.
|
|
4358
4590
|
*/
|
|
@@ -4473,12 +4705,11 @@ class TreeComponent extends BaseWidgetDirective {
|
|
|
4473
4705
|
args: [{
|
|
4474
4706
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4475
4707
|
selector: '[auTree]',
|
|
4476
|
-
standalone: true,
|
|
4477
4708
|
imports: [SlotDirective],
|
|
4478
4709
|
template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
|
|
4479
4710
|
}]
|
|
4480
4711
|
}], () => [], null); })();
|
|
4481
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber:
|
|
4712
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber: 176 }); })();
|
|
4482
4713
|
|
|
4483
4714
|
/* istanbul ignore next */
|
|
4484
4715
|
const components = [
|
|
@@ -4517,6 +4748,7 @@ const components = [
|
|
|
4517
4748
|
SliderHandleDirective,
|
|
4518
4749
|
SliderLabelDirective,
|
|
4519
4750
|
SliderStructureDirective,
|
|
4751
|
+
SliderTickDirective,
|
|
4520
4752
|
ProgressbarComponent,
|
|
4521
4753
|
ProgressbarStructureDirective,
|
|
4522
4754
|
ProgressbarBodyDirective,
|
|
@@ -4525,6 +4757,7 @@ const components = [
|
|
|
4525
4757
|
ToastBodyDirective,
|
|
4526
4758
|
ToastHeaderDirective,
|
|
4527
4759
|
CollapseDirective,
|
|
4760
|
+
CollapseTriggerDirective,
|
|
4528
4761
|
TreeComponent,
|
|
4529
4762
|
TreeStructureDirective,
|
|
4530
4763
|
TreeItemToggleDirective,
|
|
@@ -4579,6 +4812,7 @@ class AgnosUIAngularModule {
|
|
|
4579
4812
|
SliderHandleDirective,
|
|
4580
4813
|
SliderLabelDirective,
|
|
4581
4814
|
SliderStructureDirective,
|
|
4815
|
+
SliderTickDirective,
|
|
4582
4816
|
ProgressbarComponent,
|
|
4583
4817
|
ProgressbarStructureDirective,
|
|
4584
4818
|
ProgressbarBodyDirective,
|
|
@@ -4587,6 +4821,7 @@ class AgnosUIAngularModule {
|
|
|
4587
4821
|
ToastBodyDirective,
|
|
4588
4822
|
ToastHeaderDirective,
|
|
4589
4823
|
CollapseDirective,
|
|
4824
|
+
CollapseTriggerDirective,
|
|
4590
4825
|
TreeComponent,
|
|
4591
4826
|
TreeStructureDirective,
|
|
4592
4827
|
TreeItemToggleDirective,
|
|
@@ -4626,6 +4861,7 @@ class AgnosUIAngularModule {
|
|
|
4626
4861
|
SliderHandleDirective,
|
|
4627
4862
|
SliderLabelDirective,
|
|
4628
4863
|
SliderStructureDirective,
|
|
4864
|
+
SliderTickDirective,
|
|
4629
4865
|
ProgressbarComponent,
|
|
4630
4866
|
ProgressbarStructureDirective,
|
|
4631
4867
|
ProgressbarBodyDirective,
|
|
@@ -4634,6 +4870,7 @@ class AgnosUIAngularModule {
|
|
|
4634
4870
|
ToastBodyDirective,
|
|
4635
4871
|
ToastHeaderDirective,
|
|
4636
4872
|
CollapseDirective,
|
|
4873
|
+
CollapseTriggerDirective,
|
|
4637
4874
|
TreeComponent,
|
|
4638
4875
|
TreeStructureDirective,
|
|
4639
4876
|
TreeItemToggleDirective,
|
|
@@ -4702,5 +4939,5 @@ class ModalService {
|
|
|
4702
4939
|
* Generated bundle index. Do not edit.
|
|
4703
4940
|
*/
|
|
4704
4941
|
|
|
4705
|
-
export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CollapseDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCollapse as createCollapse, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, toastDefaultSlotStructure, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
|
|
4942
|
+
export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CollapseDirective, CollapseTriggerDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, SliderTickDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCollapse as createCollapse, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, sliderDefaultSlotTick, toastDefaultSlotStructure, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
|
|
4706
4943
|
//# sourceMappingURL=agnos-ui-angular-bootstrap.mjs.map
|