@mozaic-ds/angular 0.24.0-test.2 → 0.25.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/adeo/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/adeo/assets/tokens/bricoman/js/tokens.js +1 -1
- package/adeo/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/adeo/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/adeo/components/autocomplete/autocomplete.component.d.ts +3 -1
- package/adeo/components/datatable/components/selection/moz-datatable-selection.component.d.ts +10 -1
- package/adeo/components/datatable/moz-datatable.component.d.ts +4 -1
- package/adeo/components/dropdown/dropdown.component.d.ts +3 -1
- package/adeo/components/pagination/pagination.component.d.ts +10 -9
- package/adeo/esm2020/components/accordion/accordion.component.mjs +2 -2
- package/adeo/esm2020/components/autocomplete/autocomplete.component.mjs +11 -5
- package/adeo/esm2020/components/breadcrumb/breadcrumb.component.mjs +2 -2
- package/adeo/esm2020/components/built-it-menu/built-it-menu.component.mjs +2 -2
- package/adeo/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs +10 -8
- package/adeo/esm2020/components/datatable/components/selection/moz-datatable-selection.component.mjs +73 -44
- package/adeo/esm2020/components/datatable/moz-datatable.component.mjs +12 -3
- package/adeo/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/adeo/esm2020/components/listbox/listbox.component.mjs +4 -4
- package/adeo/esm2020/components/pagination/pagination.component.mjs +26 -23
- package/adeo/esm2020/components/phone-number/phone-number.component.mjs +2 -2
- package/adeo/esm2020/components/stepper/step.component.mjs +2 -2
- package/adeo/esm2020/components/stepper/stepper.component.mjs +2 -2
- package/adeo/esm2020/components/text-area/text-area.component.mjs +2 -2
- package/adeo/fesm2015/mozaic-ds-angular.mjs +159 -102
- package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/fesm2020/mozaic-ds-angular.mjs +153 -98
- package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/package.json +1 -1
- package/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/assets/tokens/bricoman/js/tokens.js +1 -1
- package/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/bricoman/assets/tokens/bricoman/js/tokens.js +1 -1
- package/bricoman/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/bricoman/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/bricoman/components/autocomplete/autocomplete.component.d.ts +3 -1
- package/bricoman/components/datatable/components/selection/moz-datatable-selection.component.d.ts +10 -1
- package/bricoman/components/datatable/moz-datatable.component.d.ts +4 -1
- package/bricoman/components/dropdown/dropdown.component.d.ts +3 -1
- package/bricoman/components/pagination/pagination.component.d.ts +10 -9
- package/bricoman/esm2020/components/accordion/accordion.component.mjs +2 -2
- package/bricoman/esm2020/components/autocomplete/autocomplete.component.mjs +11 -5
- package/bricoman/esm2020/components/breadcrumb/breadcrumb.component.mjs +2 -2
- package/bricoman/esm2020/components/built-it-menu/built-it-menu.component.mjs +2 -2
- package/bricoman/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs +10 -8
- package/bricoman/esm2020/components/datatable/components/selection/moz-datatable-selection.component.mjs +73 -44
- package/bricoman/esm2020/components/datatable/moz-datatable.component.mjs +12 -3
- package/bricoman/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/bricoman/esm2020/components/listbox/listbox.component.mjs +4 -4
- package/bricoman/esm2020/components/pagination/pagination.component.mjs +26 -23
- package/bricoman/esm2020/components/phone-number/phone-number.component.mjs +2 -2
- package/bricoman/esm2020/components/stepper/step.component.mjs +2 -2
- package/bricoman/esm2020/components/stepper/stepper.component.mjs +2 -2
- package/bricoman/esm2020/components/text-area/text-area.component.mjs +2 -2
- package/bricoman/fesm2015/mozaic-ds-angular.mjs +159 -102
- package/bricoman/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/fesm2020/mozaic-ds-angular.mjs +153 -98
- package/bricoman/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/package.json +1 -1
- package/components/autocomplete/autocomplete.component.d.ts +3 -1
- package/components/datatable/components/selection/moz-datatable-selection.component.d.ts +10 -1
- package/components/datatable/moz-datatable.component.d.ts +4 -1
- package/components/dropdown/dropdown.component.d.ts +3 -1
- package/components/pagination/pagination.component.d.ts +10 -9
- package/esm2020/components/accordion/accordion.component.mjs +2 -2
- package/esm2020/components/autocomplete/autocomplete.component.mjs +11 -5
- package/esm2020/components/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/components/built-it-menu/built-it-menu.component.mjs +2 -2
- package/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs +10 -8
- package/esm2020/components/datatable/components/selection/moz-datatable-selection.component.mjs +73 -44
- package/esm2020/components/datatable/moz-datatable.component.mjs +12 -3
- package/esm2020/components/dropdown/dropdown.component.mjs +10 -4
- package/esm2020/components/listbox/listbox.component.mjs +4 -4
- package/esm2020/components/pagination/pagination.component.mjs +26 -23
- package/esm2020/components/phone-number/phone-number.component.mjs +2 -2
- package/esm2020/components/stepper/step.component.mjs +2 -2
- package/esm2020/components/stepper/stepper.component.mjs +2 -2
- package/esm2020/components/text-area/text-area.component.mjs +2 -2
- package/fesm2015/mozaic-ds-angular.mjs +159 -102
- package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/fesm2020/mozaic-ds-angular.mjs +153 -98
- package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/adeo/assets/tokens/adeo/android/colors.xml +0 -494
- package/adeo/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/adeo/assets/tokens/bricoman/android/colors.xml +0 -486
- package/adeo/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
- package/assets/tokens/adeo/android/colors.xml +0 -494
- package/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/assets/tokens/bricoman/android/colors.xml +0 -486
- package/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
- package/bricoman/assets/tokens/adeo/android/colors.xml +0 -494
- package/bricoman/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/bricoman/assets/tokens/bricoman/android/colors.xml +0 -486
- package/bricoman/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -481,6 +481,7 @@ export const ColorToggleDisabledCheckedBackground = "#b8bef4";
|
|
|
481
481
|
export const ColorToggleDisabledCheckedCircle = "#ffffff";
|
|
482
482
|
export const ColorTooltipBackground = "#4d4d4d";
|
|
483
483
|
export const ColorTooltipBorder = "#ffffff";
|
|
484
|
+
export const Preset = "bricoman";
|
|
484
485
|
export const RadiusS = 2;
|
|
485
486
|
export const RadiusM = 4;
|
|
486
487
|
export const RadiusL = 6;
|
|
@@ -575,4 +576,3 @@ export const ScreenXl = "1280px";
|
|
|
575
576
|
export const ScreenXlMedium = "1440px";
|
|
576
577
|
export const ScreenXlLarge = "1680px";
|
|
577
578
|
export const ScreenXxl = "1920px";
|
|
578
|
-
export const Preset = "bricoman";
|
|
@@ -10471,6 +10471,21 @@ module.exports = {
|
|
|
10471
10471
|
}
|
|
10472
10472
|
}
|
|
10473
10473
|
},
|
|
10474
|
+
"preset": {
|
|
10475
|
+
"value": "bricoman",
|
|
10476
|
+
"filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
|
|
10477
|
+
"isSource": true,
|
|
10478
|
+
"original": {
|
|
10479
|
+
"value": "bricoman"
|
|
10480
|
+
},
|
|
10481
|
+
"name": "Preset",
|
|
10482
|
+
"attributes": {
|
|
10483
|
+
"category": "preset"
|
|
10484
|
+
},
|
|
10485
|
+
"path": [
|
|
10486
|
+
"preset"
|
|
10487
|
+
]
|
|
10488
|
+
},
|
|
10474
10489
|
"radius": {
|
|
10475
10490
|
"s": {
|
|
10476
10491
|
"value": 2,
|
|
@@ -12484,20 +12499,5 @@ module.exports = {
|
|
|
12484
12499
|
"xxl"
|
|
12485
12500
|
]
|
|
12486
12501
|
}
|
|
12487
|
-
},
|
|
12488
|
-
"preset": {
|
|
12489
|
-
"value": "bricoman",
|
|
12490
|
-
"filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
|
|
12491
|
-
"isSource": true,
|
|
12492
|
-
"original": {
|
|
12493
|
-
"value": "bricoman"
|
|
12494
|
-
},
|
|
12495
|
-
"name": "Preset",
|
|
12496
|
-
"attributes": {
|
|
12497
|
-
"category": "preset"
|
|
12498
|
-
},
|
|
12499
|
-
"path": [
|
|
12500
|
-
"preset"
|
|
12501
|
-
]
|
|
12502
12502
|
}
|
|
12503
12503
|
};
|
|
@@ -482,6 +482,7 @@ $color-toggle-disabled-checked-background: #b8bef4 !default;
|
|
|
482
482
|
$color-toggle-disabled-checked-circle: #ffffff !default;
|
|
483
483
|
$color-tooltip-background: #4d4d4d !default;
|
|
484
484
|
$color-tooltip-border: #ffffff !default;
|
|
485
|
+
$preset: bricoman !default;
|
|
485
486
|
$radius-s: 2 !default;
|
|
486
487
|
$radius-m: 4 !default;
|
|
487
488
|
$radius-l: 6 !default;
|
|
@@ -576,7 +577,6 @@ $screen-xl: 1280px !default;
|
|
|
576
577
|
$screen-xl-medium: 1440px !default;
|
|
577
578
|
$screen-xl-large: 1680px !default;
|
|
578
579
|
$screen-xxl: 1920px !default;
|
|
579
|
-
$preset: bricoman !default;
|
|
580
580
|
|
|
581
581
|
$tokens: (
|
|
582
582
|
'border': (
|
|
@@ -1494,6 +1494,7 @@ $tokens: (
|
|
|
1494
1494
|
'border': $color-tooltip-border
|
|
1495
1495
|
)
|
|
1496
1496
|
),
|
|
1497
|
+
'preset': $preset,
|
|
1497
1498
|
'radius': (
|
|
1498
1499
|
's': $radius-s,
|
|
1499
1500
|
'm': $radius-m,
|
|
@@ -1633,6 +1634,5 @@ $tokens: (
|
|
|
1633
1634
|
'xl-medium': $screen-xl-medium,
|
|
1634
1635
|
'xl-large': $screen-xl-large,
|
|
1635
1636
|
'xxl': $screen-xxl
|
|
1636
|
-
)
|
|
1637
|
-
'preset': $preset
|
|
1637
|
+
)
|
|
1638
1638
|
);
|
|
@@ -28,6 +28,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
|
|
|
28
28
|
searchUpdated: EventEmitter<string>;
|
|
29
29
|
inputClicked: EventEmitter<boolean>;
|
|
30
30
|
scrollEnd: EventEmitter<boolean>;
|
|
31
|
+
isOpen: EventEmitter<boolean>;
|
|
31
32
|
taglistComponent: TaglistComponent;
|
|
32
33
|
selectedItems: ListboxItem[] | ListboxItem | undefined;
|
|
33
34
|
originalListboxParent?: HTMLElement | null;
|
|
@@ -43,6 +44,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
|
|
|
43
44
|
writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
|
|
44
45
|
registerOnChange(fn: any): void;
|
|
45
46
|
registerOnTouched(fn: any): void;
|
|
47
|
+
openChangeEvent($event: boolean): void;
|
|
46
48
|
openListbox(): void;
|
|
47
49
|
closeListbox(): void;
|
|
48
50
|
itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
|
|
@@ -58,5 +60,5 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
|
|
|
58
60
|
focusoutEvent($event: any): void;
|
|
59
61
|
scrollEndEvent($event: boolean): void;
|
|
60
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
61
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; }, never, never, false, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
|
|
62
64
|
}
|
package/adeo/components/datatable/components/selection/moz-datatable-selection.component.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export declare class MozDatatableSelectionComponent implements OnChanges {
|
|
|
6
6
|
private ref;
|
|
7
7
|
selectionSettings?: SelectionSettings;
|
|
8
8
|
paginationEnabled?: boolean;
|
|
9
|
+
allowAllSelected: boolean;
|
|
9
10
|
rowData?: RowData[];
|
|
10
11
|
updateSelectionAllEmitter: EventEmitter<SelectionSettings>;
|
|
11
12
|
isIndeterminate: boolean;
|
|
@@ -17,10 +18,18 @@ export declare class MozDatatableSelectionComponent implements OnChanges {
|
|
|
17
18
|
onUdpateSelectionRow(row: RowData): void;
|
|
18
19
|
onUdpateSelectionAllPageRows($event: any): void;
|
|
19
20
|
handleCountItemSelection(row: RowData): void;
|
|
21
|
+
private canSwitchtoAllSelectedMode;
|
|
22
|
+
private switchtoAllSelectedMode;
|
|
20
23
|
private handleCountAllSelection;
|
|
21
24
|
private updateSelection;
|
|
22
25
|
private updateSelectedValueOnRowData;
|
|
23
26
|
private isSelectionIndeterminate;
|
|
27
|
+
/**
|
|
28
|
+
* if the value is an object so the resulted id == '[object Object]'
|
|
29
|
+
* @param row
|
|
30
|
+
* @private
|
|
31
|
+
*/
|
|
32
|
+
private getId;
|
|
24
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<MozDatatableSelectionComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableSelectionComponent, "moz-datatable-selection", never, { "selectionSettings": "selectionSettings"; "paginationEnabled": "paginationEnabled"; "rowData": "rowData"; }, { "updateSelectionAllEmitter": "updateSelectionAllEmitter"; }, never, never, false, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableSelectionComponent, "moz-datatable-selection", never, { "selectionSettings": "selectionSettings"; "paginationEnabled": "paginationEnabled"; "allowAllSelected": "allowAllSelected"; "rowData": "rowData"; }, { "updateSelectionAllEmitter": "updateSelectionAllEmitter"; }, never, never, false, never>;
|
|
26
35
|
}
|
|
@@ -12,7 +12,9 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
export declare class MozDatatableComponent implements AfterContentInit {
|
|
13
13
|
footerSettings?: FooterSettings;
|
|
14
14
|
selectionSettings?: SelectionSettings;
|
|
15
|
+
allowAllSelected: boolean;
|
|
15
16
|
datatableSettings?: DatatableSettings;
|
|
17
|
+
tableSummary: string;
|
|
16
18
|
rowClick: EventEmitter<RowData>;
|
|
17
19
|
sortColumn: EventEmitter<unknown>;
|
|
18
20
|
rowSelected: EventEmitter<SelectionSettings>;
|
|
@@ -30,6 +32,7 @@ export declare class MozDatatableComponent implements AfterContentInit {
|
|
|
30
32
|
customContentCellsMap: Map<string, TemplateRef<any>>;
|
|
31
33
|
expandedRows: boolean[];
|
|
32
34
|
ngAfterContentInit(): void;
|
|
35
|
+
resetSelection(): void;
|
|
33
36
|
buildCustomHeaderMap(): void;
|
|
34
37
|
buildCustomContentMap(): void;
|
|
35
38
|
getCustomExpansionRowContent(): TemplateRef<any> | undefined;
|
|
@@ -51,5 +54,5 @@ export declare class MozDatatableComponent implements AfterContentInit {
|
|
|
51
54
|
getColumns(): any;
|
|
52
55
|
getFields(): any;
|
|
53
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<MozDatatableComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableComponent, "moz-datatable", never, { "footerSettings": "footerSettings"; "selectionSettings": "selectionSettings"; "datatableSettings": "datatableSettings"; }, { "rowClick": "rowClick"; "sortColumn": "sortColumn"; "rowSelected": "rowSelected"; "rowAllSelected": "rowAllSelected"; "emptyBodyButtonClicked": "emptyBodyButtonClicked"; "pageChange": "pageChange"; "rowPerPageChange": "rowPerPageChange"; }, ["expansionContentComponent", "headerCellComponents", "contentCellComponents"], ["moz-datatable-caption"], false, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableComponent, "moz-datatable", never, { "footerSettings": "footerSettings"; "selectionSettings": "selectionSettings"; "allowAllSelected": "allowAllSelected"; "datatableSettings": "datatableSettings"; "tableSummary": "tableSummary"; }, { "rowClick": "rowClick"; "sortColumn": "sortColumn"; "rowSelected": "rowSelected"; "rowAllSelected": "rowAllSelected"; "emptyBodyButtonClicked": "emptyBodyButtonClicked"; "pageChange": "pageChange"; "rowPerPageChange": "rowPerPageChange"; }, ["expansionContentComponent", "headerCellComponents", "contentCellComponents"], ["moz-datatable-caption"], false, never>;
|
|
55
58
|
}
|
|
@@ -24,6 +24,7 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
24
24
|
openState: boolean;
|
|
25
25
|
labelClearButton: string;
|
|
26
26
|
scrollEnd: EventEmitter<boolean>;
|
|
27
|
+
isOpen: EventEmitter<boolean>;
|
|
27
28
|
taglistComponent: TaglistComponent;
|
|
28
29
|
selectedItems: ListboxItem[] | ListboxItem | undefined;
|
|
29
30
|
onChange: any;
|
|
@@ -32,6 +33,7 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
32
33
|
writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
|
|
33
34
|
registerOnChange(fn: any): void;
|
|
34
35
|
registerOnTouched(fn: any): void;
|
|
36
|
+
openChangeEvent($event: boolean): void;
|
|
35
37
|
openListbox(): void;
|
|
36
38
|
itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
|
|
37
39
|
clearFieldEvent(): void;
|
|
@@ -45,5 +47,5 @@ export declare class DropdownComponent implements ControlValueAccessor {
|
|
|
45
47
|
removeTagEvent($event: TagItem): void;
|
|
46
48
|
scrollEndEvent($event: boolean): void;
|
|
47
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; }, never, never, false, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
|
|
49
51
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import { GlobalEventsService } from '../../common';
|
|
@@ -6,17 +6,15 @@ import { SelectSize } from '../select/select-size';
|
|
|
6
6
|
import { Page } from './pagination';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare const PAGINATION_CONTROL_VALUE_ACCESSOR: any;
|
|
9
|
-
export declare class PaginationComponent implements ControlValueAccessor {
|
|
9
|
+
export declare class PaginationComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
|
|
10
10
|
private readonly globalEventService;
|
|
11
11
|
private readonly cd;
|
|
12
12
|
numberOfPages: number;
|
|
13
|
+
pageChangeEvent: EventEmitter<number>;
|
|
14
|
+
disable: boolean;
|
|
13
15
|
light: boolean;
|
|
14
16
|
pageLabel: string;
|
|
15
17
|
pageOfLabel: string;
|
|
16
|
-
pageTitleMask: (page: number, numberOfPages: number) => string;
|
|
17
|
-
pageChangeEvent: EventEmitter<number>;
|
|
18
|
-
onChange: any;
|
|
19
|
-
onTouch: any;
|
|
20
18
|
currentPage: number;
|
|
21
19
|
pages: Page[];
|
|
22
20
|
rightIconName: Observable<string>;
|
|
@@ -24,12 +22,15 @@ export declare class PaginationComponent implements ControlValueAccessor {
|
|
|
24
22
|
selectSize: Observable<SelectSize>;
|
|
25
23
|
private readonly smallResolution;
|
|
26
24
|
constructor(globalEventService: GlobalEventsService, cd: ChangeDetectorRef);
|
|
27
|
-
ngAfterViewInit(): void;
|
|
28
|
-
ngOnChanges({ numberOfPages, pageTitleMask }: SimpleChanges): void;
|
|
29
25
|
get viewSelect(): boolean;
|
|
30
26
|
get isFirstPage(): boolean;
|
|
31
27
|
get isLastPage(): boolean;
|
|
32
28
|
get disabledSelect(): boolean;
|
|
29
|
+
pageTitleMask: (page: number, numberOfPages: number) => string;
|
|
30
|
+
onChange: any;
|
|
31
|
+
onTouch: any;
|
|
32
|
+
ngAfterViewInit(): void;
|
|
33
|
+
ngOnChanges({ numberOfPages, pageTitleMask }: SimpleChanges): void;
|
|
33
34
|
writeValue(value: any): void;
|
|
34
35
|
registerOnChange(fn: any): void;
|
|
35
36
|
registerOnTouched(fn: any): void;
|
|
@@ -45,5 +46,5 @@ export declare class PaginationComponent implements ControlValueAccessor {
|
|
|
45
46
|
private chooseSelectSize;
|
|
46
47
|
private needRenderPages;
|
|
47
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "moz-pagination", never, { "numberOfPages": "numberOfPages"; "light": "light"; "pageLabel": "pageLabel"; "pageOfLabel": "pageOfLabel"; "pageTitleMask": "pageTitleMask"; }, { "pageChangeEvent": "pageChangeEvent"; }, never, never, false, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "moz-pagination", never, { "numberOfPages": "numberOfPages"; "disable": "disable"; "light": "light"; "pageLabel": "pageLabel"; "pageOfLabel": "pageOfLabel"; "pageTitleMask": "pageTitleMask"; }, { "pageChangeEvent": "pageChangeEvent"; }, never, never, false, never>;
|
|
49
50
|
}
|
|
@@ -19,10 +19,10 @@ export class AccordionComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AccordionComponent, selector: "moz-accordion", inputs: { isOpen: "isOpen", disabled: "disabled", noPadding: "noPadding", size: "size" }, ngImport: i0, template: "<div\n class=\"mc-accordion\"\n [ngClass]=\"{\n 'is-open': isOpen,\n 'mc-accordion--s': isSizeS,\n 'mc-accordion--no-padding': noPadding\n }\"\n>\n <div class=\"mc-accordion__header\">\n <ng-content select=\"[beforeLabel]\"></ng-content>\n\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"accordion\"\n class=\"mc-accordion__trigger\"\n aria-controls=\"content\"\n [attr.aria-expanded]=\"isOpen\"\n [disabled]=\"disabled\"\n (click)=\"changeState()\"\n >\n <ng-content select=\"[label]\"></ng-content>\n <ng-content select=\"[afterLabel]\"></ng-content>\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n [attr.aria-hidden]=\"isHidden\"\n aria-labelledby=\"accordion\"\n >\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n", styles: [".mc-accordion{
|
|
22
|
+
AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AccordionComponent, selector: "moz-accordion", inputs: { isOpen: "isOpen", disabled: "disabled", noPadding: "noPadding", size: "size" }, ngImport: i0, template: "<div\n class=\"mc-accordion\"\n [ngClass]=\"{\n 'is-open': isOpen,\n 'mc-accordion--s': isSizeS,\n 'mc-accordion--no-padding': noPadding\n }\"\n>\n <div class=\"mc-accordion__header\">\n <ng-content select=\"[beforeLabel]\"></ng-content>\n\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"accordion\"\n class=\"mc-accordion__trigger\"\n aria-controls=\"content\"\n [attr.aria-expanded]=\"isOpen\"\n [disabled]=\"disabled\"\n (click)=\"changeState()\"\n >\n <ng-content select=\"[label]\"></ng-content>\n <ng-content select=\"[afterLabel]\"></ng-content>\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n [attr.aria-hidden]=\"isHidden\"\n aria-labelledby=\"accordion\"\n >\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n", styles: [".mc-accordion{border-bottom:1px solid #666666;font-family:Roboto,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{align-items:center;display:flex;gap:.5rem}.mc-accordion__title{font-weight:700;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-right:.5rem;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__header{background-color:#e6e6e6}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger:before{right:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'moz-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mc-accordion\"\n [ngClass]=\"{\n 'is-open': isOpen,\n 'mc-accordion--s': isSizeS,\n 'mc-accordion--no-padding': noPadding\n }\"\n>\n <div class=\"mc-accordion__header\">\n <ng-content select=\"[beforeLabel]\"></ng-content>\n\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"accordion\"\n class=\"mc-accordion__trigger\"\n aria-controls=\"content\"\n [attr.aria-expanded]=\"isOpen\"\n [disabled]=\"disabled\"\n (click)=\"changeState()\"\n >\n <ng-content select=\"[label]\"></ng-content>\n <ng-content select=\"[afterLabel]\"></ng-content>\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n [attr.aria-hidden]=\"isHidden\"\n aria-labelledby=\"accordion\"\n >\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n", styles: [".mc-accordion{
|
|
25
|
+
args: [{ selector: 'moz-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mc-accordion\"\n [ngClass]=\"{\n 'is-open': isOpen,\n 'mc-accordion--s': isSizeS,\n 'mc-accordion--no-padding': noPadding\n }\"\n>\n <div class=\"mc-accordion__header\">\n <ng-content select=\"[beforeLabel]\"></ng-content>\n\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"accordion\"\n class=\"mc-accordion__trigger\"\n aria-controls=\"content\"\n [attr.aria-expanded]=\"isOpen\"\n [disabled]=\"disabled\"\n (click)=\"changeState()\"\n >\n <ng-content select=\"[label]\"></ng-content>\n <ng-content select=\"[afterLabel]\"></ng-content>\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n [attr.aria-hidden]=\"isHidden\"\n aria-labelledby=\"accordion\"\n >\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n", styles: [".mc-accordion{border-bottom:1px solid #666666;font-family:Roboto,sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__label{font-size:1.125rem;line-height:1.3333333333;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .75rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__header{padding-left:.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{align-items:center;display:flex;gap:.5rem}.mc-accordion__title{font-weight:700;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;top:-.125rem;right:-.125rem;bottom:-3px;left:-.125rem}.mc-accordion button.mc-accordion__trigger:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-accordion__icon{fill:gray}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333;height:auto;max-height:0;overflow:hidden;padding-right:.5rem;padding-left:.5rem;transition:.3s ease-out;visibility:hidden}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__header{background-color:#e6e6e6}.mc-accordion.is-disabled>.mc-accordion__content{color:#666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger:before{right:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__label{font-size:1rem;line-height:1.375;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger:before{content:\"\";position:absolute;top:calc(50% - .5rem);right:.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}\n"] }]
|
|
26
26
|
}], propDecorators: { isOpen: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], disabled: [{
|