@ng-matero/extensions 14.6.3 → 15.0.1

package/popover/popover.d.ts

@@ -166,5 +166,5 @@ export declare class MtxPopover implements MtxPopoverPanel, OnInit, OnDestroy {
     static ngAcceptInputType_focusTrapAutoCaptureEnabled: BooleanInput;
     static ngAcceptInputType_hasBackdrop: BooleanInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxPopover, "mtx-popover", ["mtxPopover"], { "backdropClass": "backdropClass"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "triggerEvent": "triggerEvent"; "enterDelay": "enterDelay"; "leaveDelay": "leaveDelay"; "position": "position"; "xOffset": "xOffset"; "yOffset": "yOffset"; "arrowWidth": "arrowWidth"; "arrowHeight": "arrowHeight"; "arrowOffsetX": "arrowOffsetX"; "arrowOffsetY": "arrowOffsetY"; "closeOnPanelClick": "closeOnPanelClick"; "closeOnBackdropClick": "closeOnBackdropClick"; "focusTrapEnabled": "focusTrapEnabled"; "focusTrapAutoCaptureEnabled": "focusTrapAutoCaptureEnabled"; "hasBackdrop": "hasBackdrop"; "elevation": "elevation"; "panelClass": "class"; "classList": "classList"; }, { "closed": "closed"; }, ["lazyContent"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxPopover, "mtx-popover", ["mtxPopover"], { "backdropClass": "backdropClass"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "triggerEvent": "triggerEvent"; "enterDelay": "enterDelay"; "leaveDelay": "leaveDelay"; "position": "position"; "xOffset": "xOffset"; "yOffset": "yOffset"; "arrowWidth": "arrowWidth"; "arrowHeight": "arrowHeight"; "arrowOffsetX": "arrowOffsetX"; "arrowOffsetY": "arrowOffsetY"; "closeOnPanelClick": "closeOnPanelClick"; "closeOnBackdropClick": "closeOnBackdropClick"; "focusTrapEnabled": "focusTrapEnabled"; "focusTrapAutoCaptureEnabled": "focusTrapAutoCaptureEnabled"; "hasBackdrop": "hasBackdrop"; "elevation": "elevation"; "panelClass": "class"; "classList": "classList"; }, { "closed": "closed"; }, ["lazyContent"], ["*"], false, never>;
 }

package/progress/_progress-theme.import.scss

@@ -1,2 +1,2 @@
 @forward 'progress-theme' hide color, theme, typography;
-@forward 'progress-theme' as mtx-progress-* hide mtx-progress-density;
+@forward 'progress-theme' as mtx-progress-*;

package/progress/_progress-theme.scss

@@ -33,7 +33,7 @@
 
 @mixin typography($config-or-theme) {}
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -46,7 +46,7 @@
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/progress/{progress.module.d.ts → progress-module.d.ts}

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./progress.component";
+import * as i1 from "./progress";
 import * as i2 from "@angular/common";
 export declare class MtxProgressModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxProgressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxProgressModule, [typeof i1.MtxProgressComponent], [typeof i2.CommonModule], [typeof i1.MtxProgressComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxProgressModule, [typeof i1.MtxProgress], [typeof i2.CommonModule], [typeof i1.MtxProgress]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxProgressModule>;
 }

package/progress/{progress.component.d.ts → progress.d.ts}

@@ -1,7 +1,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';
-export declare class MtxProgressComponent {
+export declare class MtxProgress {
     /** The progress's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
     type: MtxProgressType;
     /** The value of the progress. */
@@ -24,6 +24,6 @@ export declare class MtxProgressComponent {
     private _animate;
     static ngAcceptInputType_striped: BooleanInput;
     static ngAcceptInputType_animate: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxProgressComponent, "mtx-progress", ["mtxProgress"], { "type": "type"; "value": "value"; "height": "height"; "color": "color"; "foreground": "foreground"; "background": "background"; "striped": "striped"; "animate": "animate"; }, {}, never, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxProgress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxProgress, "mtx-progress", ["mtxProgress"], { "type": "type"; "value": "value"; "height": "height"; "color": "color"; "foreground": "foreground"; "background": "background"; "striped": "striped"; "animate": "animate"; }, {}, never, ["*"], false, never>;
 }

package/progress/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './progress.module';
-export * from './progress.component';
+export * from './progress-module';
+export * from './progress';

package/select/_select-density.scss

@@ -0,0 +1,68 @@
+@use 'sass:map';
+@use 'sass:math';
+@use '@material/density' as mdc-density;
+@use '@material/textfield' as mdc-textfield;
+@use '../core/theming/theming';
+
+@mixin _infix-vertical-spacing-filled($with-label-padding, $no-label-padding) {
+  .ng-select {
+    padding-top: map.get($with-label-padding, top);
+    padding-bottom: map.get($with-label-padding, bottom);
+    margin-top: - map.get($with-label-padding, top);
+    margin-bottom: - map.get($with-label-padding, bottom);
+  }
+
+  .mdc-text-field--no-label .ng-select {
+    padding-top: map.get($no-label-padding, top);
+    padding-bottom: map.get($no-label-padding, bottom);
+    margin-top: - map.get($no-label-padding, top);
+    margin-bottom: - map.get($no-label-padding, bottom);
+  }
+}
+
+@mixin _infix-vertical-spacing-outlined($padding) {
+  .mdc-text-field--outlined .ng-select {
+    padding-top: map.get($padding, top);
+    padding-bottom: map.get($padding, bottom);
+    margin-top: - map.get($padding, top);
+    margin-bottom: - map.get($padding, bottom);
+  }
+}
+
+@mixin private-select-density($config-or-theme) {
+  $density-scale: theming.get-density-config($config-or-theme);
+  // Height of the form field that is based on the current density scale.
+  $height: mdc-density.prop-value(
+    $density-config: mdc-textfield.$density-config,
+    $density-scale: $density-scale,
+    $property-name: height,
+  );
+  // Whether floating labels for filled form fields should be hidden. MDC hides the label in
+  // their density styles when the height decreases too much. We match their density styles.
+  $hide-filled-floating-label: $height < mdc-textfield.$minimum-height-for-filled-label;
+  // We computed the desired height of the form-field using the density configuration. The
+  // spec only describes vertical spacing/alignment in non-dense mode. This means that we
+  // cannot update the spacing to explicit numbers based on the density scale. Instead, we
+  // determine the height reduction and equally subtract it from the default `top` and `bottom`
+  // padding that is provided by the Material Design specification.
+  $vertical-deduction: math.div(mdc-textfield.$height - $height, 2);
+  // Map that describes the padding for form-fields with label.
+  $with-label-padding: (
+    top: 24px - $vertical-deduction,
+    bottom: 8px - $vertical-deduction,
+  );
+  // Map that describes the padding for form-fields without label.
+  $no-label-padding: (
+    top: 16px - $vertical-deduction,
+    bottom: 16px - $vertical-deduction,
+  );
+
+  @include _infix-vertical-spacing-outlined($no-label-padding);
+
+  @if $hide-filled-floating-label {
+    @include _infix-vertical-spacing-filled($no-label-padding, $no-label-padding);
+  }
+  @else {
+    @include _infix-vertical-spacing-filled($with-label-padding, $no-label-padding);
+  }
+}

package/select/_select-theme.import.scss

@@ -1,2 +1,3 @@
 @forward 'select-theme' hide color, theme, typography;
-@forward 'select-theme' as mtx-select-* hide mtx-select-density;
+@forward 'select-theme' as mtx-select-*;
+@forward 'select-density' as mtx-*;

package/select/_select-theme.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
 @use '../core/theming/theming';
+@use './select-density';
 
 @mixin color($config-or-theme) {
   $config: theming.get-color-config($config-or-theme);
@@ -36,6 +37,7 @@
           .ng-value {
             color: theming.get-color-from-palette($foreground, text);
             background-color: theming.get-color-from-palette($background, unselected-chip);
+            border: 1px solid theming.get-color-from-palette($foreground, divider);
 
             &.ng-value-disabled {
               opacity: .4;
@@ -143,7 +145,9 @@
 
 @mixin typography($config-or-theme) {}
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {
+  @include select-density.private-select-density($config-or-theme);
+}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -156,7 +160,7 @@
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/select/{option.component.d.ts → option.d.ts}

@@ -2,7 +2,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterViewChecked, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class MtxOptionComponent implements OnChanges, AfterViewChecked, OnDestroy {
+export declare class MtxOption implements OnChanges, AfterViewChecked, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
     value: any;
     get disabled(): boolean;
@@ -20,6 +20,6 @@ export declare class MtxOptionComponent implements OnChanges, AfterViewChecked,
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     static ngAcceptInputType_disabled: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxOptionComponent, "mtx-option", ["mtxOption"], { "value": "value"; "disabled": "disabled"; }, {}, never, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxOption, "mtx-option", ["mtxOption"], { "value": "value"; "disabled": "disabled"; }, {}, never, ["*"], false, never>;
 }

package/select/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './select.module';
-export * from './select.component';
-export * from './option.component';
-export * from './templates.directive';
+export * from './select-module';
+export * from './select';
+export * from './option';
+export * from './templates';

package/select/select-module.d.ts

@@ -0,0 +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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<MtxSelectModule>;
+}

package/select/{select.component.d.ts → select.d.ts}

@@ -6,7 +6,7 @@ import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@an
 import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import { NgSelectComponent } from '@ng-select/ng-select';
-import { MtxOptionComponent } from './option.component';
+import { MtxOption } from './option';
 import * as i0 from "@angular/core";
 export declare type DropdownPosition = 'bottom' | 'top' | 'auto';
 export declare type AddTagFn = (term: string) => any | Promise<any>;
@@ -34,7 +34,7 @@ declare const _MtxSelectMixinBase: import("@angular/material/core")._Constructor
         ngControl: NgControl;
     };
 };
-export declare class MtxSelectComponent extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
+export declare class MtxSelect extends _MtxSelectMixinBase implements OnInit, OnDestroy, DoCheck, AfterViewInit, ControlValueAccessor, MatFormFieldControl<any> {
     protected _changeDetectorRef: ChangeDetectorRef;
     protected _elementRef: ElementRef;
     protected _focusMonitor: FocusMonitor;
@@ -51,7 +51,7 @@ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements O
     loadingTextTemplate: TemplateRef<any>;
     tagTemplate: TemplateRef<any>;
     loadingSpinnerTemplate: TemplateRef<any>;
-    mtxOptions: QueryList<MtxOptionComponent>;
+    mtxOptions: QueryList<MtxOption>;
     addTag: boolean | AddTagFn;
     addTagText: string;
     appearance: string;
@@ -221,7 +221,7 @@ export declare class MtxSelectComponent extends _MtxSelectMixinBase implements O
     blur(): void;
     static ngAcceptInputType_required: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelectComponent, "mtx-select", ["mtxSelect"], { "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": "addTag"; "addTagText": "addTagText"; "appearance": "appearance"; "appendTo": "appendTo"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "closeOnSelect": "closeOnSelect"; "clearAllText": "clearAllText"; "clearable": "clearable"; "clearOnBackspace": "clearOnBackspace"; "compareWith": "compareWith"; "dropdownPosition": "dropdownPosition"; "groupBy": "groupBy"; "groupValue": "groupValue"; "selectableGroup": "selectableGroup"; "selectableGroupAsModel": "selectableGroupAsModel"; "hideSelected": "hideSelected"; "isOpen": "isOpen"; "loading": "loading"; "loadingText": "loadingText"; "labelForId": "labelForId"; "markFirst": "markFirst"; "maxSelectedItems": "maxSelectedItems"; "multiple": "multiple"; "notFoundText": "notFoundText"; "searchable": "searchable"; "readonly": "readonly"; "searchFn": "searchFn"; "searchWhileComposing": "searchWhileComposing"; "selectOnTab": "selectOnTab"; "trackByFn": "trackByFn"; "inputAttrs": "inputAttrs"; "tabIndex": "tabIndex"; "openOnEnter": "openOnEnter"; "minTermLength": "minTermLength"; "editableSearchTerm": "editableSearchTerm"; "keyDownFn": "keyDownFn"; "virtualScroll": "virtualScroll"; "typeToSearchText": "typeToSearchText"; "typeahead": "typeahead"; "clearSearchOnAdd": "clearSearchOnAdd"; "items": "items"; "value": "value"; "id": "id"; "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "errorStateMatcher": "errorStateMatcher"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "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>;
 }
 export {};

package/select/{select.component.scss → select.scss}

@@ -7,20 +7,10 @@
 }
 
 .ng-select {
-  padding-top: calc(.4375em + .84375em);
-  margin-top: calc(-.4375em - .84375em);
-  padding-bottom: .4375em;
-  margin-bottom: -.4375em;
-
-  .mat-form-field-appearance-fill & {
-    padding: .25em .75em .75em;
-    margin: -.25em -.75em -.75em;
-  }
-
-  .mat-form-field-appearance-outline & {
-    padding: 1em .75em;
-    margin: -1em -.75em;
-  }
+  padding-right: 16px;
+  padding-left: 16px;
+  margin-right: -16px;
+  margin-left: -16px;
 
   .ng-select-container {
     align-items: center;
@@ -38,13 +28,11 @@
   }
 
   .ng-placeholder {
-    .mat-form-field-has-label & {
-      transition: opacity 200ms;
-      opacity: 0;
-    }
+    transition: opacity 200ms;
+    opacity: 1;
 
-    .mat-form-field-has-label .mtx-select-floating & {
-      opacity: 1;
+    .mat-form-field-hide-placeholder & {
+      opacity: 0;
     }
   }
 
@@ -90,11 +78,16 @@
         margin: -4px 0;
 
         .ng-value {
-          margin: 4px;
+          margin-right: 4px;
           border-radius: 16px;
           font-size: .875em;
           line-height: 18px;
 
+          @include rtl {
+            margin-right: auto;
+            margin-left: 4px;
+          }
+
           .ng-value-label {
             display: inline-block;
             margin: 0 8px;
@@ -131,7 +124,6 @@
   }
 
   .ng-clear-wrapper {
-    height: 18px;
     text-align: center;
   }
 

package/select/{templates.directive.d.ts → templates.d.ts}

@@ -1,68 +1,68 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MtxSelectOptionTemplateDirective {
+export declare class MtxSelectOptionTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptionTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptionTemplateDirective, "[ng-option-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptionTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptionTemplate, "[ng-option-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectOptgroupTemplateDirective {
+export declare class MtxSelectOptgroupTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptgroupTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptgroupTemplateDirective, "[ng-optgroup-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectOptgroupTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectOptgroupTemplate, "[ng-optgroup-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectLabelTemplateDirective {
+export declare class MtxSelectLabelTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLabelTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLabelTemplateDirective, "[ng-label-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLabelTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLabelTemplate, "[ng-label-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectMultiLabelTemplateDirective {
+export declare class MtxSelectMultiLabelTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectMultiLabelTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectMultiLabelTemplateDirective, "[ng-multi-label-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectMultiLabelTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectMultiLabelTemplate, "[ng-multi-label-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectHeaderTemplateDirective {
+export declare class MtxSelectHeaderTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectHeaderTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectHeaderTemplateDirective, "[ng-header-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectHeaderTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectHeaderTemplate, "[ng-header-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectFooterTemplateDirective {
+export declare class MtxSelectFooterTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectFooterTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectFooterTemplateDirective, "[ng-footer-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectFooterTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectFooterTemplate, "[ng-footer-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectNotFoundTemplateDirective {
+export declare class MtxSelectNotFoundTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectNotFoundTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectNotFoundTemplateDirective, "[ng-notfound-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectNotFoundTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectNotFoundTemplate, "[ng-notfound-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectTypeToSearchTemplateDirective {
+export declare class MtxSelectTypeToSearchTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTypeToSearchTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTypeToSearchTemplateDirective, "[ng-typetosearch-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTypeToSearchTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTypeToSearchTemplate, "[ng-typetosearch-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectLoadingTextTemplateDirective {
+export declare class MtxSelectLoadingTextTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingTextTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingTextTemplateDirective, "[ng-loadingtext-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingTextTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingTextTemplate, "[ng-loadingtext-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectTagTemplateDirective {
+export declare class MtxSelectTagTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTagTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTagTemplateDirective, "[ng-tag-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectTagTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectTagTemplate, "[ng-tag-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class MtxSelectLoadingSpinnerTemplateDirective {
+export declare class MtxSelectLoadingSpinnerTemplate {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingSpinnerTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplateDirective, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelectLoadingSpinnerTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSelectLoadingSpinnerTemplate, "[ng-loadingspinner-tmp]", never, {}, {}, never, never, false, never>;
 }

package/slider/_slider-theme.import.scss

@@ -1,2 +1,2 @@
 @forward 'slider-theme' hide color, theme, typography;
-@forward 'slider-theme' as mtx-slider-* hide mtx-slider-density, mtx-slider-inner-content-theme;
+@forward 'slider-theme' as mtx-slider-* hide mtx-slider-inner-content-theme;

package/slider/_slider-theme.scss

@@ -210,21 +210,20 @@
   }
 }
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
   @include theming.private-check-duplicate-theme-styles($theme, 'mtx-slider') {
     $color: theming.get-color-config($theme);
     $density: theming.get-density-config($theme);
-    $typography-default: typography.define-typography-config();
-    $typography: theming.get-typography-config($theme, $typography-default);
+    $typography: theming.get-typography-config($theme);
 
     @if $color != null {
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/slider/slider.d.ts

@@ -272,6 +272,6 @@ export declare class MtxSlider extends _MtxSliderBase implements ControlValueAcc
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_tabIndex: NumberInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSlider, [null, null, null, { optional: true; }, { attribute: "tabindex"; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSlider, "mtx-slider", ["mtxSlider"], { "disabled": "disabled"; "color": "color"; "tabIndex": "tabIndex"; "invert": "invert"; "max": "max"; "min": "min"; "step": "step"; "thumbLabel": "thumbLabel"; "tickInterval": "tickInterval"; "value": "value"; "displayWith": "displayWith"; "valueText": "valueText"; "vertical": "vertical"; }, { "change": "change"; "input": "input"; "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSlider, "mtx-slider", ["mtxSlider"], { "disabled": "disabled"; "color": "color"; "tabIndex": "tabIndex"; "invert": "invert"; "max": "max"; "min": "min"; "step": "step"; "thumbLabel": "thumbLabel"; "tickInterval": "tickInterval"; "value": "value"; "displayWith": "displayWith"; "valueText": "valueText"; "vertical": "vertical"; }, { "change": "change"; "input": "input"; "valueChange": "valueChange"; }, never, never, false, never>;
 }
 export {};

package/slider/slider.scss

@@ -37,13 +37,13 @@ $focus-ring-size: 30px !default;
 
   &:not(.mtx-slider-disabled):active,
   &.mtx-slider-sliding:not(.mtx-slider-disabled) {
-    @include vendor-prefixes.cursor-grabbing;
+    cursor: grabbing;
   }
 }
 
 .mtx-slider-wrapper {
   // force browser to show background-color when using the print function
-  @include vendor-prefixes.private-color-adjust(exact);
+  @include vendor-prefixes.color-adjust(exact);
 
   position: absolute;
 }
@@ -123,7 +123,7 @@ $focus-ring-size: 30px !default;
 
 %_mtx-slider-cursor {
   .mtx-slider:not(.mtx-slider-disabled, .mtx-slider-sliding) & {
-    @include vendor-prefixes.cursor-grab;
+    cursor: grab;
   }
 }
 

package/split/_split-theme.import.scss

@@ -1,2 +1,2 @@
 @forward 'split-theme' hide color, theme, typography;
-@forward 'split-theme' as mtx-split-* hide mtx-split-density;
+@forward 'split-theme' as mtx-split-*;

package/split/_split-theme.scss

@@ -26,7 +26,7 @@
 
 @mixin typography($config-or-theme) {}
 
-@mixin _density($config-or-theme) {}
+@mixin density($config-or-theme) {}
 
 @mixin theme($theme-or-color-config) {
   $theme: theming.private-legacy-get-theme($theme-or-color-config);
@@ -39,7 +39,7 @@
       @include color($color);
     }
     @if $density != null {
-      @include _density($density);
+      @include density($density);
     }
     @if $typography != null {
       @include typography($typography);

package/split/{interface.d.ts → interfaces.d.ts}

@@ -1,10 +1,10 @@
-import { MtxSplitPaneDirective } from './split-pane.directive';
+import { MtxSplitPane } from './split-pane';
 export interface MtxSplitPoint {
     x: number;
     y: number;
 }
 export interface MtxSplitArea {
-    component: MtxSplitPaneDirective;
+    component: MtxSplitPane;
     order: number;
     size: number | null;
     minSize: number | null;

package/split/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from './interface';
+export * from './interfaces';
 export * from './utils';
-export * from './split.module';
-export * from './split.component';
-export * from './split-pane.directive';
+export * from './split-module';
+export * from './split';
+export * from './split-pane';

package/split/{split.module.d.ts → split-module.d.ts}

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

package/split/{split-pane.directive.d.ts → split-pane.d.ts}

@@ -1,7 +1,7 @@
 import { ElementRef, Renderer2, OnInit, OnDestroy, NgZone } from '@angular/core';
-import { MtxSplitComponent } from './split.component';
+import { MtxSplit } from './split';
 import * as i0 from "@angular/core";
-export declare class MtxSplitPaneDirective implements OnInit, OnDestroy {
+export declare class MtxSplitPane implements OnInit, OnDestroy {
     private ngZone;
     elRef: ElementRef;
     private renderer;
@@ -26,13 +26,13 @@ export declare class MtxSplitPaneDirective implements OnInit, OnDestroy {
     get visible(): boolean;
     private transitionListener;
     private readonly lockListeners;
-    constructor(ngZone: NgZone, elRef: ElementRef, renderer: Renderer2, split: MtxSplitComponent);
+    constructor(ngZone: NgZone, elRef: ElementRef, renderer: Renderer2, split: MtxSplit);
     ngOnInit(): void;
     setStyleOrder(value: number): void;
     setStyleFlex(grow: number, shrink: number, basis: string, isMin: boolean, isMax: boolean): void;
     lockEvents(): void;
     unlockEvents(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPaneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPaneDirective, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": "order"; "size": "size"; "minSize": "minSize"; "maxSize": "maxSize"; "lockSize": "lockSize"; "visible": "visible"; }, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPane, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": "order"; "size": "size"; "minSize": "minSize"; "maxSize": "maxSize"; "lockSize": "lockSize"; "visible": "visible"; }, {}, never, never, false, never>;
 }