@theseam/ui-common 0.3.14-beta.2 → 0.3.15-beta.1

package/services/asset-loader.service.d.ts

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class LoadedAssetRef<T extends HTMLLinkElement | HTMLScriptElement | HTMLStyleElement> {
     readonly nativeElement: T;
     readonly path?: string | undefined;
@@ -7,7 +8,8 @@ export declare class LoadedAssetRef<T extends HTMLLinkElement | HTMLScriptElemen
     destroy(): void;
 }
 export declare class AssetLoaderService {
-    constructor();
     loadStyleSheet(path: string): Observable<LoadedAssetRef<HTMLLinkElement>>;
     loadStyle(content: string): Observable<LoadedAssetRef<HTMLStyleElement>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AssetLoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AssetLoaderService>;
 }

package/services/font-loader.service.d.ts

@@ -1,6 +1,7 @@
 import { Observable } from 'rxjs';
 import WebFont from 'webfontloader';
-export declare type TheSeamFontEvents = {
+import * as i0 from "@angular/core";
+export type TheSeamFontEvents = {
     type: 'loading';
 } | {
     type: 'active';
@@ -27,7 +28,6 @@ export declare type TheSeamFontEvents = {
  * config differences being confusing.
  */
 export declare class TheSeamFontLoaderService {
-    constructor();
     /**
      * Since this method is just a wrapper for webfontloader right now it accepts
      * anything webfontloader's config accepts, so the event callbacks can still
@@ -40,4 +40,6 @@ export declare class TheSeamFontLoaderService {
      * it doesn't start till subscribed to.
      */
     load(config: WebFont.Config): Observable<TheSeamFontEvents>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamFontLoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TheSeamFontLoaderService>;
 }

package/services/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@theseam/ui-common/services" />
+export * from './public-api';

package/services/router-helpers.service.d.ts

@@ -1,7 +1,10 @@
 import { Router, UrlTree } from '@angular/router';
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class RouterHelpersService {
     private _router;
     constructor(_router: Router);
     isActive(url: string | UrlTree, exact: boolean): Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RouterHelpersService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RouterHelpersService>;
 }

package/shared/components/password-input-reveal/password-input-reveal.component.d.ts

@@ -1,4 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
 export declare class PasswordInputRevealComponent {
     static ngAcceptInputType_passwordVisible: BooleanInput;
     faEye: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -11,4 +12,6 @@ export declare class PasswordInputRevealComponent {
     _passwordVisible: boolean;
     updateRevealState(): void;
     revealPassword(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputRevealComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputRevealComponent, "seam-password-input-reveal", never, { "inputRef": "inputRef"; "passwordVisible": "passwordVisible"; }, {}, never, never, false, never>;
 }

package/shared/directives/auto-focus.directive.d.ts

@@ -1,6 +1,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ElementRef, OnInit } from '@angular/core';
 import { Modal, ModalRef } from '@theseam/ui-common/modal';
+import * as i0 from "@angular/core";
 export declare class AutoFocusDirective implements OnInit {
     private _elementRef;
     private _modal;
@@ -12,4 +13,6 @@ export declare class AutoFocusDirective implements OnInit {
     ngOnInit(): void;
     set seamAutoFocus(condition: boolean);
     focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusDirective, [null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[seamAutoFocus]", ["seamAutoFocus"], { "seamAutoFocus": "seamAutoFocus"; }, {}, never, never, false, never>;
 }

package/shared/directives/click-outside.directive.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class ClickOutsideDirective {
     private elementRef;
     get seamClickOutsideActive(): boolean;
@@ -7,4 +8,6 @@ export declare class ClickOutsideDirective {
     seamClickOutside: EventEmitter<MouseEvent>;
     onDocumentClick(event: MouseEvent): void;
     constructor(elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[seamClickOutside]", never, { "seamClickOutsideActive": "seamClickOutsideActive"; }, { "seamClickOutside": "seamClickOutside"; }, never, never, false, never>;
 }

package/shared/directives/disable-control.directive.d.ts

@@ -1,6 +1,9 @@
 import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
 export declare class DisableControlDirective {
     private ngControl;
     set seamDisableControl(condition: boolean);
     constructor(ngControl: NgControl);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisableControlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DisableControlDirective, "[seamDisableControl]", never, { "seamDisableControl": "seamDisableControl"; }, {}, never, never, false, never>;
 }

package/shared/directives/elem-resized.directive.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ResizeSensor } from 'css-element-queries';
+import * as i0 from "@angular/core";
 export interface IElementResizedEvent {
     element: HTMLElement;
     size: {
@@ -14,4 +15,6 @@ export declare class ElemResizedDirective implements OnDestroy, AfterViewInit {
     constructor(elementRef: ElementRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElemResizedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElemResizedDirective, "[seamElemResized]", never, {}, { "seamElemResized": "seamElemResized"; }, never, never, false, never>;
 }

package/shared/directives/hover-class-toggle.directive.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 declare type _PointerEvent = PointerEvent | PointerEvent;
 export interface IHoverClassToggleRecord {
     default: string;
@@ -29,5 +30,7 @@ export declare class HoverClassToggleDirective {
     private _setHovered;
     private _addClass;
     _removeClass(c: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HoverClassToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HoverClassToggleDirective, "[seamHoverClassToggle]", never, { "seamHoverClassToggle": "seamHoverClassToggle"; }, {}, never, never, false, never>;
 }
 export {};

package/shared/directives/hover-class.directive.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 declare type _PointerEvent = PointerEvent | PointerEvent;
 /**
  * Don't use this directive unless there is a reason not to use css `:hover`,
@@ -24,5 +25,7 @@ export declare class HoverClassDirective {
     private _setHovered;
     private _addClass;
     _removeClass(c: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HoverClassDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HoverClassDirective, "[seamHoverClass]", never, { "seamHoverClass": "seamHoverClass"; }, {}, never, never, false, never>;
 }
 export {};

package/shared/directives/ng-select-extra.directive.d.ts

@@ -1,6 +1,7 @@
 import { AfterViewChecked, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { NgSelectComponent } from '@ng-select/ng-select';
+import * as i0 from "@angular/core";
 export declare class NgSelectExtraDirective implements OnInit, AfterViewChecked, OnDestroy {
     private readonly elementRef;
     private readonly _ngZone;
@@ -36,4 +37,6 @@ export declare class NgSelectExtraDirective implements OnInit, AfterViewChecked,
     /** Should ONLY be called by `_patch_ngSelect_open`. */
     private _enableKeyPressWorkaround;
     private _disableKeyPressWorkaround;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectExtraDirective, [null, null, null, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgSelectExtraDirective, "ng-select", never, {}, {}, never, never, false, never>;
 }

package/shared/directives/ngx-quill-extra.directive.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { QuillEditorComponent } from 'ngx-quill';
+import * as i0 from "@angular/core";
 export declare class NgxQuillExtraDirective implements OnDestroy, AfterViewInit {
     private readonly _elementRef;
     private readonly _quillEditor;
@@ -17,4 +18,6 @@ export declare class NgxQuillExtraDirective implements OnDestroy, AfterViewInit
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     private _getParentElementForLabelFocusIssue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxQuillExtraDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxQuillExtraDirective, "quill-editor", never, { "tabIndex": "tabIndex"; }, {}, never, never, false, never>;
 }

package/shared/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@theseam/ui-common/shared" />
+export * from './public-api';

package/shared/pipes/mask-chars.pipe.d.ts

@@ -1,4 +1,7 @@
 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class MaskCharsPipe implements PipeTransform {
     transform(value: string, replacementChar?: string, ignoreCount?: number, ignoreFrom?: 'left' | 'right'): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaskCharsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MaskCharsPipe, "maskChars", false>;
 }

package/shared/pipes/truncate.pipe.d.ts

@@ -1,4 +1,7 @@
 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class TruncatePipe implements PipeTransform {
     transform(value: string, length?: number, appendEllipsis?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", false>;
 }

package/shared/shared.module.d.ts

@@ -1,2 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/auto-focus.directive";
+import * as i2 from "./directives/elem-resized.directive";
+import * as i3 from "./components/password-input-reveal/password-input-reveal.component";
+import * as i4 from "./directives/ng-select-extra.directive";
+import * as i5 from "./directives/hover-class.directive";
+import * as i6 from "./directives/hover-class-toggle.directive";
+import * as i7 from "./directives/click-outside.directive";
+import * as i8 from "./directives/disable-control.directive";
+import * as i9 from "./pipes/mask-chars.pipe";
+import * as i10 from "./pipes/truncate.pipe";
+import * as i11 from "./directives/ngx-quill-extra.directive";
+import * as i12 from "@angular/common";
+import * as i13 from "@fortawesome/angular-fontawesome";
+import * as i14 from "@theseam/ui-common/modal";
+import * as i15 from "@theseam/ui-common/loading";
+import * as i16 from "@theseam/ui-common/scrollbar";
 export declare class TheSeamSharedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamSharedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamSharedModule, [typeof i1.AutoFocusDirective, typeof i2.ElemResizedDirective, typeof i3.PasswordInputRevealComponent, typeof i4.NgSelectExtraDirective, typeof i5.HoverClassDirective, typeof i6.HoverClassToggleDirective, typeof i7.ClickOutsideDirective, typeof i8.DisableControlDirective, typeof i9.MaskCharsPipe, typeof i10.TruncatePipe, typeof i11.NgxQuillExtraDirective], [typeof i12.CommonModule, typeof i13.FontAwesomeModule, typeof i14.TheSeamModalModule, typeof i15.TheSeamLoadingModule], [typeof i1.AutoFocusDirective, typeof i2.ElemResizedDirective, typeof i3.PasswordInputRevealComponent, typeof i4.NgSelectExtraDirective, typeof i5.HoverClassDirective, typeof i6.HoverClassToggleDirective, typeof i7.ClickOutsideDirective, typeof i8.DisableControlDirective, typeof i9.MaskCharsPipe, typeof i10.TruncatePipe, typeof i11.NgxQuillExtraDirective, typeof i16.TheSeamScrollbarModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamSharedModule>;
 }

package/storage/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@theseam/ui-common/storage" />
+export * from './public-api';

package/storage/local-storage.service.d.ts

@@ -1,4 +1,5 @@
 import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export interface ILocalStorageService {
     select(key: string, defaultValue: string | null): Observable<string | null>;
     get(key: string, defaultValue: string | null): string | null;
@@ -25,4 +26,6 @@ export declare class LocalStorageService implements ILocalStorageService {
     set(key: string, value: string): void;
     /** Remove a localStorage item. */
     remove(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LocalStorageService>;
 }

package/story-helpers/arg-type-helpers.d.ts

@@ -1,5 +1,6 @@
-import { ArgType } from '@storybook/addons';
+declare type ArgType = any;
 export declare const themeArgType: ArgType;
 export declare const themeWithOutlineArgType: ArgType;
 export declare const sizeArgType: ArgType;
 export declare const buttonTypeArgType: ArgType;
+export {};

package/story-helpers/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@theseam/ui-common/story-helpers" />
+export * from './public-api';

package/story-helpers/initial-route.service.d.ts

@@ -1,7 +1,10 @@
 import { InjectionToken, Injector } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare const STORY_INITIAL_ROUTE_URL: InjectionToken<any>;
 export declare class StoryInitialRouteService {
     private _injector;
     constructor(_injector: Injector);
     setInitialRoute(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryInitialRouteService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StoryInitialRouteService>;
 }

package/story-helpers/on-story-bootstrapped-exec.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRef } from '@angular/core';
+export {};
 /**
  * Can be used to access a stories component after the story has been bootstrapped.
  *
@@ -22,8 +22,3 @@ import { ComponentRef } from '@angular/core';
  * })
  * ```
  */
-export declare function onStoryBootstrappedExec<T = any>(callback: (component: T) => void): {
-    provide: import("@angular/core").InjectionToken<((compRef: ComponentRef<any>) => void)[]>;
-    useValue: (componentRef: ComponentRef<any>) => void;
-    multi: boolean;
-};

package/story-helpers/public-api.d.ts

@@ -1,5 +1,4 @@
 export * from './arg-type-helpers';
-export * from './args-to-tpl';
 export * from './story-empty.component';
 export * from './story-initial-route';
 export * from './route-button';

package/story-helpers/routes-arg-type.d.ts

@@ -1,2 +1,7 @@
-import { ArgType } from '@storybook/addons';
-export declare function routesArgType(routes: string[]): ArgType;
+export declare function routesArgType(routes: string[]): {
+    options: string[];
+    control: {
+        type: string;
+        onChange: (e: any, a: any) => any;
+    };
+};

package/story-helpers/story-empty-with-route.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class StoryEmptyWithRouteComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryEmptyWithRouteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryEmptyWithRouteComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/story-helpers/story-empty.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class StoryEmptyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryEmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryEmptyComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/story-helpers/story-helper-components.module.d.ts

@@ -1,2 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./story-empty.component";
+import * as i2 from "./story-empty-with-route.component";
+import * as i3 from "./story-modal-container.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/router";
+import * as i6 from "@theseam/ui-common/scrollbar";
 export declare class StoryHelperComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryHelperComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StoryHelperComponentsModule, [typeof i1.StoryEmptyComponent, typeof i2.StoryEmptyWithRouteComponent, typeof i3.StoryModalContainerComponent], [typeof i4.CommonModule, typeof i5.RouterModule, typeof i6.TheSeamScrollbarModule], [typeof i1.StoryEmptyComponent, typeof i2.StoryEmptyWithRouteComponent, typeof i3.StoryModalContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StoryHelperComponentsModule>;
 }

package/story-helpers/story-initial-route.d.ts

@@ -1,4 +1,8 @@
 import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class StoryInitialRouteModule {
     static forRoot(url: string): ModuleWithProviders<StoryInitialRouteModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryInitialRouteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StoryInitialRouteModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StoryInitialRouteModule>;
 }

package/story-helpers/story-modal-container.component.d.ts

@@ -2,6 +2,7 @@ import { Injector, OnDestroy } from '@angular/core';
 import { Observable, ReplaySubject } from 'rxjs';
 import { ModalConfig } from '@theseam/ui-common/modal';
 import type { ComponentType } from '@theseam/ui-common/models';
+import * as i0 from "@angular/core";
 export declare class StoryModalContainerComponent<T, D = any> implements OnDestroy {
     private _injector;
     private readonly _ngUnsubscribe;
@@ -17,4 +18,6 @@ export declare class StoryModalContainerComponent<T, D = any> implements OnDestr
     constructor(_injector: Injector);
     ngOnDestroy(): void;
     private _createInjector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryModalContainerComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryModalContainerComponent<any, any>, "story-modal-container-component", never, { "component": "component"; "data": "data"; "modalConfig": "modalConfig"; }, {}, never, never, false, never>;
 }

package/story-helpers/story-toastr.service.d.ts

@@ -1,4 +1,5 @@
 import { ActiveToast, GlobalConfig, IndividualConfig, ToastContainerDirective } from 'ngx-toastr';
+import * as i0 from "@angular/core";
 export declare class StoryToastrService {
     toastrConfig?: GlobalConfig;
     currentlyActive: number;
@@ -27,4 +28,6 @@ export declare class StoryToastrService {
      * Determines if toast message is already shown
      */
     findDuplicate(message: string, resetOnDuplicate: boolean, countDuplicates: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryToastrService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StoryToastrService>;
 }

package/styles/bootstrap/_bootstrap.scss

@@ -6,40 +6,40 @@
 @import './bs-utilities';
 
 // Optional
-@import "~bootstrap/scss/root";
-@import "~bootstrap/scss/reboot";
-@import "~bootstrap/scss/type";
-@import "~bootstrap/scss/images";
-@import "~bootstrap/scss/code";
-@import "~bootstrap/scss/grid";
-@import "~bootstrap/scss/tables";
-@import "~bootstrap/scss/forms";
-@import "~bootstrap/scss/buttons";
-@import "~bootstrap/scss/transitions";
-@import "~bootstrap/scss/dropdown";
-@import "~bootstrap/scss/button-group";
-@import "~bootstrap/scss/input-group";
-@import "~bootstrap/scss/custom-forms";
-@import "~bootstrap/scss/nav";
-@import "~bootstrap/scss/navbar";
-@import "~bootstrap/scss/card";
-@import "~bootstrap/scss/breadcrumb";
-@import "~bootstrap/scss/pagination";
-@import "~bootstrap/scss/badge";
-@import "~bootstrap/scss/jumbotron";
-@import "~bootstrap/scss/alert";
-@import "~bootstrap/scss/progress";
-@import "~bootstrap/scss/media";
-@import "~bootstrap/scss/list-group";
-@import "~bootstrap/scss/close";
-@import "~bootstrap/scss/toasts";
-@import "~bootstrap/scss/modal";
-@import "~bootstrap/scss/tooltip";
-@import "~bootstrap/scss/popover";
-@import "~bootstrap/scss/carousel";
-@import "~bootstrap/scss/spinners";
-@import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/print";
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/code";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/tables";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/dropdown";
+@import "bootstrap/scss/button-group";
+@import "bootstrap/scss/input-group";
+@import "bootstrap/scss/custom-forms";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+@import "bootstrap/scss/card";
+@import "bootstrap/scss/breadcrumb";
+@import "bootstrap/scss/pagination";
+@import "bootstrap/scss/badge";
+@import "bootstrap/scss/jumbotron";
+@import "bootstrap/scss/alert";
+@import "bootstrap/scss/progress";
+@import "bootstrap/scss/media";
+@import "bootstrap/scss/list-group";
+@import "bootstrap/scss/close";
+@import "bootstrap/scss/toasts";
+@import "bootstrap/scss/modal";
+@import "bootstrap/scss/tooltip";
+@import "bootstrap/scss/popover";
+@import "bootstrap/scss/carousel";
+@import "bootstrap/scss/spinners";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/print";
 
 // Custom Styles
 @import './bs-styles';

package/styles/bootstrap/_bs-utilities.scss

@@ -1,5 +1,5 @@
 // Required to import before bootstrap css rule stylesheets.
-@import "~bootstrap/scss/_functions";
+@import "bootstrap/scss/functions";
 @import "bs-variables"; // Our bootstrap variable customizations
-@import "~bootstrap/scss/_variables";
-@import "~bootstrap/scss/_mixins";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";

package/styles/theme.scss

@@ -1,6 +1,6 @@
 /* You can add global styles to this file, and also import other style files */
-@import '~@angular/cdk/overlay-prebuilt';
-@import '~overlayscrollbars/css/OverlayScrollbars.min';
+@import '@angular/cdk/overlay-prebuilt';
+@import 'overlayscrollbars/css/OverlayScrollbars.min';
 
 @import './variables';
 
@@ -12,7 +12,7 @@
 @import './common/text';
 @import './common/table';
 
-@import '~ngx-toastr/toastr-bs4-alert';
+@import 'ngx-toastr/toastr-bs4-alert';
 
 @import './vendor/vendor';
 

package/styles/vendor/ngx-datatable/_ngx-datatable.scss

@@ -1,5 +1,5 @@
 @import './variables';
-@import '~@marklb/ngx-datatable/index';
+@import '@marklb/ngx-datatable/index';
 
 .ngx-datatable {
   background: $datatable-background;
@@ -143,9 +143,6 @@
   .datatable-body {
     .datatable-row-left {
       background-color: $datatable-left-background;
-      background-image: $datatable-left-background-image;
-      background-position: $datatable-left-background-position;
-      background-repeat: $datatable-left-background-repeat;
     }
 
     .datatable-row-even .datatable-row-left {
@@ -154,9 +151,6 @@
 
     .datatable-row-right {
       background-color: $datatable-right-background;
-      background-image: $datatable-right-background-image;
-      background-position: $datatable-right-background-position;
-      background-repeat: $datatable-right-background-repeat;
     }
 
     .datatable-row-even .datatable-row-right {
@@ -276,6 +270,9 @@
         color: $datatable-body-cell-color;
         font-size: $datatable-body-cell-font-size;
         font-weight: $datatable-body-cell-font-weight;
+        .datatable-body-cell-label {
+          height: 100%;
+        }
       }
       .datatable-body-group-cell {
         vertical-align: top;
@@ -484,8 +481,41 @@
 // }
 
 .datatable-action-button {
-  color: $datatable-action-button-color;
-  background-color: $datatable-action-button-background;
+  flex: 0 0 auto;
+
+  @if $datatable-action-button-outline {
+    @include button-outline-variant(
+      $color: $datatable-action-button-outline-color,
+      $color-hover: $datatable-action-button-outline-color-hover,
+      $active-background: $datatable-action-button-outline-active-background,
+      $active-border: $datatable-action-button-outline-active-border
+    );
+
+    // allow variable override for outline button bg
+    background: $datatable-action-button-outline-background;
+
+  } @else {
+    @include button-variant(
+      $background: $datatable-action-button-background,
+      $border: $datatable-action-button-border,
+      $hover-background: $datatable-action-button-hover-background,
+      $hover-border: $datatable-action-button-hover-border,
+      $active-background: $datatable-action-button-active-background,
+      $active-border: $datatable-action-button-active-border
+    );
+
+    // allow variable override for solid button color
+    color: $datatable-action-button-color;
+
+    &:hover {
+      color: $datatable-action-button-hover-color;
+    }
+
+    &:not(:disabled):not(.disabled):active {
+      color: $datatable-action-button-active-color;
+    }
+  }
+
   box-shadow: $datatable-action-button-box-shadow;
   font-size: $datatable-action-button-font-size;
   line-height: $datatable-action-button-line-height;
@@ -496,10 +526,6 @@
   padding: $datatable-action-button-padding;
   border-radius: $datatable-action-button-border-radius;
   text-align: $datatable-action-button-text-align;
-  &:hover {
-    color: $datatable-action-button-hover-color;
-    background-color: $datatable-action-button-hover-background;
-  }
 }
 
 /**