@ng-matero/extensions 13.2.1 → 13.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert.component.d.ts +1 -1
- package/core/datetime/datetime-formats.d.ts +2 -0
- package/esm2020/alert/alert.component.mjs +4 -4
- package/esm2020/button/button-loading.directive.mjs +1 -1
- package/esm2020/core/datetime/datetime-formats.mjs +1 -1
- package/esm2020/datetimepicker/datetimepicker-input.mjs +6 -1
- package/esm2020/form-group/form-group.component.mjs +3 -3
- package/esm2020/grid/cell.component.mjs +32 -32
- package/esm2020/grid/column-menu.component.mjs +11 -17
- package/esm2020/grid/grid.component.mjs +16 -9
- package/esm2020/popover/popover-animations.mjs +10 -13
- package/esm2020/popover/popover-content.mjs +90 -0
- package/esm2020/popover/popover-interfaces.mjs +1 -1
- package/esm2020/popover/popover-module.mjs +9 -7
- package/esm2020/popover/popover-target.mjs +3 -3
- package/esm2020/popover/popover-trigger.mjs +214 -184
- package/esm2020/popover/popover-types.mjs +1 -1
- package/esm2020/popover/popover.mjs +188 -133
- package/esm2020/popover/public-api.mjs +2 -1
- package/esm2020/select/option.component.mjs +4 -6
- package/esm2020/select/select.component.mjs +121 -31
- package/fesm2015/mtxAlert.mjs +3 -3
- package/fesm2015/mtxAlert.mjs.map +1 -1
- package/fesm2015/mtxButton.mjs.map +1 -1
- package/fesm2015/mtxCore.mjs.map +1 -1
- package/fesm2015/mtxDatetimepicker.mjs +5 -0
- package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2015/mtxFormGroup.mjs +2 -2
- package/fesm2015/mtxFormGroup.mjs.map +1 -1
- package/fesm2015/mtxGrid.mjs +57 -55
- package/fesm2015/mtxGrid.mjs.map +1 -1
- package/fesm2015/mtxPopover.mjs +520 -352
- package/fesm2015/mtxPopover.mjs.map +1 -1
- package/fesm2015/mtxSelect.mjs +172 -83
- package/fesm2015/mtxSelect.mjs.map +1 -1
- package/fesm2020/mtxAlert.mjs +3 -3
- package/fesm2020/mtxAlert.mjs.map +1 -1
- package/fesm2020/mtxButton.mjs.map +1 -1
- package/fesm2020/mtxCore.mjs.map +1 -1
- package/fesm2020/mtxDatetimepicker.mjs +5 -0
- package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2020/mtxFormGroup.mjs +2 -2
- package/fesm2020/mtxFormGroup.mjs.map +1 -1
- package/fesm2020/mtxGrid.mjs +56 -55
- package/fesm2020/mtxGrid.mjs.map +1 -1
- package/fesm2020/mtxPopover.mjs +514 -350
- package/fesm2020/mtxPopover.mjs.map +1 -1
- package/fesm2020/mtxSelect.mjs +170 -83
- package/fesm2020/mtxSelect.mjs.map +1 -1
- package/grid/cell.component.d.ts +6 -9
- package/grid/column-menu.component.d.ts +4 -6
- package/grid/grid.component.d.ts +7 -5
- package/package.json +1 -1
- package/popover/popover-animations.d.ts +1 -1
- package/popover/popover-content.d.ts +43 -0
- package/popover/popover-interfaces.d.ts +37 -31
- package/popover/popover-module.d.ts +4 -3
- package/popover/popover-target.d.ts +2 -2
- package/popover/popover-trigger.d.ts +67 -62
- package/popover/popover-types.d.ts +6 -1
- package/popover/popover.d.ts +99 -71
- package/popover/popover.scss +2 -0
- package/popover/public-api.d.ts +1 -0
- package/select/option.component.d.ts +7 -6
- package/select/select.component.d.ts +61 -22
|
@@ -22,12 +22,12 @@ class MtxFormGroupComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
/** @nocollapse */ MtxFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: MtxFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
/** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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\"
|
|
25
|
+
/** @nocollapse */ MtxFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: MtxFormGroupComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'mtx-form-group', host: {
|
|
29
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\"
|
|
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
31
|
}], propDecorators: { formFields: [{
|
|
32
32
|
type: ContentChildren,
|
|
33
33
|
args: [MatFormField]
|
|
@@ -1 +1 @@
|
|
|
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 @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\"
|
|
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":";;;;;;;MAuBa,qBAAqB;IAXlC;QAuBU,wBAAmB,GAAG,KAAK,CAAC;KASrC;IAhBC,IACI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;KACjC;IACD,IAAI,kBAAkB,CAAC,KAAc;QACnC,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACzD;IAGD,kBAAkB;QAChB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;YAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;SAC9B,CAAC,CAAC;KACJ;;qIAlBU,qBAAqB;yHAArB,qBAAqB,mMACf,YAAY,yDCxB/B,6PAKA;2FDkBa,qBAAqB;kBAXjC,SAAS;+BACE,gBAAgB,QACpB;wBACJ,KAAK,EAAE,gBAAgB;qBACxB,YAGS,cAAc,iBACT,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;8BAGhB,UAAU;sBAAxC,eAAe;uBAAC,YAAY;gBAEpB,KAAK;sBAAb,KAAK;gBAGF,kBAAkB;sBADrB,KAAK;;;MElBK,kBAAkB;;kIAAlB,kBAAkB;mIAAlB,kBAAkB,iBAFd,qBAAqB,aAF1B,YAAY,aACZ,qBAAqB;mIAGpB,kBAAkB,YAJpB,CAAC,YAAY,CAAC;2FAIZ,kBAAkB;kBAL9B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;iBACtC;;;ACTD;;;;;;"}
|