@coolon/angular-ui-powerups 16.1.0-aplpha.188 → 16.1.0-aplpha.19
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/assets/activities/activities.scss +3 -5
- package/assets/activities/input-activities.scss +6 -14
- package/assets/form.scss +27 -74
- package/assets/icons.scss +0 -1
- package/assets/styles.scss +0 -2
- package/assets/table.scss +19 -41
- package/assets/tabs.scss +5 -15
- package/esm2022/lib/animations/slide-animations.mjs +10 -15
- package/esm2022/lib/components/cards/abstract-card-container.component.mjs +5 -28
- package/esm2022/lib/components/cards/card-container/card-container.component.mjs +4 -4
- package/esm2022/lib/components/commands/command/command.component.mjs +29 -34
- package/esm2022/lib/components/commands/command-face/command-face.component.mjs +3 -11
- package/esm2022/lib/components/commands/command-face.mjs +11 -12
- package/esm2022/lib/components/commands/group/popup-aware.component.mjs +8 -31
- package/esm2022/lib/components/commands/group/popup-menu/abstract-popup-menu.component.mjs +13 -15
- package/esm2022/lib/components/commands/group/popup-menu/more-menu.component.mjs +20 -11
- package/esm2022/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.mjs +7 -12
- package/esm2022/lib/components/commands/group/popup-menu/popup-menu.component.mjs +20 -11
- package/esm2022/lib/components/commands/group/tool-bar/tool-bar.component.mjs +2 -2
- package/esm2022/lib/components/commands/separator.component.mjs +12 -6
- package/esm2022/lib/components/components.module.mjs +30 -55
- package/esm2022/lib/components/disposable-component.mjs +7 -32
- package/esm2022/lib/components/exports.mjs +6 -14
- package/esm2022/lib/components/forms/abstract-input.component.mjs +12 -55
- package/esm2022/lib/components/forms/autocomplete-input/autocomplete-input.component.mjs +4 -4
- package/esm2022/lib/components/forms/checkbox-input/checkbox-input.component.mjs +6 -8
- package/esm2022/lib/components/forms/multiple-select-input/multiple-select-input.component.mjs +4 -4
- package/esm2022/lib/components/forms/number-input/number-input.component.mjs +9 -86
- package/esm2022/lib/components/forms/password-input/password-input.component.mjs +3 -40
- package/esm2022/lib/components/forms/select-input/select-input.component.mjs +10 -11
- package/esm2022/lib/components/forms/string-input/string-input.component.mjs +11 -30
- package/esm2022/lib/components/forms/text-input/text-input.component.mjs +4 -8
- package/esm2022/lib/components/icon/icon.component.mjs +4 -7
- package/esm2022/lib/components/loadable-component.mjs +10 -32
- package/esm2022/lib/components/resize-aware.component.mjs +24 -61
- package/esm2022/lib/components/switch-case/switch-case.component.mjs +7 -5
- package/esm2022/lib/components/tables/abstract-table-model.mjs +63 -112
- package/esm2022/lib/components/tables/abstract-table.component.mjs +5 -19
- package/esm2022/lib/components/tables/column/column-list-model.mjs +44 -0
- package/esm2022/lib/components/tables/column/column-model.mjs +6 -16
- package/esm2022/lib/components/tables/column/custom-template-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/column/custom-value-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/column/editor-controls-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/column/list-propery-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/column/property-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/column/selection-column-model.mjs +13 -35
- package/esm2022/lib/components/tables/editor/edit-row-controls/edit-row-controls.component.mjs +2 -2
- package/esm2022/lib/components/tables/editor/edit-session.mjs +1 -1
- package/esm2022/lib/components/tables/editor/editable-cell-renderer.mjs +1 -1
- package/esm2022/lib/components/tables/filter/table-filter-model.mjs +2 -4
- package/esm2022/lib/components/tables/filter/text-search-predicate.mjs +2 -16
- package/esm2022/lib/components/tables/paginator/paginator.component.mjs +1 -1
- package/esm2022/lib/components/tables/renderer/cell-portal-ref.mjs +5 -23
- package/esm2022/lib/components/tables/renderer/default-cell-renderer/default-cell-renderer.component.mjs +3 -3
- package/esm2022/lib/components/tables/renderer/select-header-cell/selection-header-cell.component.mjs +4 -7
- package/esm2022/lib/components/tables/renderer/table-body/table-body.component.mjs +40 -150
- package/esm2022/lib/components/tables/renderer/table-cell/table-cell.component.mjs +6 -6
- package/esm2022/lib/components/tables/renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component.mjs +33 -0
- package/esm2022/lib/components/tables/renderer/table-more-menu/table-more-menu.component.mjs +60 -0
- package/esm2022/lib/components/tables/table/table-model.mjs +3 -12
- package/esm2022/lib/components/tables/table/table.component.mjs +61 -39
- package/esm2022/lib/components/tables/table-row-menu/table-row-menu.component.mjs +84 -0
- package/esm2022/lib/components/tables/tree-table/decorated-tree-node.mjs +4 -5
- package/esm2022/lib/components/tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.mjs +1 -1
- package/esm2022/lib/components/tables/tree-table/tree-label-column-model.mjs +3 -3
- package/esm2022/lib/components/tables/tree-table/tree-table-component.mjs +5 -12
- package/esm2022/lib/components/tables/tree-table/tree-table-model.mjs +7 -4
- package/esm2022/lib/components/text/markdown/markdown.component.mjs +2 -2
- package/esm2022/lib/components/types/loadable.mjs +2 -0
- package/esm2022/lib/directives/command.directive.mjs +7 -18
- package/esm2022/lib/directives/directives.module.mjs +1 -1
- package/esm2022/lib/directives/exports.mjs +1 -2
- package/esm2022/lib/directives/highlight.pipe.mjs +8 -9
- package/esm2022/lib/interaction/abstract-interaction-context.mjs +7 -6
- package/esm2022/lib/interaction/activity.mjs +21 -20
- package/esm2022/lib/interaction/alert.mjs +2 -2
- package/esm2022/lib/interaction/components/abstract-confirm-dialog.component.mjs +8 -11
- package/esm2022/lib/interaction/components/abstract-dialog.component.mjs +41 -1
- package/esm2022/lib/interaction/components/activity-actions/activity-actions.component.mjs +16 -28
- package/esm2022/lib/interaction/components/activity-body/activity-body.component.mjs +2 -8
- package/esm2022/lib/interaction/components/activity-container/activity-container.component.mjs +15 -46
- package/esm2022/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.mjs +15 -53
- package/esm2022/lib/interaction/components/activity-title/activity-title.component.mjs +4 -4
- package/esm2022/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.mjs +1 -1
- package/esm2022/lib/interaction/components/add-card-activity/add-card-activity.component.mjs +1 -1
- package/esm2022/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.mjs +1 -1
- package/esm2022/lib/interaction/components/alert-dialog/alert-dialog.component.mjs +10 -10
- package/esm2022/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.mjs +8 -4
- package/esm2022/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.mjs +8 -4
- package/esm2022/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.mjs +9 -7
- package/esm2022/lib/interaction/components/editors/edit-context.mjs +1 -1
- package/esm2022/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.mjs +4 -4
- package/esm2022/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.mjs +5 -21
- package/esm2022/lib/interaction/components/input-activities/input-activity.mjs +2 -2
- package/esm2022/lib/interaction/components/input-activities/select-input-activity.mjs +35 -40
- package/esm2022/lib/interaction/components/input-activities/string-input-activity.mjs +9 -10
- package/esm2022/lib/interaction/confirm.mjs +2 -26
- package/esm2022/lib/interaction/directives/interaction-context-trigger-for.directive.mjs +2 -2
- package/esm2022/lib/interaction/exports.mjs +1 -6
- package/esm2022/lib/interaction/interaction-context.mjs +2 -3
- package/esm2022/lib/interaction/interaction.module.mjs +14 -22
- package/esm2022/lib/interaction/services/interaction-service-routing-adapter.mjs +4 -4
- package/esm2022/lib/interaction/services/interaction.service.mjs +6 -18
- package/esm2022/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context-factory.mjs +2 -2
- package/esm2022/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context.mjs +4 -23
- package/esm2022/lib/place/components/list-place-nav/list-place-nav.component.mjs +5 -4
- package/esm2022/lib/place/components/place-outlet/place-outlet.component.mjs +9 -7
- package/esm2022/lib/place/components/side-place-navigation/side-place-navigation.component.mjs +2 -2
- package/esm2022/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.mjs +1 -1
- package/esm2022/lib/place/guards/consolidated-param-map.mjs +4 -4
- package/esm2022/lib/place/guards/place.guard.mjs +5 -6
- package/esm2022/lib/place/navigation/place-component-deactivation-handler.mjs +2 -2
- package/esm2022/lib/place/navigation/session/interactions/synchronise-interaction-context-ids-with-route.mjs +6 -3
- package/esm2022/lib/place/navigation/session/navigation-session.mjs +2 -2
- package/esm2022/lib/place/place-auth-service.mjs +6 -7
- package/esm2022/lib/place/place-component.mjs +19 -29
- package/esm2022/lib/place/place-definition.mjs +4 -15
- package/esm2022/lib/place/place-history.mjs +2 -2
- package/esm2022/lib/place/place-router.mjs +53 -67
- package/esm2022/lib/place/place.decorator.mjs +2 -2
- package/esm2022/lib/place/place.module.mjs +5 -1
- package/esm2022/lib/place/route/formatter.mjs +2 -2
- package/esm2022/lib/place/route/parameter-decorators.mjs +50 -54
- package/esm2022/lib/place/route/parameter-definition.mjs +2 -2
- package/esm2022/lib/place/url-snapshot.mjs +3 -3
- package/esm2022/lib/place/visit-segment.mjs +2 -2
- package/esm2022/lib/place/visit.mjs +2 -2
- package/fesm2022/coolon-angular-ui-powerups.mjs +1128 -2536
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/animations/slide-animations.d.ts +0 -1
- package/lib/components/cards/abstract-card-container.component.d.ts +3 -6
- package/lib/components/cards/card-container/card-container.component.d.ts +1 -1
- package/lib/components/commands/command/command.component.d.ts +8 -8
- package/lib/components/commands/command-face/command-face.component.d.ts +0 -2
- package/lib/components/commands/command-face.d.ts +9 -8
- package/lib/components/commands/group/popup-aware.component.d.ts +4 -9
- package/lib/components/commands/group/popup-menu/abstract-popup-menu.component.d.ts +2 -2
- package/lib/components/commands/group/popup-menu/more-menu.component.d.ts +4 -2
- package/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.d.ts +0 -2
- package/lib/components/commands/group/popup-menu/popup-menu.component.d.ts +4 -2
- package/lib/components/commands/separator.component.d.ts +4 -2
- package/lib/components/components.module.d.ts +55 -60
- package/lib/components/disposable-component.d.ts +3 -16
- package/lib/components/exports.d.ts +5 -13
- package/lib/components/forms/abstract-input.component.d.ts +5 -13
- package/lib/components/forms/checkbox-input/checkbox-input.component.d.ts +0 -2
- package/lib/components/forms/number-input/number-input.component.d.ts +4 -16
- package/lib/components/forms/password-input/password-input.component.d.ts +1 -7
- package/lib/components/forms/select-input/select-input.component.d.ts +3 -4
- package/lib/components/forms/string-input/string-input.component.d.ts +1 -7
- package/lib/components/forms/text-input/text-input.component.d.ts +0 -3
- package/lib/components/loadable-component.d.ts +5 -11
- package/lib/components/resize-aware.component.d.ts +5 -24
- package/lib/components/switch-case/switch-case.component.d.ts +3 -2
- package/lib/components/tables/abstract-table-model.d.ts +25 -50
- package/lib/components/tables/abstract-table.component.d.ts +3 -4
- package/lib/components/tables/column/column-list-model.d.ts +13 -0
- package/lib/components/tables/column/column-model.d.ts +3 -7
- package/lib/components/tables/column/custom-template-column-model.d.ts +2 -3
- package/lib/components/tables/column/custom-value-column-model.d.ts +2 -3
- package/lib/components/tables/column/editor-controls-column-model.d.ts +2 -3
- package/lib/components/tables/column/list-propery-column-model.d.ts +2 -3
- package/lib/components/tables/column/property-column-model.d.ts +2 -3
- package/lib/components/tables/column/selection-column-model.d.ts +4 -10
- package/lib/components/tables/editor/edit-row-controls/edit-row-controls.component.d.ts +1 -1
- package/lib/components/tables/editor/edit-session.d.ts +1 -1
- package/lib/components/tables/filter/text-search-predicate.d.ts +0 -9
- package/lib/components/tables/renderer/cell-portal-ref.d.ts +12 -20
- package/lib/components/tables/renderer/select-header-cell/selection-header-cell.component.d.ts +1 -1
- package/lib/components/tables/renderer/table-body/table-body.component.d.ts +16 -40
- package/lib/components/tables/renderer/table-cell/table-cell.component.d.ts +3 -2
- package/lib/components/tables/renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component.d.ts +15 -0
- package/lib/components/tables/renderer/{table-custom-more-menu/table-custom-more-menu.component.d.ts → table-more-menu/table-more-menu.component.d.ts} +7 -8
- package/lib/components/tables/table/table-model.d.ts +4 -4
- package/lib/components/tables/table/table.component.d.ts +10 -14
- package/lib/components/tables/table-row-menu/table-row-menu.component.d.ts +28 -0
- package/lib/components/tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.d.ts +1 -1
- package/lib/components/tables/tree-table/tree-label-column-model.d.ts +2 -3
- package/lib/components/tables/tree-table/tree-table-component.d.ts +0 -3
- package/lib/components/tables/tree-table/tree-table-model.d.ts +5 -4
- package/lib/components/types/loadable.d.ts +5 -0
- package/lib/directives/command.directive.d.ts +4 -6
- package/lib/directives/exports.d.ts +0 -1
- package/lib/interaction/abstract-interaction-context.d.ts +1 -1
- package/lib/interaction/activity.d.ts +7 -7
- package/lib/interaction/components/abstract-confirm-dialog.component.d.ts +1 -2
- package/lib/interaction/components/abstract-dialog.component.d.ts +14 -5
- package/lib/interaction/components/activity-actions/activity-actions.component.d.ts +9 -12
- package/lib/interaction/components/activity-body/activity-body.component.d.ts +1 -2
- package/lib/interaction/components/activity-container/activity-container.component.d.ts +4 -10
- package/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.d.ts +3 -3
- package/lib/interaction/components/activity-title/activity-title.component.d.ts +1 -1
- package/lib/interaction/components/alert-dialog/alert-dialog.component.d.ts +1 -6
- package/lib/interaction/components/editors/edit-context.d.ts +1 -1
- package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts +3 -5
- package/lib/interaction/confirm.d.ts +0 -4
- package/lib/interaction/exports.d.ts +0 -5
- package/lib/interaction/interaction-context.d.ts +1 -7
- package/lib/interaction/interaction.module.d.ts +33 -35
- package/lib/interaction/services/interaction-service-routing-adapter.d.ts +2 -2
- package/lib/interaction/services/interaction.service.d.ts +1 -2
- package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context-factory.d.ts +1 -1
- package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context.d.ts +1 -3
- package/lib/place/components/place-outlet/place-outlet.component.d.ts +4 -3
- package/lib/place/place-auth-service.d.ts +4 -4
- package/lib/place/place-component.d.ts +5 -7
- package/lib/place/place-definition.d.ts +0 -2
- package/lib/place/place-router.d.ts +3 -8
- package/lib/place/place.module.d.ts +5 -4
- package/package.json +4 -6
- package/assets/draw.scss +0 -20
- package/assets/layout.scss +0 -3
- package/esm2022/lib/components/commands/button-renderer/button-renderer.component.mjs +0 -115
- package/esm2022/lib/components/file/file-download/file-download.component.mjs +0 -89
- package/esm2022/lib/components/forms/form-field.mjs +0 -2
- package/esm2022/lib/components/forms/search-input/search-input.component.mjs +0 -33
- package/esm2022/lib/components/tables/column/column-manager.mjs +0 -81
- package/esm2022/lib/components/tables/column/column-order-manager.mjs +0 -19
- package/esm2022/lib/components/tables/footer/footer-row-model.mjs +0 -38
- package/esm2022/lib/components/tables/renderer/abstract-cell-renderer.mjs +0 -7
- package/esm2022/lib/components/tables/renderer/table-action-column/menu-builder.mjs +0 -2
- package/esm2022/lib/components/tables/renderer/table-action-column/table-action-column.component.mjs +0 -153
- package/esm2022/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu-popup.component.mjs +0 -45
- package/esm2022/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu.component.mjs +0 -71
- package/esm2022/lib/components/tables/renderer/table-footer-row/table-footer-row.component.mjs +0 -30
- package/esm2022/lib/directives/resize-observer.directive.mjs +0 -40
- package/esm2022/lib/interaction/activity-context.mjs +0 -4
- package/esm2022/lib/interaction/components/alert-renderer/alert-renderer.component.mjs +0 -55
- package/esm2022/lib/interaction/components/confirm-renderer/confirm-renderer.component.mjs +0 -54
- package/esm2022/lib/interaction/components/slide-down-interaction-context/slide-down-interaction-context.component.mjs +0 -134
- package/esm2022/lib/interaction/interaction-context-provider.mjs +0 -17
- package/lib/components/commands/button-renderer/button-renderer.component.d.ts +0 -30
- package/lib/components/file/file-download/file-download.component.d.ts +0 -45
- package/lib/components/forms/form-field.d.ts +0 -5
- package/lib/components/forms/search-input/search-input.component.d.ts +0 -10
- package/lib/components/tables/column/column-manager.d.ts +0 -19
- package/lib/components/tables/column/column-order-manager.d.ts +0 -20
- package/lib/components/tables/footer/footer-row-model.d.ts +0 -22
- package/lib/components/tables/renderer/abstract-cell-renderer.d.ts +0 -6
- package/lib/components/tables/renderer/table-action-column/menu-builder.d.ts +0 -7
- package/lib/components/tables/renderer/table-action-column/table-action-column.component.d.ts +0 -42
- package/lib/components/tables/renderer/table-custom-more-menu/table-custom-more-menu-popup.component.d.ts +0 -19
- package/lib/components/tables/renderer/table-footer-row/table-footer-row.component.d.ts +0 -11
- package/lib/directives/resize-observer.directive.d.ts +0 -16
- package/lib/interaction/activity-context.d.ts +0 -9
- package/lib/interaction/components/alert-renderer/alert-renderer.component.d.ts +0 -17
- package/lib/interaction/components/confirm-renderer/confirm-renderer.component.d.ts +0 -15
- package/lib/interaction/components/slide-down-interaction-context/slide-down-interaction-context.component.d.ts +0 -53
- package/lib/interaction/interaction-context-provider.d.ts +0 -11
|
@@ -52,10 +52,8 @@
|
|
|
52
52
|
aup-activity-body {
|
|
53
53
|
display: block;
|
|
54
54
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
|
|
58
|
-
}
|
|
55
|
+
padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
|
|
56
|
+
padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
|
|
59
57
|
|
|
60
58
|
&:not(.full-width) {
|
|
61
59
|
padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
|
|
@@ -64,7 +62,7 @@
|
|
|
64
62
|
}
|
|
65
63
|
|
|
66
64
|
aup-activity-title.transparent-background + aup-activity-body {
|
|
67
|
-
padding-top: 0
|
|
65
|
+
padding-top: 0;//var(--aup-activity-padding-top, var(--aup-activity-padding));
|
|
68
66
|
}
|
|
69
67
|
|
|
70
68
|
aup-activity-actions {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
|
|
1
2
|
@mixin apply-theme($color-config, $typography-config) {
|
|
2
3
|
|
|
3
4
|
.aup-input-activity {
|
|
4
5
|
|
|
5
|
-
padding-
|
|
6
|
-
padding-
|
|
7
|
-
padding-
|
|
8
|
-
padding-
|
|
6
|
+
padding-left: var(--aup-activity-padding-left, 0);
|
|
7
|
+
padding-right: var(--aup-activity-padding-right, 0);
|
|
8
|
+
padding-top: var(--aup-activity-padding-top, 0);
|
|
9
|
+
padding-bottom: var(--aup-activity-padding-bottom, 0);
|
|
9
10
|
|
|
10
11
|
//&[layout=block] {
|
|
11
12
|
//}
|
|
@@ -14,7 +15,6 @@
|
|
|
14
15
|
&[layout=inline] {
|
|
15
16
|
display: flex;
|
|
16
17
|
flex-direction: row;
|
|
17
|
-
align-items: center;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
aup-activity-actions {
|
|
@@ -27,17 +27,9 @@
|
|
|
27
27
|
padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
|
|
28
28
|
padding-right: var(--aup-activity-padding-right, var(--aup-activity-padding));
|
|
29
29
|
|
|
30
|
-
&[layout=inline] {
|
|
31
|
-
--p: calc(var(--aup-activity-padding)/2);
|
|
32
|
-
padding-top: var(--aup-activity-padding-top, var(--p));
|
|
33
|
-
padding-bottom: var(--aup-activity-padding-bottom, var(--p));
|
|
34
|
-
}
|
|
35
|
-
|
|
36
30
|
&[layout=block] {
|
|
37
|
-
padding-
|
|
38
|
-
padding-bottom: 0; //var(--aup-activity-padding-bottom, var(--aup-activity-padding));
|
|
31
|
+
padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
|
|
39
32
|
}
|
|
40
|
-
|
|
41
33
|
}
|
|
42
34
|
|
|
43
35
|
|
package/assets/form.scss
CHANGED
|
@@ -7,12 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
display: block;
|
|
9
9
|
|
|
10
|
-
span[matsuffix] {
|
|
11
|
-
display: inline-flex;
|
|
12
|
-
flex-direction: row;
|
|
13
|
-
align-items: center;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
10
|
mat-form-field, input {
|
|
17
11
|
width: 100%;
|
|
18
12
|
|
|
@@ -22,12 +16,6 @@
|
|
|
22
16
|
}
|
|
23
17
|
}
|
|
24
18
|
|
|
25
|
-
&.disabled {
|
|
26
|
-
mat-hint {
|
|
27
|
-
color: var(--mdc-outlined-text-field-disabled-label-text-color)
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
19
|
mat-form-field {
|
|
32
20
|
// matPrefix/Suffix alignment is a bit shit..
|
|
33
21
|
// Icons float much higher than the text, button icons don't center.
|
|
@@ -39,12 +27,10 @@
|
|
|
39
27
|
align-self: flex-end; // sit on the bottom of the line
|
|
40
28
|
align-items: center; // and center our internal content.
|
|
41
29
|
}
|
|
42
|
-
|
|
43
30
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
44
31
|
.mat-form-field-infix {
|
|
45
32
|
width: auto;
|
|
46
33
|
}
|
|
47
|
-
|
|
48
34
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
49
35
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
50
36
|
.mat-form-field-suffix {
|
|
@@ -53,71 +39,41 @@
|
|
|
53
39
|
}
|
|
54
40
|
}
|
|
55
41
|
|
|
56
|
-
// Stops floating labels being clobbered by the form contents
|
|
57
|
-
.mdc-text-field--outlined .mdc-notched-outline {
|
|
58
|
-
z-index: 2;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
--mat-form-field-subscript-text-line-height: 13px; // was 20px
|
|
62
|
-
.mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper {
|
|
63
|
-
padding: 0 4px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
42
|
}
|
|
67
43
|
|
|
68
|
-
&:not(.dense) {
|
|
69
|
-
margin-top: 4px; // HACK: make room for the float label
|
|
70
|
-
}
|
|
71
44
|
|
|
72
45
|
&.dense {
|
|
73
|
-
|
|
74
46
|
mat-form-field {
|
|
75
|
-
|
|
76
|
-
|
|
47
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
48
|
+
.mat-form-field-infix {
|
|
49
|
+
border-top: none;
|
|
77
50
|
}
|
|
78
|
-
|
|
79
|
-
.mat-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
padding-bottom: 6px;
|
|
83
|
-
|
|
51
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
52
|
+
.mat-form-field-flex {
|
|
53
|
+
padding-top: 0;
|
|
54
|
+
align-items: center; // normally baseline but this causes the date range picker to add about 3px to the height
|
|
84
55
|
}
|
|
85
|
-
|
|
86
|
-
.mat-
|
|
87
|
-
|
|
88
|
-
|
|
56
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
57
|
+
.mat-form-field-wrapper {
|
|
58
|
+
padding-bottom: 0;
|
|
59
|
+
border-bottom: 0;
|
|
60
|
+
}
|
|
61
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
62
|
+
.mat-form-field-underline {
|
|
63
|
+
bottom: 0
|
|
64
|
+
}
|
|
65
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
66
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
67
|
+
&.mat-form-field-can-float.mat-form-field-should-float {
|
|
68
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
69
|
+
.mat-form-field-label-wrapper {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
74
|
+
&.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
|
|
75
|
+
transform: translateY(0); // stop the arrow moving up to center with the input and the now missing label.
|
|
89
76
|
}
|
|
90
|
-
|
|
91
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
92
|
-
//.mat-form-field-infix {
|
|
93
|
-
// border-top: none;
|
|
94
|
-
//}
|
|
95
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
96
|
-
//.mat-form-field-flex {
|
|
97
|
-
// padding-top: 0;
|
|
98
|
-
// align-items: center; // normally baseline but this causes the date range picker to add about 3px to the height
|
|
99
|
-
//}
|
|
100
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
101
|
-
//.mat-form-field-wrapper {
|
|
102
|
-
// padding-bottom: 0;
|
|
103
|
-
// border-bottom: 0;
|
|
104
|
-
//}
|
|
105
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
106
|
-
//.mat-form-field-underline {
|
|
107
|
-
// bottom: 0
|
|
108
|
-
//}
|
|
109
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
110
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
111
|
-
//&.mat-form-field-can-float.mat-form-field-should-float {
|
|
112
|
-
// /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
113
|
-
// .mat-form-field-label-wrapper {
|
|
114
|
-
// display: none;
|
|
115
|
-
// }
|
|
116
|
-
//}
|
|
117
|
-
///* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
118
|
-
//&.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
|
|
119
|
-
// transform: translateY(0); // stop the arrow moving up to center with the input and the now missing label.
|
|
120
|
-
//}
|
|
121
77
|
|
|
122
78
|
}
|
|
123
79
|
}
|
|
@@ -131,18 +87,15 @@ aup-table-cell-renderer > .aup-input-component {
|
|
|
131
87
|
.mat-form-field-flex {
|
|
132
88
|
padding-top: 0;
|
|
133
89
|
}
|
|
134
|
-
|
|
135
90
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
136
91
|
.mat-form-field-infix {
|
|
137
92
|
width: 0; // ensure it doesn't expand the cell.
|
|
138
93
|
//border-top: none; // remove label space
|
|
139
94
|
}
|
|
140
|
-
|
|
141
95
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
142
96
|
.mat-form-field-label-wrapper { // hide the label
|
|
143
97
|
display: none;
|
|
144
98
|
}
|
|
145
|
-
|
|
146
99
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
|
147
100
|
.mat-form-field-subscript-wrapper {
|
|
148
101
|
|
package/assets/icons.scss
CHANGED
package/assets/styles.scss
CHANGED
package/assets/table.scss
CHANGED
|
@@ -1,25 +1,16 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
|
-
:root {
|
|
4
|
-
--aup-table-column-gap: var(--default-padding, 16px); // material design table column padding
|
|
5
|
-
--aup-table-row-selected-background-color: rgba(0, 0, 255, 0.04);
|
|
6
|
-
--aup-table-row-hover-background-color: rgba(0, 0, 0, 0.05);
|
|
7
|
-
--aup-table-first-column-padding-left: var(--aup-table-column-gap);
|
|
8
|
-
--aup-table-last-column-padding-right: var(--aup-table-last-column-padding-right, var(--aup-table-column-gap));
|
|
9
|
-
--aup-table-header-row-height: 48px;
|
|
10
|
-
--aup-table-row-height: 40px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
3
|
.aup-table-component {
|
|
14
|
-
--resolved-column-gap: var(--column-gap, var(--aup-table-column-gap)); // material design table column padding
|
|
15
|
-
--resolved-row-selected-background-color: var(--aup-table-row-selected-background-color);
|
|
16
|
-
--resolved-row-hover-background-color: var(--aup-table-row-hover-background-color);
|
|
17
|
-
--resolved-first-column-padding-left: var(--aup-table-first-column-padding-left);
|
|
18
|
-
--resolved-last-column-padding-right: var(--aup-table-last-column-padding-right, var(--resolved-column-gap));
|
|
19
|
-
|
|
20
|
-
|
|
4
|
+
--resolved-column-gap: var(--column-gap, var(--aup-table-column-gap, var(--default-padding, 16px))); // material design table column padding
|
|
5
|
+
--resolved-row-selected-background-color: var(--row-selected-background-color, var(--aup-table-row-selected-background-color, rgba(0, 0, 255, 0.04)));
|
|
6
|
+
--resolved-row-hover-background-color: var(--row-hover-background-color, var(--aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)));
|
|
7
|
+
--resolved-first-column-padding-left: var(--first-column-padding-left, var(--aup-table-first-column-padding-left, var(--resolved-column-gap)));
|
|
8
|
+
--resolved-last-column-padding-right: var(--last-column-padding-right, var(--aup-table-last-column-padding-right, var(--resolved-column-gap)));
|
|
9
|
+
//--resolved-header-row-height: var(--aup-table-header-row-height, 48px);
|
|
10
|
+
//--resolved-row-height: var(--aup-table-row-height, 48px);
|
|
11
|
+
|
|
12
|
+
@include mat.all-component-densities(-3);
|
|
21
13
|
|
|
22
|
-
@include mat.all-component-densities(-2);
|
|
23
14
|
|
|
24
15
|
&.hide-header {
|
|
25
16
|
.mat-mdc-table thead {
|
|
@@ -35,29 +26,9 @@
|
|
|
35
26
|
}
|
|
36
27
|
|
|
37
28
|
tr.mat-mdc-header-row {
|
|
38
|
-
|
|
29
|
+
height: auto;
|
|
39
30
|
}
|
|
40
31
|
|
|
41
|
-
tr.mat-mdc-footer-row {
|
|
42
|
-
min-height: 0;
|
|
43
|
-
> td {
|
|
44
|
-
@include mat.all-component-densities(0);
|
|
45
|
-
aup-table-footer-row {
|
|
46
|
-
// same as mat-md-cell
|
|
47
|
-
border-top-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
|
|
48
|
-
border-top-width: var(--mat-table-row-item-outline-width, 1px);
|
|
49
|
-
border-top-style: solid;
|
|
50
|
-
|
|
51
|
-
padding: 6px var(--resolved-first-column-padding-left) 6px var(--resolved-last-column-padding-right);
|
|
52
|
-
min-height: var(--resolved-row-height);
|
|
53
|
-
&.no-padding {
|
|
54
|
-
padding: 0;
|
|
55
|
-
height: auto;
|
|
56
|
-
min-height: auto;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
32
|
|
|
62
33
|
.mdc-data-table__cell, .mdc-data-table__header-cell {
|
|
63
34
|
padding: 0
|
|
@@ -90,7 +61,6 @@
|
|
|
90
61
|
}
|
|
91
62
|
}
|
|
92
63
|
|
|
93
|
-
|
|
94
64
|
}
|
|
95
65
|
|
|
96
66
|
aup-table-cell, aup-table-header-cell {
|
|
@@ -108,7 +78,7 @@
|
|
|
108
78
|
|
|
109
79
|
&.last-visible-column {
|
|
110
80
|
padding-right: var(--resolved-last-column-padding-right);
|
|
111
|
-
&.aup-col-
|
|
81
|
+
&.aup-col-more-menu {
|
|
112
82
|
padding-right: 0;
|
|
113
83
|
}
|
|
114
84
|
}
|
|
@@ -132,4 +102,12 @@
|
|
|
132
102
|
}
|
|
133
103
|
}
|
|
134
104
|
|
|
105
|
+
aup-table-header-cell {
|
|
106
|
+
//min-height: calc(var(--resolved-header-row-height) - 1px); // subtracting the bottom border width.
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
aup-table-cell {
|
|
110
|
+
//min-height: var(--resolved-row-height); // same as mat table row height - border bottom.
|
|
111
|
+
}
|
|
112
|
+
|
|
135
113
|
}
|
package/assets/tabs.scss
CHANGED
|
@@ -5,9 +5,12 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
[full-height-tabs], mat-tab-group.full-height-tabs {
|
|
8
|
-
|
|
8
|
+
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
|
|
9
|
+
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
|
|
10
|
+
.mat-tab-body-wrapper {
|
|
9
11
|
flex: 1;
|
|
10
|
-
|
|
12
|
+
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
|
|
13
|
+
mat-tab-body, .mat-tab-body-content {
|
|
11
14
|
display: flex;
|
|
12
15
|
flex-direction: column;
|
|
13
16
|
justify-content: stretch;
|
|
@@ -15,16 +18,3 @@
|
|
|
15
18
|
}
|
|
16
19
|
}
|
|
17
20
|
|
|
18
|
-
mat-tab-group {
|
|
19
|
-
&[flex], &.flex {
|
|
20
|
-
flex:1;
|
|
21
|
-
.mat-mdc-tab-body-wrapper {
|
|
22
|
-
flex: 1;
|
|
23
|
-
mat-tab-body, .mat-mdc-tab-body-content {
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
justify-content: stretch;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
@@ -2,16 +2,24 @@ import { animate, group, style, transition, trigger } from '@angular/animations'
|
|
|
2
2
|
const slideDownOnEnterDef = style({
|
|
3
3
|
opacity: 0,
|
|
4
4
|
'height': '0',
|
|
5
|
-
'max-height': '0',
|
|
6
5
|
paddingTop: '0',
|
|
7
6
|
paddingBottom: '0'
|
|
8
7
|
});
|
|
8
|
+
// TODO: params aren't getting customised in the view. Need to figure out the correct approach.
|
|
9
|
+
export const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
|
|
10
|
+
transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
|
|
11
|
+
transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
|
|
12
|
+
]);
|
|
9
13
|
const slideLeftOnEnterDef = style({
|
|
10
14
|
opacity: 0,
|
|
11
15
|
'width': '0',
|
|
12
16
|
paddingLeft: '0',
|
|
13
17
|
paddingRight: '0'
|
|
14
18
|
});
|
|
19
|
+
export const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
|
|
20
|
+
transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
|
|
21
|
+
transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
|
|
22
|
+
]);
|
|
15
23
|
const ZERO_WIDTH = {
|
|
16
24
|
opacity: 0,
|
|
17
25
|
width: '0',
|
|
@@ -24,19 +32,6 @@ const ZERO_HEIGHT = {
|
|
|
24
32
|
paddingTop: '0',
|
|
25
33
|
paddingBottom: '0',
|
|
26
34
|
};
|
|
27
|
-
// TODO: params aren't getting customised in the view. Need to figure out the correct approach.
|
|
28
|
-
export const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
|
|
29
|
-
transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
|
|
30
|
-
transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
|
|
31
|
-
]);
|
|
32
|
-
export const slideDownWhenOpenAnimation = trigger('slideDownWhenOpen', [
|
|
33
|
-
transition('closed => open', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
|
|
34
|
-
transition('open => closed', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
|
|
35
|
-
]);
|
|
36
|
-
export const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
|
|
37
|
-
transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
|
|
38
|
-
transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
|
|
39
|
-
]);
|
|
40
35
|
export const slideDownAndRightOnEnterAnimation = trigger('slideDownAndRightOnEnter', [
|
|
41
36
|
transition(':enter', [
|
|
42
37
|
style({ overflow: "hidden", whiteSpace: "nowrap", ...ZERO_WIDTH, ...ZERO_HEIGHT }),
|
|
@@ -53,4 +48,4 @@ export const slideDownAndRightOnEnterAnimation = trigger('slideDownAndRightOnEnt
|
|
|
53
48
|
])
|
|
54
49
|
], { params: { duration: '100ms' } })
|
|
55
50
|
]);
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2FuaW1hdGlvbnMvc2xpZGUtYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRS9FLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLE9BQU8sRUFBRSxDQUFDO0lBQ1YsUUFBUSxFQUFFLEdBQUc7SUFDYixVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUMsQ0FBQztBQUVILGdHQUFnRztBQUNoRyxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxPQUFPLENBQUMsa0JBQWtCLEVBQUU7SUFDbkUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLG1CQUFtQixFQUFFLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7SUFDdkcsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7Q0FDeEcsQ0FBQyxDQUFDO0FBRUgsTUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUM7SUFDaEMsT0FBTyxFQUFFLENBQUM7SUFDVixPQUFPLEVBQUUsR0FBRztJQUNaLFdBQVcsRUFBRSxHQUFHO0lBQ2hCLFlBQVksRUFBRSxHQUFHO0NBQ2xCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTtJQUNyRSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsT0FBTyxDQUFDLGNBQWMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUN2RyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztDQUN4RyxDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsR0FBRztJQUNqQixPQUFPLEVBQUUsQ0FBQztJQUNWLEtBQUssRUFBRSxHQUFHO0lBQ1YsV0FBVyxFQUFFLEdBQUc7SUFDaEIsWUFBWSxFQUFFLEdBQUc7Q0FDbEIsQ0FBQztBQUNGLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLE9BQU8sRUFBRSxDQUFDO0lBQ1YsTUFBTSxFQUFFLEdBQUc7SUFDWCxVQUFVLEVBQUUsR0FBRztJQUNmLGFBQWEsRUFBRSxHQUFHO0NBQ25CLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxpQ0FBaUMsR0FBRyxPQUFPLENBQUMsMEJBQTBCLEVBQUU7SUFDbkYsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsR0FBRyxVQUFVLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztRQUNsRixPQUFPLENBQUMsY0FBYyxDQUFDO0tBQ3hCLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUNyQyxVQUFVLENBQUMsUUFBUSxFQUNqQjtRQUNFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ25ELEtBQUssQ0FBQztZQUNKLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQzNDLHFIQUFxSDtZQUNySCxxSEFBcUg7WUFDckgsc0dBQXNHO1lBQ3RHLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3BDLENBQUM7S0FDSCxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7Q0FDeEMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHthbmltYXRlLCBncm91cCwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBzbGlkZURvd25PbkVudGVyRGVmID0gc3R5bGUoe1xuICBvcGFjaXR5OiAwLFxuICAnaGVpZ2h0JzogJzAnLFxuICBwYWRkaW5nVG9wOiAnMCcsXG4gIHBhZGRpbmdCb3R0b206ICcwJ1xufSk7XG5cbi8vIFRPRE86IHBhcmFtcyBhcmVuJ3QgZ2V0dGluZyBjdXN0b21pc2VkIGluIHRoZSB2aWV3LiAgTmVlZCB0byBmaWd1cmUgb3V0IHRoZSBjb3JyZWN0IGFwcHJvYWNoLlxuZXhwb3J0IGNvbnN0IHNsaWRlRG93bk9uRW50ZXJBbmltYXRpb24gPSB0cmlnZ2VyKCdzbGlkZURvd25PbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc2xpZGVEb3duT25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc2xpZGVEb3duT25FbnRlckRlZildLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pXG5dKTtcblxuY29uc3Qgc2xpZGVMZWZ0T25FbnRlckRlZiA9IHN0eWxlKHtcbiAgb3BhY2l0eTogMCxcbiAgJ3dpZHRoJzogJzAnLFxuICBwYWRkaW5nTGVmdDogJzAnLFxuICBwYWRkaW5nUmlnaHQ6ICcwJ1xufSk7XG5cbmV4cG9ydCBjb25zdCBzbGlkZVJpZ2h0T25FbnRlckFuaW1hdGlvbiA9IHRyaWdnZXIoJ3NsaWRlUmlnaHRPbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc2xpZGVMZWZ0T25FbnRlckRlZiwgYW5pbWF0ZSgne3tkdXJhdGlvbn19JyldLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pLFxuICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgne3tkdXJhdGlvbn19Jywgc2xpZGVMZWZ0T25FbnRlckRlZildLCB7IHBhcmFtczogeyBkdXJhdGlvbjogJzEwMG1zJyB9IH0pXG5dKTtcblxuY29uc3QgWkVST19XSURUSCA9IHtcbiAgb3BhY2l0eTogMCxcbiAgd2lkdGg6ICcwJyxcbiAgcGFkZGluZ0xlZnQ6ICcwJyxcbiAgcGFkZGluZ1JpZ2h0OiAnMCcsXG59O1xuY29uc3QgWkVST19IRUlHSFQgPSB7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogJzAnLFxuICBwYWRkaW5nVG9wOiAnMCcsXG4gIHBhZGRpbmdCb3R0b206ICcwJyxcbn07XG5leHBvcnQgY29uc3Qgc2xpZGVEb3duQW5kUmlnaHRPbkVudGVyQW5pbWF0aW9uID0gdHJpZ2dlcignc2xpZGVEb3duQW5kUmlnaHRPbkVudGVyJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgc3R5bGUoeyBvdmVyZmxvdzogXCJoaWRkZW5cIiwgd2hpdGVTcGFjZTogXCJub3dyYXBcIiwgLi4uWkVST19XSURUSCwgLi4uWkVST19IRUlHSFQgfSksXG4gICAgYW5pbWF0ZSgne3tkdXJhdGlvbn19JylcbiAgXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJyxcbiAgICBbXG4gICAgICBzdHlsZSh7IG92ZXJmbG93OiBcImhpZGRlblwiLCB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiIH0pLFxuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKCd7e2R1cmF0aW9ufX0nLCBzdHlsZShaRVJPX0hFSUdIVCkpLFxuICAgICAgICAvLyBIYWNrOiAxMDBtcyBpcyB0b28gcXVpY2sgYXMgaXQgYW5pbWF0ZXMgZnJvbSAqIC0gMCBhcyB3ZSBvbmx5IHNlZSBpdCBhbmltYXRlIHRoZSB3aWR0aCBpcyBncmVhdGVyIHRoYW4gdGhlIHBhcmVudC5cbiAgICAgICAgLy8gTm90IHN1cmUgaG93IHRvIGFuaW1hdGUgZnJvbSAqIHRvIG5hdHVyYWwgbmV3IHdpZHRoIG9mIHBhcmVudC4gIFRoaXMgaGFjayB3b24ndCB3b3JrIGZvciB0ZXh0IHRoYXQncyBqdXN0IGEgbGl0dGxlXG4gICAgICAgIC8vIGJpdCB3aWRlciB0aGFuIHRoZSBwYXJlbnQgYXMgaXQnbGwgZmFsbCB3aXRoaW4gdGhlIHBhcmVudCBib3VuZHMgdmVyeSBlYXJseSBpbiB0aGUgYW5pbWF0aW9uIGN5Y2xlLlxuICAgICAgICBhbmltYXRlKCczMDBtcycsIHN0eWxlKFpFUk9fV0lEVEgpKSxcbiAgICAgIF0pXG4gICAgXSwgeyBwYXJhbXM6IHsgZHVyYXRpb246ICcxMDBtcycgfSB9KVxuXSk7XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
|
|
3
|
-
import { Command,
|
|
3
|
+
import { Command, proxify, Proxify } from '@coolon/pectin';
|
|
4
4
|
import { CommandFace } from '../commands/command-face';
|
|
5
5
|
import { DisposableComponent } from '../disposable-component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -8,53 +8,30 @@ export class AbstractCardContainerComponent extends DisposableComponent {
|
|
|
8
8
|
#addCardCommand_accessor_storage = proxify((Command));
|
|
9
9
|
get addCardCommand() { return this.#addCardCommand_accessor_storage; }
|
|
10
10
|
set addCardCommand(value) { this.#addCardCommand_accessor_storage = value; }
|
|
11
|
-
|
|
12
|
-
get addCardFace$() { return this.#addCardFace$_accessor_storage; }
|
|
13
|
-
set addCardFace$(value) { this.#addCardFace$_accessor_storage = value; }
|
|
14
|
-
#addCardFace_accessor_storage;
|
|
15
|
-
get addCardFace() { return this.#addCardFace_accessor_storage; }
|
|
16
|
-
set addCardFace(value) { this.#addCardFace_accessor_storage = value; }
|
|
11
|
+
addCardFace;
|
|
17
12
|
addCardTemplate;
|
|
18
|
-
_addCardFaces$;
|
|
19
|
-
hasFace$;
|
|
20
13
|
constructor() {
|
|
21
14
|
super();
|
|
22
|
-
const { chain } = Dsl.disposeWith(this);
|
|
23
|
-
this._addCardFaces$ = chain(this.addCardFace$).mapToList(f => f ? [f] : this.addCardCommand.faces$.value, {
|
|
24
|
-
allowNil: true,
|
|
25
|
-
dependsOn: this.addCardCommand.faces$
|
|
26
|
-
});
|
|
27
|
-
this.hasFace$ = chain(this._addCardFaces$).isNotEmpty();
|
|
28
15
|
}
|
|
29
16
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
31
18
|
}
|
|
32
19
|
__decorate([
|
|
33
20
|
Proxify(),
|
|
34
21
|
__metadata("design:type", Object)
|
|
35
22
|
], AbstractCardContainerComponent.prototype, "addCardCommand", null);
|
|
36
|
-
__decorate([
|
|
37
|
-
Proxify(),
|
|
38
|
-
__metadata("design:type", ValueModel)
|
|
39
|
-
], AbstractCardContainerComponent.prototype, "addCardFace$", null);
|
|
40
|
-
__decorate([
|
|
41
|
-
StoreInValueModel(),
|
|
42
|
-
__metadata("design:type", Object)
|
|
43
|
-
], AbstractCardContainerComponent.prototype, "addCardFace", null);
|
|
44
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, decorators: [{
|
|
45
24
|
type: Component,
|
|
46
25
|
args: [{
|
|
47
26
|
selector: 'aup-abstract-card-container',
|
|
48
|
-
template: ''
|
|
27
|
+
template: '',
|
|
49
28
|
}]
|
|
50
29
|
}], ctorParameters: function () { return []; }, propDecorators: { addCardCommand: [{
|
|
51
30
|
type: Input
|
|
52
|
-
}], addCardFace$: [{
|
|
53
|
-
type: Input
|
|
54
31
|
}], addCardFace: [{
|
|
55
32
|
type: Input
|
|
56
33
|
}], addCardTemplate: [{
|
|
57
34
|
type: ContentChild,
|
|
58
35
|
args: ['addCardTemplate']
|
|
59
36
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQU01RCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBRzVELG1DQUFpQixPQUFPLENBQUMsQ0FBQSxPQUFZLENBQUEsQ0FBQyxDQUFDO0lBQXZDLElBQUEsY0FBYyxvREFBeUI7SUFBdkMsSUFBQSxjQUFjLDBEQUF5QjtJQUdoRCxXQUFXLENBQWM7SUFHekIsZUFBZSxDQUFtQjtJQUVsQztRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzt1R0FiVSw4QkFBOEI7MkZBQTlCLDhCQUE4QixvUkFGL0IsRUFBRTs7QUFLSDtJQURDLE9BQU8sRUFBRTs7b0VBQzZCOzJGQUhyQyw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsUUFBUSxFQUFFLEVBQUU7aUJBQ2I7MEVBSVUsY0FBYztzQkFEdEIsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1hbmQsIHByb3hpZnksIFByb3hpZnl9IGZyb20gJ0Bjb29sb24vcGVjdGluJztcbmltcG9ydCB7Q29tbWFuZEZhY2V9IGZyb20gJy4uL2NvbW1hbmRzL2NvbW1hbmQtZmFjZSc7XG5pbXBvcnQge0Rpc3Bvc2FibGVDb21wb25lbnR9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWFic3RyYWN0LWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6ICcnLFxufSlcbmV4cG9ydCBjbGFzcyBBYnN0cmFjdENhcmRDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBEaXNwb3NhYmxlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBAUHJveGlmeSgpXG4gIGFjY2Vzc29yIGFkZENhcmRDb21tYW5kID0gcHJveGlmeShDb21tYW5kPGFueT4pO1xuXG4gIEBJbnB1dCgpXG4gIGFkZENhcmRGYWNlOiBDb21tYW5kRmFjZTtcblxuICBAQ29udGVudENoaWxkKCdhZGRDYXJkVGVtcGxhdGUnKVxuICBhZGRDYXJkVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, ElementRef, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import { lang } from '@coolon/typescript-utilities';
|
|
3
|
-
import { isInteger, isNil } from 'lodash
|
|
3
|
+
import { isInteger, isNil } from 'lodash';
|
|
4
4
|
import { AbstractCardContainerComponent } from '../abstract-card-container.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
@@ -109,11 +109,11 @@ export class CardContainerComponent extends AbstractCardContainerComponent {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header]
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-max-width: var(--card-max-width, auto);--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fit,minmax(var(--resolved-card-width),var(--resolved-card-max-width)));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CommandDirective, selector: "[pectinCommand]", inputs: ["pectinCommand", "commandParameter"] }, { kind: "component", type: i3.ScrollContainerComponent, selector: "aup-scroll-container", inputs: ["disableScroll$", "disableScroll"] }, { kind: "component", type: i4.IconComponent, selector: "aup-icon", inputs: ["icon"] }, { kind: "component", type: i5.CommandFaceComponent, selector: "aup-command-face", inputs: ["faces", "face", "ignoreIcon", "ignoreText", "includeMissingIconInLayout"] }] });
|
|
113
113
|
}
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
|
-
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header]
|
|
116
|
+
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-max-width: var(--card-max-width, auto);--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fit,minmax(var(--resolved-card-width),var(--resolved-card-max-width)));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"] }]
|
|
117
117
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { columnCount: [{
|
|
118
118
|
type: Input
|
|
119
119
|
}], enableScroll: [{
|
|
@@ -125,4 +125,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
125
125
|
type: HostBinding,
|
|
126
126
|
args: ['class.single-column']
|
|
127
127
|
}] } });
|
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9jYXJkLWNvbnRhaW5lci9jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL2NhcmQtY29udGFpbmVyL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBRWxELE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sUUFBUSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyw4QkFBOEIsRUFBQyxNQUFNLHNDQUFzQyxDQUFDOzs7Ozs7O0FBR3BGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkRHO0FBTUgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQXdCM0M7SUF0QnJCLFlBQVksQ0FBcUI7SUFFekMsSUFDSSxXQUFXLENBQUMsS0FBeUI7UUFDdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRTtZQUNyRCxJQUFJLENBQUMsWUFBWSxDQUFDLCtDQUErQyxDQUFDLENBQUM7U0FDcEU7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7O09BR0c7SUFFSCxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRXJCLFlBQTZCLFVBQXNCO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRG1CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFFakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFRCxJQUNJLGFBQWE7UUFDZixPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQ0ksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxZQUFZLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFUyx1QkFBdUI7UUFDL0IsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDekMsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQzVCLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLG1DQUFtQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQy9EO2FBQU07WUFDTCxFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxtQ0FBbUMsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDOUU7SUFDSCxDQUFDO3VHQTlDVSxzQkFBc0I7MkZBQXRCLHNCQUFzQiwyUUMxRW5DLGdpQ0ErQkE7OzJGRDJDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9CO2lHQVMxQixXQUFXO3NCQURkLEtBQUs7Z0JBa0JOLFlBQVk7c0JBRFgsS0FBSztnQkFTRixhQUFhO3NCQURoQixXQUFXO3VCQUFDLG9CQUFvQjtnQkFNN0IsY0FBYztzQkFEakIsV0FBVzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7bGFuZ30gZnJvbSAnQGNvb2xvbi90eXBlc2NyaXB0LXV0aWxpdGllcyc7XG5cbmltcG9ydCB7aXNJbnRlZ2VyLCBpc05pbH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7QWJzdHJhY3RDYXJkQ29udGFpbmVyQ29tcG9uZW50fSBmcm9tICcuLi9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuXG5cbi8qKlxuICogQGV4YW1wbGVcbiAqIC8vIGJhc2ljIHVzYWdlXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBhZGRzIGFuIGFkZCBidXR0b24gd2l0aCBhIHRoZSAnKycgaWNvbiB0byB0aGUgZW5kIG9mIHRoZSBjYXJkIGxpc3QuXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyIFthZGRDYXJkQ29tbWFuZF09XCJhZGRDYXJkXCI+XG4gKiAgIDxteS1jYXJkICpuZ0Zvcj1cIi4uLlwiPjwvbXktY2FyZD5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIGFkZHMgYW4gYWRkIGJ1dHRvbiB3aXRoIHRoZSBzcGVjaWZpZWQgZmFjZVxuICogPGF1cC1jYXJkLWNvbnRhaW5lciBbYWRkQ2FyZENvbW1hbmRdPVwiYWRkQ2FyZFwiIFthZGRDYXJkRmFjZV09XCJpMThuLmFkZENhcmRcIiA+XG4gKiAgIDxteS1jYXJkICpuZ0Zvcj1cIi4uLlwiPjwvbXktY2FyZD5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIHVzZSB0aGUgYXVwLWFkZC1jYXJkLWFjdGl2aXR5IHRvIGRpc3BsYXkgYXMgdGhlIG5ldyBjYXJkIHBsYWNlIGhvbGRlciBhbmQgdG8gcnVuXG4gKiAvLyB0aGUgYWN0aXZpdHkgaW5zaWRlIHRlaCBjYXJkXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyIFthZGRDYXJkQ29tbWFuZF09XCJhZGRDYXJkXCIgW2FkZENhcmRGYWNlXT1cImkxOG4uYWRkQ2FyZFwiID5cbiAqICAgPG15LWNhcmQgKm5nRm9yPVwiLi4uXCI+PC9teS1jYXJkPlxuICogICA8YXVwLWFkZC1jYXJkLWFjdGl2aXR5IHR5cGU9XCJpbmxpbmVcIiByZW5kZXJBcz1cImNhcmRcIiBbZmFjZV09XCJpMThuLmNvbW1hbmRzLmFkZE1vZGFsXCIgW2FjdGl2aXR5Q2xhc3NdPVwiQWRkQ2FyZEFjdGl2aXR5XCI+PC9hdXAtYWRkLWNhcmQtYWN0aXZpdHk+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBhZGRzIGFuIGFkZCBjYXJkIGNvbXBvbmVudCB1c2luZyB0aGUgc3BlY2lmaWVkIHRlbXBsYXRlLiAgVGhlIHRlbXBsYXRlXG4gKiAvLyB3aWxsIGZpbGwgaXQncyBjb250YWluZXIgaW4gdGhlIGdyaWQuXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiAgIDxuZy10ZW1wbGF0ZSAjYWRkQ2FyZFRlbXBsYXRlPlxuICogICAgIDxkaXY+VGhpcyBpcyBhIG5ldyBjYXJkIHRlbXBsYXRlLCBpdCB3aWxsIHRoZSB0aGUgc2l6ZSBvZiB0aGUgb3RoZXIgY2FyZHMuPC9kaXY+XG4gKiAgIDwvbmctdGVtcGxhdGU+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBzaW5nIHRoZSBkZWZhdWx0IG5ldyBjYXJkIHN0eWxlcyBmb3IgeW91ciB0ZW1wbGF0ZVxuICogQGltcG9ydCBcIi4uLy4uLy4uLy4uL2Fzc2V0cy9zdHlsZXNcIjtcbiAqIC5teS1uZXctY2FyZCB7XG4gKiAgIEBpbmNsdWRlIGF1cC1jYXJkLWNvbnRhaW5lci1uZXctY2FyZC1zdHlsZSgpO1xuICogICAvLyBPUlxuICogICBAaW5jbHVkZSBhdXAtY2FyZC1jb250YWluZXItbmV3LWNhcmQtc3R5bGUoXG4gKiAgICAgICRjb2xvcjogcmdiYSgwLDAsMCwwLjU0KSxcbiAqICAgICAgJGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LDI1NSwyNTUsMC44KSxcbiAqICAgICAgJGhvdmVyLWNvbG9yOiAkY29sb3IsXG4gKiAgICAgICRiYWNrZ3JvdW5kLWhvdmVyLWNvbG9yOiB3aGl0ZVxuICogICApXG4gKiB9XG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiAgIDxuZy10ZW1wbGF0ZSAjYWRkQ2FyZFRlbXBsYXRlPlxuICogICAgIDxkaXYgY2xhc3M9XCJteS1uZXctY2FyZFwiID5UaGlzIGlzIGEgbmV3IGNhcmQgdGVtcGxhdGUsIGl0IHdpbGwgdGhlIHRoZSBzaXplIG9mIHRoZSBvdGhlciBjYXJkcy48L2Rpdj5cbiAqICAgPC9uZy10ZW1wbGF0ZT5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIENTUyBWYXJzXG4gKiBhdXAtY2FyZC1jb250YWluZXIge1xuICogICAtLWNhcmQtZ2FwOiB2YXIoLS1jYXJkLWdhcCwgMTZweCk7XG4gKiAgIC0tY2FyZC13aWR0aDogdmFyKC0tY2FyZC13aWR0aCwgMzAwcHgpO1xuICogICAtLWNhcmQtbWF4LXdpZHRoOiBhdXRvO1xuICogICAtLWNhcmQtaGVpZ2h0OiB2YXIoLS1jYXJkLWhlaWdodCwgYXV0byk7XG4gKiAgIC0tY2FyZC1taW4taGVpZ2h0OiB2YXIoLS1jYXJkLW1pbi1oZWlnaHQsIGF1dG8pO1xuICogICAtLWNhcmQtYmFja2dyb3VuZDogdmFyKC0tY2FyZC1iYWNrZ3JvdW5kLCAjZmNmY2ZiKTtcbiAqIH1cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDYXJkQ29udGFpbmVyQ29tcG9uZW50IHtcblxuICBwcml2YXRlIF9jb2x1bW5Db3VudDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjb2x1bW5Db3VudChjb3VudDogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKCFpc05pbChjb3VudCkgJiYgKCFpc0ludGVnZXIoY291bnQpIHx8IGNvdW50IDwgMSkpIHtcbiAgICAgIGxhbmcuaWxsZWdhbFN0YXRlKCdjb2x1bW5Db3VudCBtdXN0IGJlIGEgcG9zaXRpdmUgaW50ZWdlciBvciBuaWwnKTtcbiAgICB9XG4gICAgdGhpcy5fY29sdW1uQ291bnQgPSBjb3VudDtcbiAgICB0aGlzLnVwZGF0ZUNvbHVtbkNvdW50U3R5bGVzKCk7XG4gIH1cblxuICBnZXQgY29sdW1uQ291bnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NvbHVtbkNvdW50O1xuICB9XG5cbiAgLyoqXG4gICAqIEVuYWJsZSBzY3JvbGxpbmcuICBJZiB0cnVlIHRoZSBjb250YWluZXIgd2lsbCBoYXZlIGhlaWdodD09MCBzbyB5b3UgbXVzdCBzZXQgaXQncyBoZWlnaHQgZXhwbGljaXRseVxuICAgKiBvciBwbGFjZSBpbiBhIGxheW91dCB0aGF0IHdpbGwgc3RyZXRjaCBpdCBzdWNoIGFzIGEgZ3JpZCBvciBmbGV4IGxheW91dC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGVuYWJsZVNjcm9sbCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5vbkluaXQoKCkgPT4gdGhpcy51cGRhdGVDb2x1bW5Db3VudFN0eWxlcygpKVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hdXRvLWNvbHVtbnMnKVxuICBnZXQgaXNBdXRvQ29sdW1ucygpIHtcbiAgICByZXR1cm4gaXNOaWwodGhpcy5fY29sdW1uQ291bnQpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zaW5nbGUtY29sdW1uJylcbiAgZ2V0IGlzU2luZ2xlQ29sdW1uKCkge1xuICAgIHJldHVybiB0aGlzLl9jb2x1bW5Db3VudCA9PT0gMTtcbiAgfVxuXG4gIHByb3RlY3RlZCB1cGRhdGVDb2x1bW5Db3VudFN0eWxlcygpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGlmIChpc05pbCh0aGlzLl9jb2x1bW5Db3VudCkpIHtcbiAgICAgIGVsLnN0eWxlLnNldFByb3BlcnR5KCctLWF1cC1jYXJkLWNvbnRhaW5lci1jb2x1bW4tY291bnQnLCAnJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGVsLnN0eWxlLnNldFByb3BlcnR5KCctLWF1cC1jYXJkLWNvbnRhaW5lci1jb2x1bW4tY291bnQnLCB0aGlzLl9jb2x1bW5Db3VudCk7XG4gICAgfVxuICB9XG5cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBDYXJkQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgZXhwb3J0IGludGVyZmFjZSBDb2x1bW5Db25maWd1cmF0aW9uIHtcbiAgICBjb3VudDogbnVtYmVyO1xuICAgIHN0cmV0Y2hUb0ZpbGw6IGJvb2xlYW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkZXItY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWNvbnRhaW5lci1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdiBjbGFzcz1cImFkZC1jYXJkLWNvbnRhaW5lclwiICpuZ0lmPVwiYWRkQ2FyZENvbW1hbmQuZW5hYmxlZCQudmFsdWVcIiBbcGVjdGluQ29tbWFuZF09XCJhZGRDYXJkQ29tbWFuZFwiPlxuICAgICAgPGF1cC1jb21tYW5kLWZhY2UgKm5nSWY9XCJhZGRDYXJkRmFjZVwiIFtmYWNlc109XCJbYWRkQ2FyZEZhY2VdXCI+PC9hdXAtY29tbWFuZC1mYWNlPlxuICAgICAgPGF1cC1pY29uICpuZ0lmPVwiIWFkZENhcmRGYWNlXCIgaWNvbj1cIm1hdDphZGRcIj48L2F1cC1pY29uPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImFkZC1jYXJkLXRlbXBsYXRlXCIgKm5nSWY9XCJhZGRDYXJkVGVtcGxhdGVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWRkQ2FyZFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGRpdiBjbGFzcz1cIm5vLXNjcm9sbC1jb250YWluZXJcIiAqbmdJZj1cIiFlbmFibGVTY3JvbGxcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxhdXAtc2Nyb2xsLWNvbnRhaW5lciAqbmdJZj1cImVuYWJsZVNjcm9sbFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2F1cC1zY3JvbGwtY29udGFpbmVyPlxuXG48ZGl2IGNsYXNzPVwiZm9vdGVyLWNvbnRhaW5lclwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2FyZC1jb250YWluZXItZm9vdGVyXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG4iXX0=
|