@ng-matero/extensions 17.0.0 → 17.1.1

package/select/select-module.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./select";
-import * as i2 from "./option";
-import * as i3 from "./templates";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@ng-select/ng-select";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@ng-select/ng-select";
+import * as i4 from "./select";
+import * as i5 from "./option";
+import * as i6 from "./templates";
 export declare class MtxSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSelectModule, [typeof i1.MtxSelect, typeof i2.MtxOption, typeof i3.MtxSelectOptgroupTemplate, typeof i3.MtxSelectOptionTemplate, typeof i3.MtxSelectLabelTemplate, typeof i3.MtxSelectMultiLabelTemplate, typeof i3.MtxSelectHeaderTemplate, typeof i3.MtxSelectFooterTemplate, typeof i3.MtxSelectNotFoundTemplate, typeof i3.MtxSelectTypeToSearchTemplate, typeof i3.MtxSelectLoadingTextTemplate, typeof i3.MtxSelectTagTemplate, typeof i3.MtxSelectLoadingSpinnerTemplate], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.NgSelectModule], [typeof i1.MtxSelect, typeof i2.MtxOption, typeof i3.MtxSelectOptgroupTemplate, typeof i3.MtxSelectOptionTemplate, typeof i3.MtxSelectLabelTemplate, typeof i3.MtxSelectMultiLabelTemplate, typeof i3.MtxSelectHeaderTemplate, typeof i3.MtxSelectFooterTemplate, typeof i3.MtxSelectNotFoundTemplate, typeof i3.MtxSelectTypeToSearchTemplate, typeof i3.MtxSelectLoadingTextTemplate, typeof i3.MtxSelectTagTemplate, typeof i3.MtxSelectLoadingSpinnerTemplate]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.NgSelectModule, typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate], [typeof i4.MtxSelect, typeof i5.MtxOption, typeof i6.MtxSelectOptgroupTemplate, typeof i6.MtxSelectOptionTemplate, typeof i6.MtxSelectLabelTemplate, typeof i6.MtxSelectMultiLabelTemplate, typeof i6.MtxSelectHeaderTemplate, typeof i6.MtxSelectFooterTemplate, typeof i6.MtxSelectNotFoundTemplate, typeof i6.MtxSelectTypeToSearchTemplate, typeof i6.MtxSelectLoadingTextTemplate, typeof i6.MtxSelectTagTemplate, typeof i6.MtxSelectLoadingSpinnerTemplate]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxSelectModule>;
 }

package/select/select.d.ts

@@ -241,7 +241,7 @@ export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, On
     blur(): void;
     openChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, true, never>;
     static ngAcceptInputType_required: unknown;
 }
 export {};

package/select/select.scss

@@ -12,20 +12,19 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
 .ng-select {
   @include token-utils.use-tokens($_tokens...) {
-    $filled-padding-top: token-utils.get-token-variable(filled-padding-top);
-    $filled-padding-bottom: token-utils.get-token-variable(filled-padding-bottom);
-    $vertical-padding: token-utils.get-token-variable(vertical-padding);
+    $filled-padding-top: var(--mat-form-field-filled-with-label-container-padding-top);
+    $filled-padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom);
+    $vertical-padding: var(--mat-form-field-container-vertical-padding);
 
-    // TODO: use `mat-form-field` token
-    padding: var($filled-padding-top) 16px var($filled-padding-bottom);
-    margin: calc(var($filled-padding-top) * -1) -16px calc(var($filled-padding-bottom) * -1);
+    padding: $filled-padding-top 16px $filled-padding-bottom;
+    margin: calc($filled-padding-top * -1) -16px calc($filled-padding-bottom * -1);
 
     .mdc-text-field--outlined &,
     .mdc-text-field--no-label & {
-      padding-top: var($vertical-padding);
-      padding-bottom: var($vertical-padding);
-      margin-top: calc(var($vertical-padding) * -1);
-      margin-bottom: calc(var($vertical-padding) * -1);
+      padding-top: $vertical-padding;
+      padding-bottom: $vertical-padding;
+      margin-top: calc($vertical-padding * -1);
+      margin-bottom: calc($vertical-padding * -1);
     }
 
     .ng-select-container {

package/select/templates.d.ts

@@ -4,65 +4,65 @@ export declare class MtxSelectOptionTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptionTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptionTemplate, "[ng-option-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptionTemplate, "[ng-option-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectOptgroupTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptgroupTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptgroupTemplate, "[ng-optgroup-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptgroupTemplate, "[ng-optgroup-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectLabelTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLabelTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLabelTemplate, "[ng-label-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLabelTemplate, "[ng-label-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectMultiLabelTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectMultiLabelTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectMultiLabelTemplate, "[ng-multi-label-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectMultiLabelTemplate, "[ng-multi-label-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectHeaderTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectHeaderTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectHeaderTemplate, "[ng-header-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectHeaderTemplate, "[ng-header-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectFooterTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectFooterTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectFooterTemplate, "[ng-footer-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectFooterTemplate, "[ng-footer-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectNotFoundTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectNotFoundTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectNotFoundTemplate, "[ng-notfound-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectNotFoundTemplate, "[ng-notfound-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectTypeToSearchTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTypeToSearchTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTypeToSearchTemplate, "[ng-typetosearch-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTypeToSearchTemplate, "[ng-typetosearch-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectLoadingTextTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingTextTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingTextTemplate, "[ng-loadingtext-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingTextTemplate, "[ng-loadingtext-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectTagTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTagTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTagTemplate, "[ng-tag-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTagTemplate, "[ng-tag-tmp]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxSelectLoadingSpinnerTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingSpinnerTemplate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, true, never>;
 }

package/split/split-module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./split";
-import * as i2 from "./split-pane";
-import * as i3 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./split";
+import * as i3 from "./split-pane";
 export declare class MtxSplitModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSplitModule, [typeof i1.MtxSplit, typeof i2.MtxSplitPane], [typeof i3.CommonModule], [typeof i1.MtxSplit, typeof i2.MtxSplitPane]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxSplitModule, never, [typeof i1.CommonModule, typeof i2.MtxSplit, typeof i3.MtxSplitPane], [typeof i2.MtxSplit, typeof i3.MtxSplitPane]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxSplitModule>;
 }

package/split/split-pane.d.ts

@@ -34,5 +34,5 @@ export declare class MtxSplitPane implements OnInit, OnDestroy {
     unlockEvents(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPane, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
 }

package/split/split.d.ts

@@ -110,6 +110,6 @@ export declare class MtxSplit extends _MtxSplitBase implements AfterViewInit, On
     notify(type: 'start' | 'progress' | 'end' | 'click' | 'dblclick' | 'transitionEnd', gutterNum: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplit, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], true, never>;
 }
 export {};

package/tooltip/tooltip-module.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./tooltip";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@angular/material/core";
-import * as i6 from "@ng-matero/extensions/core";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@ng-matero/extensions/core";
+import * as i6 from "./tooltip";
 import * as i7 from "@angular/cdk/scrolling";
 export declare class MtxTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, [typeof i1.MtxTooltip, typeof i1.TooltipComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.MatCommonModule, typeof i6.MtxPipesModule], [typeof i1.MtxTooltip, typeof i1.TooltipComponent, typeof i5.MatCommonModule, typeof i7.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatCommonModule, typeof i5.MtxPipesModule, typeof i6.MtxTooltip, typeof i6.TooltipComponent], [typeof i6.MtxTooltip, typeof i6.TooltipComponent, typeof i4.MatCommonModule, typeof i7.CdkScrollableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxTooltipModule>;
 }

package/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { ComponentType, ConnectedPosition, OriginConnectionPosition, Overlay, OverlayConnectionPosition, OverlayRef, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
+import { ConnectedPosition, OriginConnectionPosition, Overlay, OverlayConnectionPosition, OverlayRef, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
 import { Platform } from '@angular/cdk/platform';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -62,7 +62,13 @@ export interface MtxTooltipDefaultOptions {
  * @breaking-change 13.0.0 remove this variable
  */
 export declare const TOOLTIP_PANEL_CLASS = "mtx-mdc-tooltip-panel";
-export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> implements OnDestroy, AfterViewInit {
+/**
+ * Directive that attaches a material design tooltip to the host element. Animates the showing and
+ * hiding of a tooltip provided position (defaults to below the element).
+ *
+ * https://material.io/design/components/tooltips.html
+ */
+export declare class MtxTooltip implements OnDestroy, AfterViewInit {
     private _overlay;
     private _elementRef;
     private _scrollDispatcher;
@@ -74,7 +80,7 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     protected _dir: Directionality;
     private _defaultOptions;
     _overlayRef: OverlayRef | null;
-    _tooltipInstance: T | null;
+    _tooltipInstance: TooltipComponent | null;
     private _portal;
     private _position;
     private _positionAtOrigin;
@@ -83,13 +89,17 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     private _scrollStrategy;
     private _viewInitialized;
     private _pointerExitEventsInitialized;
-    protected abstract readonly _tooltipComponent: ComponentType<T>;
-    protected _viewportMargin: number;
+    private readonly _tooltipComponent;
+    private _viewportMargin;
     private _currentPosition;
-    protected readonly _cssClassPrefix: string;
+    private readonly _cssClassPrefix;
     /** Allows the user to define the position of the tooltip relative to the parent element */
     get position(): TooltipPosition;
     set position(value: TooltipPosition);
+    /**
+     * Whether tooltip should be relative to the click or touch origin
+     * instead of outside the element bounding box.
+     */
     get positionAtOrigin(): boolean;
     set positionAtOrigin(value: BooleanInput);
     /** Disables the display of the tooltip. */
@@ -201,25 +211,17 @@ export declare abstract class _MtxTooltipBase<T extends _TooltipComponentBase> i
     private _wheelListener;
     /** Disables the native browser gestures, based on how the tooltip has been configured. */
     private _disableNativeGesturesIfNecessary;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_MtxTooltipBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MtxTooltipBase<any>, never, never, { "position": { "alias": "mtxTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "mtxTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "mtxTooltipDisabled"; "required": false; }; "showDelay": { "alias": "mtxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "mtxTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "mtxTooltipTouchGestures"; "required": false; }; "message": { "alias": "mtxTooltip"; "required": false; }; "tooltipContext": { "alias": "mtxTooltipContext"; "required": false; }; "tooltipClass": { "alias": "mtxTooltipClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltip, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxTooltip, "[mtxTooltip]", ["mtxTooltip"], { "position": { "alias": "mtxTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "mtxTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "mtxTooltipDisabled"; "required": false; }; "showDelay": { "alias": "mtxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "mtxTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "mtxTooltipTouchGestures"; "required": false; }; "message": { "alias": "mtxTooltip"; "required": false; }; "tooltipContext": { "alias": "mtxTooltipContext"; "required": false; }; "tooltipClass": { "alias": "mtxTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
- * Directive that attaches a material design tooltip to the host element. Animates the showing and
- * hiding of a tooltip provided position (defaults to below the element).
- *
- * https://material.io/design/components/tooltips.html
+ * Internal component that wraps the tooltip's content.
+ * @docs-private
  */
-export declare class MtxTooltip extends _MtxTooltipBase<TooltipComponent> {
-    protected readonly _tooltipComponent: typeof TooltipComponent;
-    protected readonly _cssClassPrefix = "mtx-mdc";
-    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, viewContainerRef: ViewContainerRef, ngZone: NgZone, platform: Platform, ariaDescriber: AriaDescriber, focusMonitor: FocusMonitor, scrollStrategy: any, dir: Directionality, defaultOptions: MtxTooltipDefaultOptions, _document: any);
-    protected _addOffset(position: ConnectedPosition): ConnectedPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxTooltip, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxTooltip, "[mtxTooltip]", ["mtxTooltip"], {}, {}, never, never, false, never>;
-}
-export declare abstract class _TooltipComponentBase implements OnDestroy {
+export declare class TooltipComponent implements OnDestroy {
     private _changeDetectorRef;
+    protected _elementRef: ElementRef<HTMLElement>;
+    _isMultiline: boolean;
     /** Message to display in the tooltip */
     message: string | TemplateRef<any>;
     /** Context to be added to the tooltip */
@@ -239,7 +241,7 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     /** Whether animations are currently disabled. */
     private _animationsDisabled;
     /** Reference to the internal tooltip element. */
-    abstract _tooltip: ElementRef<HTMLElement>;
+    _tooltip: ElementRef<HTMLElement>;
     /** Whether interactions on the page should close the tooltip */
     private _closeOnInteraction;
     /** Whether the tooltip is currently visible. */
@@ -247,10 +249,10 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     /** Subject for notifying that the tooltip has been hidden from the view */
     private readonly _onHide;
     /** Name of the show animation and the class that toggles it. */
-    protected abstract readonly _showAnimation: string;
+    private readonly _showAnimation;
     /** Name of the hide animation and the class that toggles it. */
-    protected abstract readonly _hideAnimation: string;
-    constructor(_changeDetectorRef: ChangeDetectorRef, animationMode?: string);
+    private readonly _hideAnimation;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, animationMode?: string);
     /**
      * Shows the tooltip with an animation originating from the provided origin
      * @param delay Amount of milliseconds to the delay showing the tooltip.
@@ -285,6 +287,8 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
      * in the mdc-tooltip, not here.
      */
     protected _onShow(): void;
+    /** Whether the tooltip text has overflown to the next line */
+    private _isTooltipMultiline;
     /** Event listener dispatched when an animation on the tooltip finishes. */
     _handleAnimationEnd({ animationName }: AnimationEvent): void;
     /** Cancels any pending animation sequences. */
@@ -293,24 +297,6 @@ export declare abstract class _TooltipComponentBase implements OnDestroy {
     private _finalizeAnimation;
     /** Toggles the visibility of the tooltip element. */
     private _toggleVisibility;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_TooltipComponentBase, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_TooltipComponentBase, never, never, {}, {}, never, never, false, never>;
-}
-/**
- * Internal component that wraps the tooltip's content.
- * @docs-private
- */
-export declare class TooltipComponent extends _TooltipComponentBase {
-    private _elementRef;
-    _isMultiline: boolean;
-    /** Reference to the internal tooltip element. */
-    _tooltip: ElementRef<HTMLElement>;
-    _showAnimation: string;
-    _hideAnimation: string;
-    constructor(changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, animationMode?: string);
-    protected _onShow(): void;
-    /** Whether the tooltip text has overflown to the next line */
-    private _isTooltipMultiline;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mtx-tooltip-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mtx-tooltip-component", never, {}, {}, never, never, true, never>;
 }

package/tooltip/tooltip.scss

@@ -12,9 +12,6 @@
   .mtx-mdc-tooltip {
     // Add the official slots for the MDC tooltip.
     @include mdc-plain-tooltip-theme.theme-styles($mdc-tooltip-token-slots);
-
-    // Add default values for MDC tooltip tokens that aren't outputted by the theming API.
-    @include mdc-plain-tooltip-theme.theme(m2-mdc-plain-tooltip.get-unthemable-tokens());
   }
 }
 
@@ -65,7 +62,8 @@
   }
 }
 
-.mtx-mdc-tooltip-panel-non-interactive {
+// We need the additional specificity here, because it can be overridden by `.cdk-overlay-panel`.
+.mtx-mdc-tooltip-panel.mtx-mdc-tooltip-panel-non-interactive {
   pointer-events: none;
 }
 

package/core/mdc-helpers/_mdc-helpers.scss

@@ -1,31 +0,0 @@
-@use 'sass:map';
-@use '@material/typography' as mdc-typography;
-@use '../typography/typography';
-
-// Function to create an Angular Material typography config from MDC's predefined typography levels.
-// This is used for components where we accidentally ended up supporting null typography configs
-// that were silently falling back to MDC's typography. At the moment of writing this includes
-// `dialog`, `slider` and `tooltip`.
-// Important! We shouldn't introduce any new usages of this pattern and we should eventually clean
-// up any existing usages.
-@function private-fallback-typography-from-mdc() {
-  // This is very close to what we have in `define-typography-config`, but we can't use it here,
-  // because it would cause a circular import and moving it here doesn't make sense.
-  $font-family: mdc-typography.$font-family;
-  @return (
-    font-family: $font-family,
-    headline-1: typography.typography-config-level-from-mdc(headline1, $font-family),
-    headline-2: typography.typography-config-level-from-mdc(headline2, $font-family),
-    headline-3: typography.typography-config-level-from-mdc(headline3, $font-family),
-    headline-4: typography.typography-config-level-from-mdc(headline4, $font-family),
-    headline-5: typography.typography-config-level-from-mdc(headline5, $font-family),
-    headline-6: typography.typography-config-level-from-mdc(headline6, $font-family),
-    subtitle-1: typography.typography-config-level-from-mdc(subtitle1, $font-family),
-    subtitle-2: typography.typography-config-level-from-mdc(subtitle2, $font-family),
-    body-1: typography.typography-config-level-from-mdc(body1, $font-family),
-    body-2: typography.typography-config-level-from-mdc(body2, $font-family),
-    caption: typography.typography-config-level-from-mdc(caption, $font-family),
-    button: typography.typography-config-level-from-mdc(button, $font-family),
-    overline: typography.typography-config-level-from-mdc(overline, $font-family),
-  );
-}

package/core/style/_validation.scss

@@ -1,43 +0,0 @@
-@use 'sass:list';
-@use 'sass:meta';
-
-/// Validates that the object's type matches any of the expected types.
-/// @param {any} $obj The object to test
-/// @param {List} $types The expected types
-/// @return {String} null if no error, else the unexpected type.
-@function validate-type($obj, $types...) {
-  $result: meta.type-of($obj);
-  // A zero-length list is the same as a zero-length map.
-  @if ($result == list and list.index($types, map) and list.length($obj) == 0) {
-    @return null;
-  }
-  @return if(list.index($types, $result), null, $result);
-}
-
-/// Validates that a list contains only values from the allowed list of values.
-/// @param {List} $list The list to test
-/// @param {List} $allowed The allowed values
-/// @return {List} null if no error, else the list of non-allowed values.
-@function validate-allowed-values($list, $allowed...) {
-  $invalid: ();
-  @each $element in $list {
-    @if not list.index($allowed, $element) {
-      $invalid: list.append($invalid, $element);
-    }
-  }
-  @return if(list.length($invalid) > 0, $invalid, null);
-}
-
-/// Validates that a list contains all values from the required list of values.
-/// @param {List} $list The list to test
-/// @param {List} $required The required values
-/// @return {List} null if no error, else the list of missing values.
-@function validate-required-values($list, $required...) {
-  $invalid: ();
-  @each $element in $required {
-    @if not list.index($list, $element) {
-      $invalid: list.append($invalid, $element);
-    }
-  }
-  @return if(list.length($invalid) > 0, $invalid, null);
-}