@covalent/core 4.0.0 → 4.1.0-develop.5

package/search/search-input/README.md

@@ -1,65 +0,0 @@
-# TdSearchInputComponent: td-search-input
-
-`td-search-input` element to generate a search input with its animated cancel button.
-
-## API Summary
-
-#### Inputs
-
-+ debounce?: number
-  + Debounce timeout between keypresses. Defaults to 400.
-+ placeholder?: string
-  + Placeholder for the underlying input component.
-+ showUnderline?: boolean
-  + Sets if the input underline should be visible. Defaults to 'false'.
-+ clearIcon?: string
-  + The icon used to clear the search input. Defaults to 'cancel' icon.
-+ appearance?: MatFormFieldAppearance
-  + Appearance style for the underlying input component.
-
-#### Events
-
-+ searchDebounce: function
-  + Event emitted after the [debounce] timeout.
-  + Emits a [string].
-+ search: function
-  + Event emitted after the key enter has been pressed.
-  + Emits a [string].
-+ clear: function
-  + Event emitted after the clear icon has been clicked.
-  + Emits [void].
-+ blur: function
-  + Event emitted after the blur event has been called in underlying input.
-  + Emits [void].
-
-#### Methods
-
-+ focus: function
-  + Method to focus to underlying input.
-+ clearSearch: function
-  + Method to clear the underlying input. 
-
-## Setup
-
-Import the [CovalentSearchModule] in your NgModule:
-
-```typescript
-import { CovalentSearchModule } from '@covalent/core/search';
-@NgModule({
-  imports: [
-    CovalentSearchModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example for HTML usage:
-
-```html
-    <td-search-input appearance="legacy|standard|fill|outline" placeholder="Search here" [(ngModel)]="searchInputTerm" [showUnderline]="false|true" [debounce]="500" (searchDebounce)="searchInputTerm = $event" (search)="searchInputTerm = $event" (clear)="searchInputTerm = ''">
-    </td-search-input>
-```

package/search/search-input/search-input.component.scss

@@ -1,63 +0,0 @@
-:host {
-  .td-search-input {
-    overflow-x: hidden;
-    // [layout]
-    box-sizing: border-box;
-    display: flex;
-    // [layout="row"]
-    flex-direction: row;
-    // [layout-align="end center"]
-    align-items: baseline;
-    align-content: center;
-    max-width: 100%;
-    justify-content: flex-end;
-    .td-search-input-field {
-      flex: 1;
-    }
-    ::ng-deep mat-form-field {
-      &.mat-form-field-appearance-outline {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-        }
-      }
-      &.mat-form-field-appearance-fill {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-          .mat-form-field-flex {
-            height: 52px;
-          }
-          .mat-form-field-underline {
-            bottom: 0;
-          }
-        }
-      }
-      &.mat-form-field-appearance-standard {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-          .mat-form-field-infix {
-            bottom: 0.4em;
-          }
-          .mat-form-field-underline {
-            bottom: 0;
-          }
-        }
-      }
-      &.mat-form-field-appearance-legacy {
-        .mat-form-field-infix {
-          align-self: center;
-        }
-      }
-      .mat-input-element {
-        caret-color: currentColor;
-      }
-      &.mat-hide-underline .mat-form-field-underline {
-        display: none;
-      }
-    }
-    .td-search-input-clear {
-      // [flex="none"]
-      flex: 0 0 auto;
-      align-self: center;
-    }
-  }
-}

package/side-sheet/covalent-core-side-sheet.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentSideSheetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"CovalentSideSheetActions"},{"__symbolic":"reference","name":"CovalentSideSheetClose"},{"__symbolic":"reference","name":"CovalentSideSheetContent"},{"__symbolic":"reference","name":"CovalentSideSheetTitle"},{"__symbolic":"reference","name":"CovalentSideSheetWrapper"}],"exports":[{"__symbolic":"reference","name":"CovalentSideSheetActions"},{"__symbolic":"reference","name":"CovalentSideSheetClose"},{"__symbolic":"reference","name":"CovalentSideSheetContent"},{"__symbolic":"reference","name":"CovalentSideSheetTitle"},{"__symbolic":"reference","name":"CovalentSideSheetWrapper"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":31,"character":12},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":31,"character":26},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":31,"character":43}],"providers":[{"__symbolic":"reference","name":"CovalentSideSheet"}]}]}],"members":{}},"CovalentSideSheetConfig":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogConfig","line":2,"character":54},"members":{}},"CovalentSideSheetClose":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[td-side-sheet-close], [CovalentSideSheetClose]","exportAs":"CovalentSideSheetClose","host":{"(click)":"_onButtonClick($event)","[attr.aria-label]":"ariaLabel || null","[attr.type]":"type","$quoted$":["(click)","[attr.aria-label]","[attr.type]"]}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["aria-label"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dialogResult":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["td-side-sheet-close"]}]}],"_CovalentSideSheetClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["CovalentSideSheetClose"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","name":"CovalentSideSheetRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":89,"character":36,"context":{"typeName":"HTMLElement"},"module":"./side-sheet.content-directives"}]},{"__symbolic":"reference","name":"CovalentSideSheet"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_onButtonClick":[{"__symbolic":"method"}]}},"CovalentSideSheetTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":73,"character":1},"arguments":[{"selector":"[td-side-sheet-title], [CovalentSideSheetTitle]","exportAs":"CovalentSideSheetTitle","host":{"class":"td-side-sheet-title","[id]":"id","$quoted$":["class","[id]"]}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":88,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","name":"CovalentSideSheetRef"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":89,"character":36,"context":{"typeName":"HTMLElement"},"module":"./side-sheet.content-directives"}]},{"__symbolic":"reference","name":"CovalentSideSheet"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CovalentSideSheetContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":111,"character":1},"arguments":[{"selector":"[td-side-sheet-content], td-side-sheet-content, [CovalentSideSheetContent]","host":{"class":"td-side-sheet-content"}}]}],"members":{}},"CovalentSideSheetActions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":121,"character":1},"arguments":[{"selector":"[td-side-sheet-actions], td-side-sheet-actions, [CovalentSideSheetActions]","host":{"class":"td-side-sheet-actions"}}]}],"members":{}},"CovalentSideSheetWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":130,"character":1},"arguments":[{"selector":"[td-side-sheet-wrapper], td-side-sheet-wrapper, [CovalentSideSheetWrapper]","host":{"class":"td-side-sheet-wrapper"}}]}],"members":{}},"CovalentSideSheetRef":{"__symbolic":"class","arity":2,"extends":{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogRef","line":9,"character":54},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":11,"character":23},{"__symbolic":"reference","module":"@angular/material/dialog","name":"_MatDialogContainerBase","line":12,"character":31},{"__symbolic":"reference","name":"string"}]}]}},"_closeSideSheetVia":{"__symbolic":"function"},"_CovalentSideSheetBase":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":40,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":23},{"__symbolic":"reference","name":"CovalentSideSheetConfig"},{"__symbolic":"reference","name":"_CovalentSideSheetBase"},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":45,"character":42,"context":{"typeName":"C"},"module":"./side-sheet"}]},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":45,"character":42,"context":{"typeName":"C"},"module":"./side-sheet"}]},{"__symbolic":"reference","name":"InjectionToken","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":46,"character":48,"module":"./side-sheet"}]}]}],"open":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_attachSideSheetContainer":[{"__symbolic":"method"}],"_attachSideSheetContent":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}],"_removeOpenSideSheet":[{"__symbolic":"method"}],"_closeSideSheets":[{"__symbolic":"method"}]}},"CovalentSideSheet":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_CovalentSideSheetBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":258,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":263,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":263,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DEFAULT_OPTIONS","line":263,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":264,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":264,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":40,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":23},{"__symbolic":"reference","name":"CovalentSideSheetConfig"},{"__symbolic":"reference","name":"CovalentSideSheet"}]}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":43,"character":62},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1}}],"members":{"_portalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":47,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":78,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":78,"character":24}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":75,"character":27},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":76,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":77,"character":34},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"CovalentSideSheetConfig"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":81,"character":28}]}],"_startExitAnimation":[{"__symbolic":"method"}],"_initializeWithAttachedContent":[{"__symbolic":"method"}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"_recaptureFocus":[{"__symbolic":"method"}],"_trapFocus":[{"__symbolic":"method"}],"_restoreFocus":[{"__symbolic":"method"}],"_setupFocusTrap":[{"__symbolic":"method"}],"_capturePreviouslyFocusedElement":[{"__symbolic":"method"}],"_focusSideSheetContainer":[{"__symbolic":"method"}],"_containsFocus":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":217,"character":1},"arguments":[{"selector":"td-side-sheet-container","template":"\n    <ng-template cdkPortalOutlet></ng-template>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":223,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":224,"character":19},"member":"Default"},"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵc"},"member":"sideSheetContainer"}],"host":{"class":"td-side-sheet-container","tabindex":"-1","aria-modal":"true","[id]":"_id","[attr.role]":"_config.role","[attr.aria-labelledby]":"_config.ariaLabel ? null : _ariaLabelledBy","[attr.aria-label]":"_config.ariaLabel","[attr.aria-describedby]":"_config.ariaDescribedBy || null","[@sideSheetContainer]":"_state","(@sideSheetContainer.start)":"_onAnimationStart($event)","(@sideSheetContainer.done)":"_onAnimationDone($event)","$quoted$":["class","tabindex","aria-modal","[id]","[attr.role]","[attr.aria-labelledby]","[attr.aria-label]","[attr.aria-describedby]","[@sideSheetContainer]","(@sideSheetContainer.start)","(@sideSheetContainer.done)"]},"styles":[".td-side-sheet-container{background-color:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-sizing:border-box;display:block;height:100%;max-height:inherit;min-height:inherit;outline:0;overflow:auto;padding:24px;width:100%}.td-side-sheet-wrapper{-ms-flex-direction:column;display:-ms-flexbox;display:flex;flex-direction:column;height:100%}.td-side-sheet-content{-ms-flex:1;-webkit-overflow-scrolling:touch;flex:1;margin:0 -24px;overflow:auto;padding:0 24px}.td-side-sheet-title{margin:-16px 0 20px}.td-side-sheet-actions,.td-side-sheet-title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.td-side-sheet-actions{-ms-flex-pack:justify;-ms-flex-wrap:wrap;box-sizing:content-box;flex-wrap:wrap;justify-content:space-between;margin:0 -16px -24px;padding:8px 0}.td-side-sheet-actions[align=end]{-ms-flex-pack:end;justify-content:flex-end}.td-side-sheet-actions[align=center]{-ms-flex-pack:center;justify-content:center}.td-side-sheet-actions .mat-button-base+.mat-button-base,.td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .td-side-sheet-actions .mat-button-base+.mat-button-base,[dir=rtl] .td-side-sheet-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}"]}]}],"members":{"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_startExitAnimation":[{"__symbolic":"method"}]}},"ɵc":{"sideSheetContainer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":7,"character":22},"arguments":["sideSheetContainer",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":8,"character":4},"arguments":["void, exit",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":24},"arguments":[{"transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":9,"character":4},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":19},"arguments":[{"transform":"translateX(0%)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":10,"character":4},"arguments":["* => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":12,"character":6},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":13,"character":11},"member":"ENTERING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":13,"character":42},"member":"ACCELERATION_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":8},"arguments":[{"transform":"translateX(0)","opacity":1}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":4},"arguments":["* => void, * => exit",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":6},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationDurations","line":20,"character":11},"member":"EXITING"},"right":" "},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"AnimationCurves","line":20,"character":41},"member":"ACCELERATION_CURVE"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":8},"arguments":[{"transform":"translateX(100%)"}]}]}]}]]}}},"origins":{"CovalentSideSheetModule":"./side-sheet.module","CovalentSideSheetConfig":"./side-sheet.config","CovalentSideSheetClose":"./side-sheet.content-directives","CovalentSideSheetTitle":"./side-sheet.content-directives","CovalentSideSheetContent":"./side-sheet.content-directives","CovalentSideSheetActions":"./side-sheet.content-directives","CovalentSideSheetWrapper":"./side-sheet.content-directives","CovalentSideSheetRef":"./side-sheet-ref","_closeSideSheetVia":"./side-sheet-ref","_CovalentSideSheetBase":"./side-sheet","CovalentSideSheet":"./side-sheet","ɵa":"./side-sheet-container","ɵb":"./side-sheet-container","ɵc":"./side-sheet.animation"},"importAs":"@covalent/core/side-sheet"}

package/side-sheet/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/side-sheet/side-sheet.scss

@@ -1,69 +0,0 @@
-$padding: 24px !default;
-$max-height: 65vh !default;
-$button-margin: 8px !default;
-
-.td-side-sheet-container {
-  background-color: white;
-  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-    0 6px 30px 5px rgba(0, 0, 0, 0.12);
-  display: block;
-  padding: $padding;
-  box-sizing: border-box;
-  overflow: auto;
-  outline: 0;
-  width: 100%;
-  height: 100%;
-  min-height: inherit;
-  max-height: inherit;
-}
-
-.td-side-sheet-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.td-side-sheet-content {
-  margin: 0 $padding * -1;
-  padding: 0 $padding;
-  overflow: auto;
-  flex: 1;
-  -webkit-overflow-scrolling: touch;
-}
-
-.td-side-sheet-title {
-  margin: -16px 0 20px;
-  display: flex;
-  align-items: center;
-}
-
-.td-side-sheet-actions {
-  padding: 8px 0;
-  margin: 0 -16px;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  box-sizing: content-box;
-
-  // Pull the actions down to avoid their padding stacking with the dialog's padding.
-  margin-bottom: -$padding;
-
-  &[align='end'] {
-    justify-content: flex-end;
-  }
-
-  &[align='center'] {
-    justify-content: center;
-  }
-
-  .mat-button-base + .mat-button-base,
-  .mat-mdc-button-base + .mat-mdc-button-base {
-    margin-left: $button-margin;
-
-    [dir='rtl'] & {
-      margin-left: 0;
-      margin-right: $button-margin;
-    }
-  }
-}