@ng-matero/extensions 14.6.3 → 15.0.1
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/README.md +0 -1
- package/_index.scss +3 -4
- package/_theming.scss +3 -4
- package/alert/_alert-theme.import.scss +1 -1
- package/alert/_alert-theme.scss +2 -2
- package/alert/{alert.module.d.ts → alert-module.d.ts} +2 -2
- package/alert/{alert.component.d.ts → alert.d.ts} +4 -4
- package/alert/{alert.component.scss → alert.scss} +0 -0
- package/alert/public-api.d.ts +2 -2
- package/button/button-loading.d.ts +25 -0
- package/button/button-loading.scss +5 -4
- package/button/{button.module.d.ts → button-module.d.ts} +2 -2
- package/button/public-api.d.ts +2 -2
- package/checkbox-group/{checkbox-group.module.d.ts → checkbox-group-module.d.ts} +2 -2
- package/checkbox-group/{checkbox-group.component.d.ts → checkbox-group.d.ts} +4 -4
- package/checkbox-group/checkbox-group.scss +0 -0
- package/checkbox-group/{checkbox-group.interface.d.ts → interfaces.d.ts} +0 -0
- package/checkbox-group/public-api.d.ts +3 -3
- package/colorpicker/_colorpicker-theme.import.scss +1 -1
- package/colorpicker/_colorpicker-theme.scss +2 -2
- package/colorpicker/colorpicker-input.d.ts +1 -1
- package/colorpicker/colorpicker-toggle.d.ts +2 -2
- package/colorpicker/colorpicker.d.ts +2 -2
- package/column-resize/column-resize-directives/column-resize-flex.d.ts +1 -1
- package/column-resize/column-resize-directives/column-resize.d.ts +1 -1
- package/column-resize/column-resize.d.ts +1 -1
- package/column-resize/overlay-handle.d.ts +1 -1
- package/column-resize/resizable.d.ts +1 -1
- package/core/color/_all-color.scss +28 -0
- package/core/density/_all-density.scss +24 -0
- package/core/style/_elevation.scss +20 -126
- package/core/style/_private.scss +9 -18
- package/core/style/_variables.scss +1 -1
- package/core/style/_vendor-prefixes.scss +8 -21
- package/core/theming/_all-theme.scss +38 -0
- package/core/theming/_palette.scss +1 -1
- package/core/theming/_theming.scss +55 -22
- package/core/typography/_typography.scss +195 -17
- package/datetimepicker/_datetimepicker-theme.import.scss +1 -1
- package/datetimepicker/_datetimepicker-theme.scss +3 -4
- package/datetimepicker/calendar-body.d.ts +1 -1
- package/datetimepicker/calendar.d.ts +3 -4
- package/datetimepicker/calendar.scss +3 -0
- package/datetimepicker/clock.d.ts +7 -3
- package/datetimepicker/datetimepicker-input.d.ts +1 -1
- package/datetimepicker/datetimepicker-toggle.d.ts +2 -2
- package/datetimepicker/datetimepicker.d.ts +2 -2
- package/datetimepicker/month-view.d.ts +1 -1
- package/datetimepicker/multi-year-view.d.ts +1 -1
- package/datetimepicker/time.d.ts +2 -2
- package/datetimepicker/time.scss +1 -1
- package/datetimepicker/year-view.d.ts +1 -1
- package/dialog/dialog-container.d.ts +12 -0
- package/dialog/dialog-container.scss +48 -0
- package/dialog/{dialog.module.d.ts → dialog-module.d.ts} +2 -2
- package/dialog/public-api.d.ts +2 -2
- package/drawer/_drawer-theme.import.scss +1 -1
- package/drawer/_drawer-theme.scss +2 -2
- package/drawer/drawer-container.d.ts +1 -1
- package/esm2020/alert/alert-module.mjs +18 -0
- package/esm2020/alert/alert.mjs +52 -0
- package/esm2020/alert/public-api.mjs +3 -3
- package/esm2020/button/button-loading.mjs +76 -0
- package/esm2020/button/button-module.mjs +20 -0
- package/esm2020/button/public-api.mjs +3 -3
- package/esm2020/checkbox-group/{checkbox-group.module.mjs → checkbox-group-module.mjs} +8 -8
- package/esm2020/checkbox-group/checkbox-group.mjs +234 -0
- package/esm2020/checkbox-group/interfaces.mjs +2 -0
- package/esm2020/checkbox-group/public-api.mjs +4 -4
- package/esm2020/colorpicker/colorpicker-input.mjs +3 -3
- package/esm2020/colorpicker/colorpicker-module.mjs +4 -4
- package/esm2020/colorpicker/colorpicker-toggle.mjs +6 -6
- package/esm2020/colorpicker/colorpicker.mjs +6 -6
- package/esm2020/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
- package/esm2020/column-resize/column-resize-directives/column-resize.mjs +3 -3
- package/esm2020/column-resize/column-resize-module.mjs +4 -4
- package/esm2020/column-resize/column-resize-notifier.mjs +7 -7
- package/esm2020/column-resize/column-resize.mjs +3 -3
- package/esm2020/column-resize/column-size-store.mjs +3 -3
- package/esm2020/column-resize/event-dispatcher.mjs +3 -3
- package/esm2020/column-resize/overlay-handle.mjs +3 -3
- package/esm2020/column-resize/resizable.mjs +3 -3
- package/esm2020/column-resize/resize-strategy.mjs +9 -9
- package/esm2020/core/datetime/datetime.module.mjs +8 -8
- package/esm2020/core/datetime/native-datetime-adapter.mjs +3 -3
- package/esm2020/core/pipes/pipes.module.mjs +4 -4
- package/esm2020/core/pipes/to-observable.pipe.mjs +3 -3
- package/esm2020/datetimepicker/calendar-body.mjs +3 -3
- package/esm2020/datetimepicker/calendar.mjs +17 -15
- package/esm2020/datetimepicker/clock.mjs +41 -22
- package/esm2020/datetimepicker/datetimepicker-input.mjs +3 -3
- package/esm2020/datetimepicker/datetimepicker-intl.mjs +3 -3
- package/esm2020/datetimepicker/datetimepicker-module.mjs +4 -4
- package/esm2020/datetimepicker/datetimepicker-toggle.mjs +6 -6
- package/esm2020/datetimepicker/datetimepicker.mjs +9 -8
- package/esm2020/datetimepicker/month-view.mjs +3 -3
- package/esm2020/datetimepicker/multi-year-view.mjs +3 -3
- package/esm2020/datetimepicker/time.mjs +16 -14
- package/esm2020/datetimepicker/year-view.mjs +3 -3
- package/esm2020/dialog/dialog-container.mjs +35 -0
- package/esm2020/dialog/{dialog.module.mjs → dialog-module.mjs} +8 -8
- package/esm2020/dialog/dialog.mjs +7 -7
- package/esm2020/dialog/public-api.mjs +3 -3
- package/esm2020/drawer/drawer-container.mjs +3 -3
- package/esm2020/drawer/drawer-module.mjs +4 -4
- package/esm2020/drawer/drawer.mjs +4 -4
- package/esm2020/grid/cell.mjs +130 -0
- package/esm2020/grid/column-menu.mjs +112 -0
- package/esm2020/grid/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
- package/esm2020/grid/column-resize/column-resize-directives/column-resize.mjs +3 -3
- package/esm2020/grid/column-resize/column-resize-module.mjs +8 -8
- package/esm2020/grid/column-resize/overlay-handle.mjs +3 -3
- package/esm2020/grid/column-resize/resizable-directives/resizable.mjs +3 -3
- package/esm2020/grid/column-resize/resize-strategy.mjs +3 -3
- package/esm2020/grid/expansion-toggle.mjs +64 -0
- package/esm2020/grid/grid-module.mjs +115 -0
- package/esm2020/grid/grid-utils.mjs +44 -0
- package/esm2020/grid/grid.mjs +619 -0
- package/esm2020/grid/interfaces.mjs +2 -0
- package/esm2020/grid/public-api.mjs +8 -8
- package/esm2020/loader/loader-module.mjs +20 -0
- package/esm2020/loader/loader.mjs +69 -0
- package/esm2020/loader/public-api.mjs +3 -3
- package/esm2020/popover/popover-content.mjs +6 -6
- package/esm2020/popover/popover-module.mjs +4 -4
- package/esm2020/popover/popover-target.mjs +3 -3
- package/esm2020/popover/popover-trigger.mjs +3 -3
- package/esm2020/popover/popover.mjs +3 -3
- package/esm2020/progress/progress-module.mjs +18 -0
- package/esm2020/progress/progress.mjs +55 -0
- package/esm2020/progress/public-api.mjs +3 -3
- package/esm2020/select/option.mjs +57 -0
- package/esm2020/select/public-api.mjs +5 -5
- package/esm2020/select/select-module.mjs +74 -0
- package/esm2020/select/select.mjs +550 -0
- package/esm2020/select/templates.mjs +124 -0
- package/esm2020/slider/slider-module.mjs +4 -4
- package/esm2020/slider/slider.mjs +4 -4
- package/esm2020/split/interfaces.mjs +2 -0
- package/esm2020/split/public-api.mjs +5 -5
- package/esm2020/split/split-module.mjs +19 -0
- package/esm2020/split/split-pane.mjs +149 -0
- package/esm2020/split/split.mjs +619 -0
- package/esm2020/split/utils.mjs +4 -4
- package/esm2020/tooltip/tooltip-module.mjs +4 -4
- package/esm2020/tooltip/tooltip.mjs +6 -6
- package/fesm2015/mtxAlert.mjs +12 -11
- package/fesm2015/mtxAlert.mjs.map +1 -1
- package/fesm2015/mtxButton.mjs +31 -31
- package/fesm2015/mtxButton.mjs.map +1 -1
- package/fesm2015/mtxCheckboxGroup.mjs +16 -15
- package/fesm2015/mtxCheckboxGroup.mjs.map +1 -1
- package/fesm2015/mtxColorpicker.mjs +20 -19
- package/fesm2015/mtxColorpicker.mjs.map +1 -1
- package/fesm2015/mtxColumnResize.mjs +41 -40
- package/fesm2015/mtxColumnResize.mjs.map +1 -1
- package/fesm2015/mtxCore.mjs +19 -18
- package/fesm2015/mtxDatetimepicker.mjs +107 -83
- package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2015/mtxDialog.mjs +20 -17
- package/fesm2015/mtxDialog.mjs.map +1 -1
- package/fesm2015/mtxDrawer.mjs +11 -10
- package/fesm2015/mtxDrawer.mjs.map +1 -1
- package/fesm2015/mtxGrid.mjs +91 -90
- package/fesm2015/mtxGrid.mjs.map +1 -1
- package/fesm2015/mtxLoader.mjs +13 -12
- package/fesm2015/mtxLoader.mjs.map +1 -1
- package/fesm2015/mtxPopover.mjs +20 -19
- package/fesm2015/mtxProgress.mjs +12 -11
- package/fesm2015/mtxProgress.mjs.map +1 -1
- package/fesm2015/mtxSelect.mjs +123 -121
- package/fesm2015/mtxSelect.mjs.map +1 -1
- package/fesm2015/mtxSlider.mjs +9 -8
- package/fesm2015/mtxSlider.mjs.map +1 -1
- package/fesm2015/mtxSplit.mjs +19 -18
- package/fesm2015/mtxSplit.mjs.map +1 -1
- package/fesm2015/mtxTooltip.mjs +11 -10
- package/fesm2015/ng-matero-extensions.mjs +1 -0
- package/fesm2020/mtxAlert.mjs +12 -11
- package/fesm2020/mtxAlert.mjs.map +1 -1
- package/fesm2020/mtxButton.mjs +31 -31
- package/fesm2020/mtxButton.mjs.map +1 -1
- package/fesm2020/mtxCheckboxGroup.mjs +16 -15
- package/fesm2020/mtxCheckboxGroup.mjs.map +1 -1
- package/fesm2020/mtxColorpicker.mjs +20 -19
- package/fesm2020/mtxColorpicker.mjs.map +1 -1
- package/fesm2020/mtxColumnResize.mjs +41 -40
- package/fesm2020/mtxColumnResize.mjs.map +1 -1
- package/fesm2020/mtxCore.mjs +19 -18
- package/fesm2020/mtxDatetimepicker.mjs +107 -83
- package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2020/mtxDialog.mjs +20 -17
- package/fesm2020/mtxDialog.mjs.map +1 -1
- package/fesm2020/mtxDrawer.mjs +11 -10
- package/fesm2020/mtxDrawer.mjs.map +1 -1
- package/fesm2020/mtxGrid.mjs +91 -90
- package/fesm2020/mtxGrid.mjs.map +1 -1
- package/fesm2020/mtxLoader.mjs +13 -12
- package/fesm2020/mtxLoader.mjs.map +1 -1
- package/fesm2020/mtxPopover.mjs +20 -19
- package/fesm2020/mtxProgress.mjs +12 -11
- package/fesm2020/mtxProgress.mjs.map +1 -1
- package/fesm2020/mtxSelect.mjs +123 -121
- package/fesm2020/mtxSelect.mjs.map +1 -1
- package/fesm2020/mtxSlider.mjs +9 -8
- package/fesm2020/mtxSlider.mjs.map +1 -1
- package/fesm2020/mtxSplit.mjs +19 -18
- package/fesm2020/mtxSplit.mjs.map +1 -1
- package/fesm2020/mtxTooltip.mjs +11 -10
- package/fesm2020/ng-matero-extensions.mjs +1 -0
- package/grid/_grid-theme.import.scss +1 -1
- package/grid/_grid-theme.scss +16 -16
- package/grid/{cell.component.d.ts → cell.d.ts} +8 -8
- package/grid/{cell.component.scss → cell.scss} +0 -0
- package/grid/{column-menu.component.d.ts → column-menu.d.ts} +4 -4
- package/grid/{column-menu.component.scss → column-menu.scss} +6 -10
- package/grid/column-resize/_column-resize.scss +9 -9
- package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +1 -1
- package/grid/column-resize/column-resize-directives/column-resize.d.ts +1 -1
- package/grid/column-resize/overlay-handle.d.ts +1 -1
- package/grid/column-resize/resizable-directives/resizable.d.ts +1 -1
- package/grid/{expansion-toggle.directive.d.ts → expansion-toggle.d.ts} +4 -4
- package/grid/{grid.module.d.ts → grid-module.d.ts} +5 -5
- package/grid/{grid.service.d.ts → grid-utils.d.ts} +4 -4
- package/grid/{grid.component.d.ts → grid.d.ts} +18 -17
- package/grid/{grid.component.scss → grid.scss} +17 -29
- package/grid/{grid.interface.d.ts → interfaces.d.ts} +0 -6
- package/grid/public-api.d.ts +7 -7
- package/loader/_loader-theme.import.scss +1 -1
- package/loader/_loader-theme.scss +2 -2
- package/loader/{loader.module.d.ts → loader-module.d.ts} +2 -2
- package/loader/{loader.component.d.ts → loader.d.ts} +3 -3
- package/loader/{loader.component.scss → loader.scss} +2 -2
- package/loader/public-api.d.ts +2 -2
- package/package.json +8 -24
- package/popover/_popover-theme.import.scss +1 -1
- package/popover/_popover-theme.scss +2 -2
- package/popover/popover-content.d.ts +2 -2
- package/popover/popover-target.d.ts +1 -1
- package/popover/popover-trigger.d.ts +1 -1
- package/popover/popover.d.ts +1 -1
- package/progress/_progress-theme.import.scss +1 -1
- package/progress/_progress-theme.scss +2 -2
- package/progress/{progress.module.d.ts → progress-module.d.ts} +2 -2
- package/progress/{progress.component.d.ts → progress.d.ts} +3 -3
- package/progress/{progress.component.scss → progress.scss} +0 -0
- package/progress/public-api.d.ts +2 -2
- package/select/_select-density.scss +68 -0
- package/select/_select-theme.import.scss +2 -1
- package/select/_select-theme.scss +6 -2
- package/select/{option.component.d.ts → option.d.ts} +3 -3
- package/select/public-api.d.ts +4 -4
- package/select/select-module.d.ts +12 -0
- package/select/{select.component.d.ts → select.d.ts} +5 -5
- package/select/{select.component.scss → select.scss} +14 -22
- package/select/{templates.directive.d.ts → templates.d.ts} +33 -33
- package/slider/_slider-theme.import.scss +1 -1
- package/slider/_slider-theme.scss +3 -4
- package/slider/slider.d.ts +1 -1
- package/slider/slider.scss +3 -3
- package/split/_split-theme.import.scss +1 -1
- package/split/_split-theme.scss +2 -2
- package/split/{interface.d.ts → interfaces.d.ts} +2 -2
- package/split/public-api.d.ts +4 -4
- package/split/{split.module.d.ts → split-module.d.ts} +3 -3
- package/split/{split-pane.directive.d.ts → split-pane.d.ts} +5 -5
- package/split/{split.component.d.ts → split.d.ts} +11 -11
- package/split/{split.component.scss → split.scss} +0 -0
- package/split/utils.d.ts +4 -1
- package/tooltip/_tooltip-theme.import.scss +1 -1
- package/tooltip/_tooltip-theme.scss +3 -4
- package/tooltip/tooltip.d.ts +2 -2
- package/_all-color.scss +0 -47
- package/_all-theme.scss +0 -47
- package/button/button-loading.directive.d.ts +0 -26
- package/checkbox-group/checkbox-group.component.scss +0 -12
- package/core/density/private/_compatibility.scss +0 -74
- package/dialog/dialog.component.d.ts +0 -12
- package/dialog/dialog.component.scss +0 -27
- package/esm2020/alert/alert.component.mjs +0 -52
- package/esm2020/alert/alert.module.mjs +0 -18
- package/esm2020/button/button-loading.directive.mjs +0 -77
- package/esm2020/button/button.module.mjs +0 -20
- package/esm2020/checkbox-group/checkbox-group.component.mjs +0 -234
- package/esm2020/checkbox-group/checkbox-group.interface.mjs +0 -2
- package/esm2020/dialog/dialog.component.mjs +0 -33
- package/esm2020/form-group/form-group.component.mjs +0 -37
- package/esm2020/form-group/form-group.module.mjs +0 -18
- package/esm2020/form-group/mtxFormGroup.mjs +0 -5
- package/esm2020/form-group/public-api.mjs +0 -3
- package/esm2020/grid/cell.component.mjs +0 -130
- package/esm2020/grid/column-menu.component.mjs +0 -112
- package/esm2020/grid/expansion-toggle.directive.mjs +0 -64
- package/esm2020/grid/grid.component.mjs +0 -619
- package/esm2020/grid/grid.interface.mjs +0 -2
- package/esm2020/grid/grid.module.mjs +0 -115
- package/esm2020/grid/grid.service.mjs +0 -44
- package/esm2020/loader/loader.component.mjs +0 -69
- package/esm2020/loader/loader.module.mjs +0 -20
- package/esm2020/progress/progress.component.mjs +0 -55
- package/esm2020/progress/progress.module.mjs +0 -18
- package/esm2020/select/option.component.mjs +0 -57
- package/esm2020/select/select.component.mjs +0 -549
- package/esm2020/select/select.module.mjs +0 -74
- package/esm2020/select/templates.directive.mjs +0 -124
- package/esm2020/split/interface.mjs +0 -2
- package/esm2020/split/split-pane.directive.mjs +0 -149
- package/esm2020/split/split.component.mjs +0 -619
- package/esm2020/split/split.module.mjs +0 -19
- package/esm2020/text3d/mtxText3d.mjs +0 -5
- package/esm2020/text3d/public-api.mjs +0 -3
- package/esm2020/text3d/text3d.component.mjs +0 -45
- package/esm2020/text3d/text3d.module.mjs +0 -18
- package/fesm2015/mtxFormGroup.mjs +0 -59
- package/fesm2015/mtxFormGroup.mjs.map +0 -1
- package/fesm2015/mtxText3d.mjs +0 -67
- package/fesm2015/mtxText3d.mjs.map +0 -1
- package/fesm2020/mtxFormGroup.mjs +0 -59
- package/fesm2020/mtxFormGroup.mjs.map +0 -1
- package/fesm2020/mtxText3d.mjs +0 -67
- package/fesm2020/mtxText3d.mjs.map +0 -1
- package/form-group/_form-group-theme.import.scss +0 -2
- package/form-group/_form-group-theme.scss +0 -95
- package/form-group/form-group.component.d.ts +0 -15
- package/form-group/form-group.component.scss +0 -103
- package/form-group/form-group.module.d.ts +0 -8
- package/form-group/index.d.ts +0 -5
- package/form-group/public-api.d.ts +0 -2
- package/select/select.module.d.ts +0 -12
- package/text3d/_text3d-theme.import.scss +0 -2
- package/text3d/_text3d-theme.scss +0 -48
- package/text3d/index.d.ts +0 -5
- package/text3d/public-api.d.ts +0 -2
- package/text3d/text3d.component.d.ts +0 -14
- package/text3d/text3d.component.scss +0 -21
- package/text3d/text3d.module.d.ts +0 -8
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MtxSplitComponent } from './split.component';
|
|
4
|
-
import { MtxSplitPaneDirective } from './split-pane.directive';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class MtxSplitModule {
|
|
7
|
-
}
|
|
8
|
-
/** @nocollapse */ MtxSplitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
/** @nocollapse */ MtxSplitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, declarations: [MtxSplitComponent, MtxSplitPaneDirective], imports: [CommonModule], exports: [MtxSplitComponent, MtxSplitPaneDirective] });
|
|
10
|
-
/** @nocollapse */ MtxSplitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, imports: [CommonModule] });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxSplitModule, decorators: [{
|
|
12
|
-
type: NgModule,
|
|
13
|
-
args: [{
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
-
declarations: [MtxSplitComponent, MtxSplitPaneDirective],
|
|
16
|
-
exports: [MtxSplitComponent, MtxSplitPaneDirective],
|
|
17
|
-
}]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9zcGxpdC9zcGxpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxjQUFjOzs4SEFBZCxjQUFjOytIQUFkLGNBQWMsaUJBSFYsaUJBQWlCLEVBQUUscUJBQXFCLGFBRDdDLFlBQVksYUFFWixpQkFBaUIsRUFBRSxxQkFBcUI7K0hBRXZDLGNBQWMsWUFKZixZQUFZOzJGQUlYLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE10eFNwbGl0Q29tcG9uZW50IH0gZnJvbSAnLi9zcGxpdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTXR4U3BsaXRQYW5lRGlyZWN0aXZlIH0gZnJvbSAnLi9zcGxpdC1wYW5lLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtNdHhTcGxpdENvbXBvbmVudCwgTXR4U3BsaXRQYW5lRGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW010eFNwbGl0Q29tcG9uZW50LCBNdHhTcGxpdFBhbmVEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBNdHhTcGxpdE1vZHVsZSB7fVxuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXR4VGV4dDNkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy90ZXh0M2QvbXR4VGV4dDNkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './text3d.module';
|
|
2
|
-
export * from './text3d.component';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90ZXh0M2QubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dDNkLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ContentChild, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class MtxText3dComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.text = '';
|
|
7
|
-
this.depth = 20;
|
|
8
|
-
this.rotateX = 60;
|
|
9
|
-
this.rotateY = 0;
|
|
10
|
-
this.rotateZ = 0;
|
|
11
|
-
}
|
|
12
|
-
get transform() {
|
|
13
|
-
return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
|
|
14
|
-
}
|
|
15
|
-
get depthArr() {
|
|
16
|
-
const tmpArr = [];
|
|
17
|
-
for (let i = 1; i <= this.depth; i++) {
|
|
18
|
-
tmpArr.push(i);
|
|
19
|
-
}
|
|
20
|
-
return tmpArr;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
/** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
/** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
|
|
28
|
-
'class': 'mtx-text3d',
|
|
29
|
-
'[style.transform]': 'transform',
|
|
30
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
|
|
31
|
-
}], propDecorators: { template: [{
|
|
32
|
-
type: ContentChild,
|
|
33
|
-
args: [TemplateRef, { static: false }]
|
|
34
|
-
}], text: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], depth: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], rotateX: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], rotateY: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], rotateZ: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dDNkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3RleHQzZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL3RleHQzZC90ZXh0M2QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkIsTUFBTSxPQUFPLGtCQUFrQjtJQVovQjtRQWVXLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFDWixZQUFPLEdBQUcsQ0FBQyxDQUFDO0tBYXRCO0lBWEMsSUFBSSxTQUFTO1FBQ1gsT0FBTyxXQUFXLElBQUksQ0FBQyxPQUFPLGdCQUFnQixJQUFJLENBQUMsT0FBTyxnQkFBZ0IsSUFBSSxDQUFDLE9BQU8sTUFBTSxDQUFDO0lBQy9GLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixNQUFNLE1BQU0sR0FBYSxFQUFFLENBQUM7UUFDNUIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDcEMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNoQjtRQUNELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7O2tJQXJCVSxrQkFBa0I7c0hBQWxCLGtCQUFrQixzUkFDZixXQUFXLHlFQ3RCM0IsMk9BS0E7MkZEZ0JhLGtCQUFrQjtrQkFaOUIsU0FBUzsrQkFDRSxZQUFZLFlBQ1osV0FBVyxRQUNmO3dCQUNKLE9BQU8sRUFBRSxZQUFZO3dCQUNyQixtQkFBbUIsRUFBRSxXQUFXO3FCQUNqQyxpQkFHYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdELFFBQVE7c0JBQXJELFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFFbkMsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIENvbnRlbnRDaGlsZCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210eC10ZXh0M2QnLFxuICBleHBvcnRBczogJ210eFRleHQzZCcsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnbXR4LXRleHQzZCcsXG4gICAgJ1tzdHlsZS50cmFuc2Zvcm1dJzogJ3RyYW5zZm9ybScsXG4gIH0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0M2QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0M2QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE10eFRleHQzZENvbXBvbmVudCB7XG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiBmYWxzZSB9KSB0ZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgdGV4dCA9ICcnO1xuXG4gIEBJbnB1dCgpIGRlcHRoID0gMjA7XG5cbiAgQElucHV0KCkgcm90YXRlWCA9IDYwO1xuICBASW5wdXQoKSByb3RhdGVZID0gMDtcbiAgQElucHV0KCkgcm90YXRlWiA9IDA7XG5cbiAgZ2V0IHRyYW5zZm9ybSgpIHtcbiAgICByZXR1cm4gYHJvdGF0ZVgoJHt0aGlzLnJvdGF0ZVh9ZGVnKSByb3RhdGVZKCR7dGhpcy5yb3RhdGVZfWRlZykgcm90YXRlWigke3RoaXMucm90YXRlWn1kZWcpYDtcbiAgfVxuXG4gIGdldCBkZXB0aEFycigpIHtcbiAgICBjb25zdCB0bXBBcnI6IG51bWJlcltdID0gW107XG4gICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdGhpcy5kZXB0aDsgaSsrKSB7XG4gICAgICB0bXBBcnIucHVzaChpKTtcbiAgICB9XG4gICAgcmV0dXJuIHRtcEFycjtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJtdHgtdGV4dDNkLWxheWVyXCIgKm5nRm9yPVwibGV0IGkgb2YgZGVwdGhBcnJcIlxuICAgICAgW25nU3R5bGVdPVwieyd6LWluZGV4JzogLWksICd0cmFuc2Zvcm0nOiAndHJhbnNsYXRlM2QoMCwgMCwnKyAtaSArICdweCknfVwiPlxuICB7e3RleHR9fVxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48L3NwYW4+XG4iXX0=
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MtxText3dComponent } from './text3d.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MtxText3dModule {
|
|
6
|
-
}
|
|
7
|
-
/** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
/** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
|
|
9
|
-
/** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
imports: [CommonModule],
|
|
14
|
-
exports: [MtxText3dComponent],
|
|
15
|
-
declarations: [MtxText3dComponent],
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dDNkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuc2lvbnMvdGV4dDNkL3RleHQzZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBT3hELE1BQU0sT0FBTyxlQUFlOzsrSEFBZixlQUFlO2dJQUFmLGVBQWUsaUJBRlgsa0JBQWtCLGFBRnZCLFlBQVksYUFDWixrQkFBa0I7Z0lBR2pCLGVBQWUsWUFKaEIsWUFBWTsyRkFJWCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQzdCLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBNdHhUZXh0M2RDb21wb25lbnQgfSBmcm9tICcuL3RleHQzZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW010eFRleHQzZENvbXBvbmVudF0sXG4gIGRlY2xhcmF0aW9uczogW010eFRleHQzZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE10eFRleHQzZE1vZHVsZSB7fVxuIl19
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
6
|
-
import { MatFormField } from '@angular/material/form-field';
|
|
7
|
-
|
|
8
|
-
class MtxFormGroupComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this._showRequiredMarker = false;
|
|
11
|
-
}
|
|
12
|
-
get showRequiredMarker() {
|
|
13
|
-
return this._showRequiredMarker;
|
|
14
|
-
}
|
|
15
|
-
set showRequiredMarker(value) {
|
|
16
|
-
this._showRequiredMarker = coerceBooleanProperty(value);
|
|
17
|
-
}
|
|
18
|
-
ngAfterContentInit() {
|
|
19
|
-
this.formFields.forEach(item => {
|
|
20
|
-
item.appearance = 'standard';
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
/** @nocollapse */ MtxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
/** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxFormGroupComponent, selector: "mtx-form-group", inputs: { label: "label", showRequiredMarker: "showRequiredMarker" }, host: { classAttribute: "mtx-form-group" }, queries: [{ propertyName: "formFields", predicate: MatFormField }], exportAs: ["mtxFormGroup"], ngImport: i0, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, decorators: [{
|
|
27
|
-
type: Component,
|
|
28
|
-
args: [{ selector: 'mtx-form-group', host: {
|
|
29
|
-
class: 'mtx-form-group',
|
|
30
|
-
}, exportAs: 'mtxFormGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"] }]
|
|
31
|
-
}], propDecorators: { formFields: [{
|
|
32
|
-
type: ContentChildren,
|
|
33
|
-
args: [MatFormField]
|
|
34
|
-
}], label: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], showRequiredMarker: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}] } });
|
|
39
|
-
|
|
40
|
-
class MtxFormGroupModule {
|
|
41
|
-
}
|
|
42
|
-
/** @nocollapse */ MtxFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
-
/** @nocollapse */ MtxFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, declarations: [MtxFormGroupComponent], imports: [CommonModule], exports: [MtxFormGroupComponent] });
|
|
44
|
-
/** @nocollapse */ MtxFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, imports: [CommonModule] });
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, decorators: [{
|
|
46
|
-
type: NgModule,
|
|
47
|
-
args: [{
|
|
48
|
-
imports: [CommonModule],
|
|
49
|
-
exports: [MtxFormGroupComponent],
|
|
50
|
-
declarations: [MtxFormGroupComponent],
|
|
51
|
-
}]
|
|
52
|
-
}] });
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Generated bundle index. Do not edit.
|
|
56
|
-
*/
|
|
57
|
-
|
|
58
|
-
export { MtxFormGroupComponent, MtxFormGroupModule };
|
|
59
|
-
//# sourceMappingURL=mtxFormGroup.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mtxFormGroup.mjs","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.component.html","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n selector: 'mtx-form-group',\n host: {\n class: 'mtx-form-group',\n },\n templateUrl: './form-group.component.html',\n styleUrls: ['./form-group.component.scss'],\n exportAs: 'mtxFormGroup',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxFormGroupComponent implements AfterContentInit {\n @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n @Input() label!: string;\n\n @Input()\n get showRequiredMarker(): boolean {\n return this._showRequiredMarker;\n }\n set showRequiredMarker(value: boolean) {\n this._showRequiredMarker = coerceBooleanProperty(value);\n }\n private _showRequiredMarker = false;\n\n ngAfterContentInit() {\n this.formFields.forEach(item => {\n item.appearance = 'standard';\n });\n }\n\n static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxFormGroupComponent],\n declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/fesm2015/mtxText3d.mjs
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
|
|
6
|
-
class MtxText3dComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.text = '';
|
|
9
|
-
this.depth = 20;
|
|
10
|
-
this.rotateX = 60;
|
|
11
|
-
this.rotateY = 0;
|
|
12
|
-
this.rotateZ = 0;
|
|
13
|
-
}
|
|
14
|
-
get transform() {
|
|
15
|
-
return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
|
|
16
|
-
}
|
|
17
|
-
get depthArr() {
|
|
18
|
-
const tmpArr = [];
|
|
19
|
-
for (let i = 1; i <= this.depth; i++) {
|
|
20
|
-
tmpArr.push(i);
|
|
21
|
-
}
|
|
22
|
-
return tmpArr;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
/** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
/** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
|
|
30
|
-
'class': 'mtx-text3d',
|
|
31
|
-
'[style.transform]': 'transform',
|
|
32
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
|
|
33
|
-
}], propDecorators: { template: [{
|
|
34
|
-
type: ContentChild,
|
|
35
|
-
args: [TemplateRef, { static: false }]
|
|
36
|
-
}], text: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], depth: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], rotateX: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], rotateY: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], rotateZ: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}] } });
|
|
47
|
-
|
|
48
|
-
class MtxText3dModule {
|
|
49
|
-
}
|
|
50
|
-
/** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
-
/** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
|
|
52
|
-
/** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
|
|
54
|
-
type: NgModule,
|
|
55
|
-
args: [{
|
|
56
|
-
imports: [CommonModule],
|
|
57
|
-
exports: [MtxText3dComponent],
|
|
58
|
-
declarations: [MtxText3dComponent],
|
|
59
|
-
}]
|
|
60
|
-
}] });
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Generated bundle index. Do not edit.
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
export { MtxText3dComponent, MtxText3dModule };
|
|
67
|
-
//# sourceMappingURL=mtxText3d.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mtxText3d.mjs","sources":["../../../projects/extensions/text3d/text3d.component.ts","../../../projects/extensions/text3d/text3d.component.html","../../../projects/extensions/text3d/text3d.module.ts","../../../projects/extensions/text3d/mtxText3d.ts"],"sourcesContent":["import {\n Component,\n Input,\n ContentChild,\n TemplateRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'mtx-text3d',\n exportAs: 'mtxText3d',\n host: {\n 'class': 'mtx-text3d',\n '[style.transform]': 'transform',\n },\n templateUrl: './text3d.component.html',\n styleUrls: ['./text3d.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxText3dComponent {\n @ContentChild(TemplateRef, { static: false }) template!: TemplateRef<any>;\n\n @Input() text = '';\n\n @Input() depth = 20;\n\n @Input() rotateX = 60;\n @Input() rotateY = 0;\n @Input() rotateZ = 0;\n\n get transform() {\n return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;\n }\n\n get depthArr() {\n const tmpArr: number[] = [];\n for (let i = 1; i <= this.depth; i++) {\n tmpArr.push(i);\n }\n return tmpArr;\n }\n}\n","<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxText3dComponent } from './text3d.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxText3dComponent],\n declarations: [MtxText3dComponent],\n})\nexport class MtxText3dModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
6
|
-
import { MatFormField } from '@angular/material/form-field';
|
|
7
|
-
|
|
8
|
-
class MtxFormGroupComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this._showRequiredMarker = false;
|
|
11
|
-
}
|
|
12
|
-
get showRequiredMarker() {
|
|
13
|
-
return this._showRequiredMarker;
|
|
14
|
-
}
|
|
15
|
-
set showRequiredMarker(value) {
|
|
16
|
-
this._showRequiredMarker = coerceBooleanProperty(value);
|
|
17
|
-
}
|
|
18
|
-
ngAfterContentInit() {
|
|
19
|
-
this.formFields.forEach(item => {
|
|
20
|
-
item.appearance = 'standard';
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
/** @nocollapse */ MtxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
/** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxFormGroupComponent, selector: "mtx-form-group", inputs: { label: "label", showRequiredMarker: "showRequiredMarker" }, host: { classAttribute: "mtx-form-group" }, queries: [{ propertyName: "formFields", predicate: MatFormField }], exportAs: ["mtxFormGroup"], ngImport: i0, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupComponent, decorators: [{
|
|
27
|
-
type: Component,
|
|
28
|
-
args: [{ selector: 'mtx-form-group', host: {
|
|
29
|
-
class: 'mtx-form-group',
|
|
30
|
-
}, exportAs: 'mtxFormGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".mtx-form-group{display:inline-block}.mtx-form-group .mtx-form-field-layout{display:inline-flex;align-items:flex-start;width:100%}.mtx-form-group .mtx-form-label{position:relative;display:inline-block;padding-top:calc(.375em + 1px);padding-bottom:calc(.375em + 1px);padding-right:1em;line-height:1.125}[dir=rtl] .mtx-form-group .mtx-form-label{padding-right:unset;padding-left:1em}.mtx-form-group .mtx-form-label.mtx-form-label-marker:after{content:\"*\";margin-left:4px}[dir=rtl] .mtx-form-group .mtx-form-label.mtx-form-label-marker:after{margin-left:auto;margin-right:4px}.mtx-form-field-appearance-fluent .mat-form-field{margin-bottom:.25em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-datepicker-toggle{display:flex}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mtx-form-field-appearance-fluent .mat-form-field .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{width:1em}.mtx-form-field-appearance-fluent .mat-form-field-has-label .mat-form-field-flex{margin-top:.84375em}.mtx-form-field-appearance-fluent .mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0}.mtx-form-field-appearance-fluent .mat-form-field-flex{align-items:center;padding:0 .5em;border-radius:2px}.mtx-form-field-appearance-fluent .mat-form-field-infix{border-top:0;padding:.375em 0}.mtx-form-field-appearance-fluent .mat-form-field-prefix,.mtx-form-field-appearance-fluent .mat-form-field-suffix{display:inline-flex}.mtx-form-field-appearance-fluent .mat-form-field-prefix .mat-icon,.mtx-form-field-appearance-fluent .mat-form-field-suffix .mat-icon{line-height:normal}.mtx-form-field-appearance-fluent .mat-form-field-underline{display:none}.mtx-form-field-appearance-fluent .mtx-select{display:block;margin:0 -8px}.mtx-form-field-appearance-fluent .ng-select{padding-top:.4375em;padding-left:8px;padding-right:8px;margin-top:-.4375em}\n"] }]
|
|
31
|
-
}], propDecorators: { formFields: [{
|
|
32
|
-
type: ContentChildren,
|
|
33
|
-
args: [MatFormField]
|
|
34
|
-
}], label: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], showRequiredMarker: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}] } });
|
|
39
|
-
|
|
40
|
-
class MtxFormGroupModule {
|
|
41
|
-
}
|
|
42
|
-
/** @nocollapse */ MtxFormGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
-
/** @nocollapse */ MtxFormGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, declarations: [MtxFormGroupComponent], imports: [CommonModule], exports: [MtxFormGroupComponent] });
|
|
44
|
-
/** @nocollapse */ MtxFormGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, imports: [CommonModule] });
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxFormGroupModule, decorators: [{
|
|
46
|
-
type: NgModule,
|
|
47
|
-
args: [{
|
|
48
|
-
imports: [CommonModule],
|
|
49
|
-
exports: [MtxFormGroupComponent],
|
|
50
|
-
declarations: [MtxFormGroupComponent],
|
|
51
|
-
}]
|
|
52
|
-
}] });
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Generated bundle index. Do not edit.
|
|
56
|
-
*/
|
|
57
|
-
|
|
58
|
-
export { MtxFormGroupComponent, MtxFormGroupModule };
|
|
59
|
-
//# sourceMappingURL=mtxFormGroup.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mtxFormGroup.mjs","sources":["../../../projects/extensions/form-group/form-group.component.ts","../../../projects/extensions/form-group/form-group.component.html","../../../projects/extensions/form-group/form-group.module.ts","../../../projects/extensions/form-group/mtxFormGroup.ts"],"sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\n\n@Component({\n selector: 'mtx-form-group',\n host: {\n class: 'mtx-form-group',\n },\n templateUrl: './form-group.component.html',\n styleUrls: ['./form-group.component.scss'],\n exportAs: 'mtxFormGroup',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxFormGroupComponent implements AfterContentInit {\n @ContentChildren(MatFormField) formFields!: QueryList<MatFormField>;\n\n @Input() label!: string;\n\n @Input()\n get showRequiredMarker(): boolean {\n return this._showRequiredMarker;\n }\n set showRequiredMarker(value: boolean) {\n this._showRequiredMarker = coerceBooleanProperty(value);\n }\n private _showRequiredMarker = false;\n\n ngAfterContentInit() {\n this.formFields.forEach(item => {\n item.appearance = 'standard';\n });\n }\n\n static ngAcceptInputType_showRequiredMarker: BooleanInput;\n}\n","<div class=\"mtx-form-field-layout mtx-form-field-appearance-fluent\">\r\n <label *ngIf=\"label\" class=\"mtx-form-label\"\r\n [class.mtx-form-label-marker]=\"showRequiredMarker\">{{label}}</label>\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxFormGroupComponent } from './form-group.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxFormGroupComponent],\n declarations: [MtxFormGroupComponent],\n})\nexport class MtxFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/fesm2020/mtxText3d.mjs
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
|
|
6
|
-
class MtxText3dComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.text = '';
|
|
9
|
-
this.depth = 20;
|
|
10
|
-
this.rotateX = 60;
|
|
11
|
-
this.rotateY = 0;
|
|
12
|
-
this.rotateZ = 0;
|
|
13
|
-
}
|
|
14
|
-
get transform() {
|
|
15
|
-
return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;
|
|
16
|
-
}
|
|
17
|
-
get depthArr() {
|
|
18
|
-
const tmpArr = [];
|
|
19
|
-
for (let i = 1; i <= this.depth; i++) {
|
|
20
|
-
tmpArr.push(i);
|
|
21
|
-
}
|
|
22
|
-
return tmpArr;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
/** @nocollapse */ MtxText3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
/** @nocollapse */ MtxText3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MtxText3dComponent, selector: "mtx-text3d", inputs: { text: "text", depth: "depth", rotateX: "rotateX", rotateY: "rotateY", rotateZ: "rotateZ" }, host: { properties: { "style.transform": "transform" }, classAttribute: "mtx-text3d" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["mtxText3d"], ngImport: i0, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'mtx-text3d', exportAs: 'mtxText3d', host: {
|
|
30
|
-
'class': 'mtx-text3d',
|
|
31
|
-
'[style.transform]': 'transform',
|
|
32
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n", styles: [".mtx-text3d{display:block;transform-style:preserve-3d;animation:rotate 5s ease infinite;font-weight:700}.mtx-text3d .mtx-text3d-layer{display:block;text-align:center;font-size:10rem}.mtx-text3d .mtx-text3d-layer:not(:first-child){position:absolute;top:0;left:0%;right:0%;margin:auto;transform-style:preserve-3d}\n"] }]
|
|
33
|
-
}], propDecorators: { template: [{
|
|
34
|
-
type: ContentChild,
|
|
35
|
-
args: [TemplateRef, { static: false }]
|
|
36
|
-
}], text: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], depth: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], rotateX: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], rotateY: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], rotateZ: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}] } });
|
|
47
|
-
|
|
48
|
-
class MtxText3dModule {
|
|
49
|
-
}
|
|
50
|
-
/** @nocollapse */ MtxText3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
-
/** @nocollapse */ MtxText3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, declarations: [MtxText3dComponent], imports: [CommonModule], exports: [MtxText3dComponent] });
|
|
52
|
-
/** @nocollapse */ MtxText3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, imports: [CommonModule] });
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MtxText3dModule, decorators: [{
|
|
54
|
-
type: NgModule,
|
|
55
|
-
args: [{
|
|
56
|
-
imports: [CommonModule],
|
|
57
|
-
exports: [MtxText3dComponent],
|
|
58
|
-
declarations: [MtxText3dComponent],
|
|
59
|
-
}]
|
|
60
|
-
}] });
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Generated bundle index. Do not edit.
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
export { MtxText3dComponent, MtxText3dModule };
|
|
67
|
-
//# sourceMappingURL=mtxText3d.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mtxText3d.mjs","sources":["../../../projects/extensions/text3d/text3d.component.ts","../../../projects/extensions/text3d/text3d.component.html","../../../projects/extensions/text3d/text3d.module.ts","../../../projects/extensions/text3d/mtxText3d.ts"],"sourcesContent":["import {\n Component,\n Input,\n ContentChild,\n TemplateRef,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n selector: 'mtx-text3d',\n exportAs: 'mtxText3d',\n host: {\n 'class': 'mtx-text3d',\n '[style.transform]': 'transform',\n },\n templateUrl: './text3d.component.html',\n styleUrls: ['./text3d.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MtxText3dComponent {\n @ContentChild(TemplateRef, { static: false }) template!: TemplateRef<any>;\n\n @Input() text = '';\n\n @Input() depth = 20;\n\n @Input() rotateX = 60;\n @Input() rotateY = 0;\n @Input() rotateZ = 0;\n\n get transform() {\n return `rotateX(${this.rotateX}deg) rotateY(${this.rotateY}deg) rotateZ(${this.rotateZ}deg)`;\n }\n\n get depthArr() {\n const tmpArr: number[] = [];\n for (let i = 1; i <= this.depth; i++) {\n tmpArr.push(i);\n }\n return tmpArr;\n }\n}\n","<span class=\"mtx-text3d-layer\" *ngFor=\"let i of depthArr\"\n [ngStyle]=\"{'z-index': -i, 'transform': 'translate3d(0, 0,'+ -i + 'px)'}\">\n {{text}}\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MtxText3dComponent } from './text3d.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [MtxText3dComponent],\n declarations: [MtxText3dComponent],\n})\nexport class MtxText3dModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '../core/theming/theming';
|
|
3
|
-
|
|
4
|
-
@mixin color($config-or-theme) {
|
|
5
|
-
$config: theming.get-color-config($config-or-theme);
|
|
6
|
-
$primary: map.get($config, primary);
|
|
7
|
-
$accent: map.get($config, accent);
|
|
8
|
-
$warn: map.get($config, warn);
|
|
9
|
-
$background: map.get($config, background);
|
|
10
|
-
$foreground: map.get($config, foreground);
|
|
11
|
-
$is-dark-theme: map.get($config, is-dark);
|
|
12
|
-
|
|
13
|
-
.mtx-form-group {
|
|
14
|
-
.mtx-form-label {
|
|
15
|
-
&.mtx-form-label-marker::after {
|
|
16
|
-
color: theming.get-color-from-palette($warn);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.mtx-form-field-appearance-fluent {
|
|
22
|
-
.mat-form-field-flex {
|
|
23
|
-
border: 1px solid rgba(theming.get-color-from-palette($foreground, divider), .54);
|
|
24
|
-
|
|
25
|
-
&:hover {
|
|
26
|
-
border: 1px solid rgba(theming.get-color-from-palette($foreground, divider), .78);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.mat-focused {
|
|
31
|
-
.mat-form-field-flex {
|
|
32
|
-
border-color: theming.get-color-from-palette($primary);
|
|
33
|
-
box-shadow: inset 0 0 0 1px theming.get-color-from-palette($primary);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&.mat-accent {
|
|
37
|
-
.mat-form-field-flex {
|
|
38
|
-
border-color: theming.get-color-from-palette($accent);
|
|
39
|
-
box-shadow: inset 0 0 0 1px theming.get-color-from-palette($accent);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.mat-warn {
|
|
44
|
-
.mat-form-field-flex {
|
|
45
|
-
border-color: theming.get-color-from-palette($warn);
|
|
46
|
-
box-shadow: inset 0 0 0 1px theming.get-color-from-palette($warn);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.mat-form-field-invalid {
|
|
52
|
-
.mat-form-field-flex,
|
|
53
|
-
&.mat-accent .mat-form-field-flex,
|
|
54
|
-
&.mat-warn .mat-form-field-flex {
|
|
55
|
-
border-color: theming.get-color-from-palette($warn);
|
|
56
|
-
box-shadow: inset 0 0 0 1px theming.get-color-from-palette($warn);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.mat-form-field-disabled {
|
|
61
|
-
.mat-form-field-flex {
|
|
62
|
-
background-color: theming.get-color-from-palette($background, disabled-button);
|
|
63
|
-
border-color: theming.get-color-from-palette($foreground, divider);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.mat-form-field-label,
|
|
68
|
-
.mat-hint {
|
|
69
|
-
color: theming.get-color-from-palette($foreground, secondary-text);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
@mixin typography($config-or-theme) {}
|
|
75
|
-
|
|
76
|
-
@mixin _density($config-or-theme) {}
|
|
77
|
-
|
|
78
|
-
@mixin theme($theme-or-color-config) {
|
|
79
|
-
$theme: theming.private-legacy-get-theme($theme-or-color-config);
|
|
80
|
-
@include theming.private-check-duplicate-theme-styles($theme, 'mtx-form-group') {
|
|
81
|
-
$color: theming.get-color-config($theme);
|
|
82
|
-
$density: theming.get-density-config($theme);
|
|
83
|
-
$typography: theming.get-typography-config($theme);
|
|
84
|
-
|
|
85
|
-
@if $color != null {
|
|
86
|
-
@include color($color);
|
|
87
|
-
}
|
|
88
|
-
@if $density != null {
|
|
89
|
-
@include _density($density);
|
|
90
|
-
}
|
|
91
|
-
@if $typography != null {
|
|
92
|
-
@include typography($typography);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, QueryList } from '@angular/core';
|
|
2
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
-
import { MatFormField } from '@angular/material/form-field';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class MtxFormGroupComponent implements AfterContentInit {
|
|
6
|
-
formFields: QueryList<MatFormField>;
|
|
7
|
-
label: string;
|
|
8
|
-
get showRequiredMarker(): boolean;
|
|
9
|
-
set showRequiredMarker(value: boolean);
|
|
10
|
-
private _showRequiredMarker;
|
|
11
|
-
ngAfterContentInit(): void;
|
|
12
|
-
static ngAcceptInputType_showRequiredMarker: BooleanInput;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MtxFormGroupComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MtxFormGroupComponent, "mtx-form-group", ["mtxFormGroup"], { "label": "label"; "showRequiredMarker": "showRequiredMarker"; }, {}, ["formFields"], ["*"], false>;
|
|
15
|
-
}
|