@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.8

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

@@ -118,10 +118,14 @@
     vertical-align: top;
     height: $datatable-empty-row-height;
     padding: $datatable-empty-row-padding;
-    border-top: $datatable-empty-row-border-top-width solid $datatable-empty-row-border-color;
-    border-right: $datatable-empty-row-border-right-width solid $datatable-empty-row-border-color;
-    border-bottom: $datatable-empty-row-border-bottom-width solid $datatable-empty-row-border-color;
-    border-left: $datatable-empty-row-border-left-width solid $datatable-empty-row-border-color;
+    border-top: $datatable-empty-row-border-top-width solid
+      $datatable-empty-row-border-color;
+    border-right: $datatable-empty-row-border-right-width solid
+      $datatable-empty-row-border-color;
+    border-bottom: $datatable-empty-row-border-bottom-width solid
+      $datatable-empty-row-border-color;
+    border-left: $datatable-empty-row-border-left-width solid
+      $datatable-empty-row-border-color;
     margin: $datatable-empty-row-margin;
     text-align: $datatable-empty-row-text-align;
   }
@@ -130,10 +134,14 @@
     vertical-align: top;
     text-align: $datatable-loading-row-text-align;
     padding: $datatable-loading-row-padding;
-    border-top: $datatable-loading-row-border-top-width solid $datatable-loading-row-border-color;
-    border-right: $datatable-loading-row-border-right-width solid $datatable-loading-row-border-color;
-    border-bottom: $datatable-loading-row-border-bottom-width solid $datatable-loading-row-border-color;
-    border-left: $datatable-loading-row-border-left-width solid $datatable-loading-row-border-color;
+    border-top: $datatable-loading-row-border-top-width solid
+      $datatable-loading-row-border-color;
+    border-right: $datatable-loading-row-border-right-width solid
+      $datatable-loading-row-border-color;
+    border-bottom: $datatable-loading-row-border-bottom-width solid
+      $datatable-loading-row-border-color;
+    border-left: $datatable-loading-row-border-left-width solid
+      $datatable-loading-row-border-color;
   }
 
   /**
@@ -162,10 +170,14 @@
 	 * Header Styles
 	 */
   .datatable-header {
-    border-top: $datatable-header-border-top-width solid $datatable-header-border-color;
-    border-right: $datatable-header-border-right-width solid $datatable-header-border-color;
-    border-bottom: $datatable-header-border-bottom-width solid $datatable-header-border-color;
-    border-left: $datatable-header-border-left-width solid $datatable-header-border-color;
+    border-top: $datatable-header-border-top-width solid
+      $datatable-header-border-color;
+    border-right: $datatable-header-border-right-width solid
+      $datatable-header-border-color;
+    border-bottom: $datatable-header-border-bottom-width solid
+      $datatable-header-border-color;
+    border-left: $datatable-header-border-left-width solid
+      $datatable-header-border-color;
     background-color: $datatable-header-background;
     color: $datatable-header-color;
     height: unset !important;
@@ -196,7 +208,9 @@
 
       &.longpress {
         .draggable::after {
-          transition: transform 400ms ease, opacity 400ms ease;
+          transition:
+            transform 400ms ease,
+            opacity 400ms ease;
           opacity: 0.5;
           transform: scale(1);
         }
@@ -255,7 +269,6 @@
       width: 2px;
       background-color: $datatable-header-resize-handle-color;
     }
-
   }
 
   /**
@@ -272,27 +285,39 @@
 
     .datatable-group-header {
       background: $datatable-group-header-background;
-      border-top: $datatable-group-header-border-top-width solid $datatable-group-header-border-color;
-      border-right: $datatable-group-header-border-right-width solid $datatable-group-header-border-color;
-      border-bottom: $datatable-group-header-border-bottom-width solid $datatable-group-header-border-color;
-      border-left: $datatable-group-header-border-left-width solid $datatable-group-header-border-color;
+      border-top: $datatable-group-header-border-top-width solid
+        $datatable-group-header-border-color;
+      border-right: $datatable-group-header-border-right-width solid
+        $datatable-group-header-border-color;
+      border-bottom: $datatable-group-header-border-bottom-width solid
+        $datatable-group-header-border-color;
+      border-left: $datatable-group-header-border-left-width solid
+        $datatable-group-header-border-color;
     }
 
     .datatable-body-row {
       vertical-align: top;
-      border-top: $datatable-row-border-top-width solid $datatable-row-border-color;
-      border-right: $datatable-row-border-right-width solid $datatable-row-border-color;
-      border-bottom: $datatable-row-border-bottom-width solid $datatable-row-border-color;
-      border-left: $datatable-row-border-left-width solid $datatable-row-border-color;
+      border-top: $datatable-row-border-top-width solid
+        $datatable-row-border-color;
+      border-right: $datatable-row-border-right-width solid
+        $datatable-row-border-color;
+      border-bottom: $datatable-row-border-bottom-width solid
+        $datatable-row-border-color;
+      border-left: $datatable-row-border-left-width solid
+        $datatable-row-border-color;
       .datatable-body-cell {
         vertical-align: top;
         transition: width 0.3s ease;
         text-align: $datatable-body-cell-text-align;
         padding: $datatable-body-cell-padding;
-        border-top: $datatable-body-cell-border-top-width solid $datatable-row-border-color;
-        border-right: $datatable-body-cell-border-right-width solid $datatable-row-border-color;
-        border-bottom: $datatable-body-cell-border-bottom-width solid $datatable-row-border-color;
-        border-left: $datatable-body-cell-border-left-width solid $datatable-row-border-color;
+        border-top: $datatable-body-cell-border-top-width solid
+          $datatable-row-border-color;
+        border-right: $datatable-body-cell-border-right-width solid
+          $datatable-row-border-color;
+        border-bottom: $datatable-body-cell-border-bottom-width solid
+          $datatable-row-border-color;
+        border-left: $datatable-body-cell-border-left-width solid
+          $datatable-row-border-color;
         color: $datatable-body-cell-color;
         font-size: $datatable-body-cell-font-size;
         font-weight: $datatable-body-cell-font-weight;
@@ -338,7 +363,10 @@
 
           .bar {
             transition: all 0.2s linear;
-            -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
+            -webkit-animation: query
+              0.8s
+              infinite
+              cubic-bezier(0.39, 0.575, 0.565, 1);
             animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
 
             transition: -webkit-transform 0.2s linear;
@@ -370,10 +398,14 @@
 
     .datatable-footer-inner {
       background: $datatable-footer-background;
-      border-top: $datatable-footer-border-top-width solid $datatable-footer-border-color;
-      border-right: $datatable-footer-border-right-width solid $datatable-footer-border-color;
-      border-bottom: $datatable-footer-border-bottom-width solid $datatable-footer-border-color;
-      border-left: $datatable-footer-border-left-width solid $datatable-footer-border-color;
+      border-top: $datatable-footer-border-top-width solid
+        $datatable-footer-border-color;
+      border-right: $datatable-footer-border-right-width solid
+        $datatable-footer-border-color;
+      border-bottom: $datatable-footer-border-bottom-width solid
+        $datatable-footer-border-color;
+      border-left: $datatable-footer-border-left-width solid
+        $datatable-footer-border-color;
       border-radius: $datatable-footer-border-radius;
     }
 
@@ -519,7 +551,6 @@
 
     // allow variable override for outline button bg
     background: $datatable-action-button-outline-background;
-
   } @else {
     @include button-variant(
       $background: $datatable-action-button-background,

package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss

@@ -158,7 +158,10 @@ $datatable-pager-item-color: $body-color !default;
 $datatable-pager-item-hover-color: $body-color !default;
 $datatable-pager-item-hover-background: $gray-200 !default;
 
-$datatable-pager-item-disabled-color: rgba($datatable-pager-item-color, 0.5) !default;
+$datatable-pager-item-disabled-color: rgba(
+  $datatable-pager-item-color,
+  0.5
+) !default;
 $datatable-pager-item-disabled-background: transparent !default;
 
 $datatable-pager-item-active-background: $gray-200 !default;
@@ -176,18 +179,42 @@ $datatable-summary-row-font-weight: bold !default;
 // Action Menu Button Styles
 $datatable-action-button-background: $primary !default;
 $datatable-action-button-border: $datatable-action-button-background !default;
-$datatable-action-button-hover-background: color.adjust($datatable-action-button-background, $lightness: -7.5%, $space: hsl) !default;
-$datatable-action-button-hover-border: color.adjust($datatable-action-button-border, $lightness: -10%, $space: hsl) !default;
-$datatable-action-button-active-background: color.adjust($datatable-action-button-background, $lightness: -10%, $space: hsl) !default;
-$datatable-action-button-active-border: color.adjust($datatable-action-button-border, $lightness: -12.5%, $space: hsl) !default;
-
-$datatable-action-button-color: color-yiq($datatable-action-button-background) !default;
-$datatable-action-button-hover-color: color-yiq($datatable-action-button-hover-background) !default;
-$datatable-action-button-active-color: color-yiq($datatable-action-button-active-background) !default;
+$datatable-action-button-hover-background: color.adjust(
+  $datatable-action-button-background,
+  $lightness: -7.5%,
+  $space: hsl
+) !default;
+$datatable-action-button-hover-border: color.adjust(
+  $datatable-action-button-border,
+  $lightness: -10%,
+  $space: hsl
+) !default;
+$datatable-action-button-active-background: color.adjust(
+  $datatable-action-button-background,
+  $lightness: -10%,
+  $space: hsl
+) !default;
+$datatable-action-button-active-border: color.adjust(
+  $datatable-action-button-border,
+  $lightness: -12.5%,
+  $space: hsl
+) !default;
+
+$datatable-action-button-color: color-yiq(
+  $datatable-action-button-background
+) !default;
+$datatable-action-button-hover-color: color-yiq(
+  $datatable-action-button-hover-background
+) !default;
+$datatable-action-button-active-color: color-yiq(
+  $datatable-action-button-active-background
+) !default;
 
 $datatable-action-button-outline: false !default;
 $datatable-action-button-outline-color: $datatable-action-button-background !default;
-$datatable-action-button-outline-color-hover: color-yiq($datatable-action-button-outline-color) !default;
+$datatable-action-button-outline-color-hover: color-yiq(
+  $datatable-action-button-outline-color
+) !default;
 $datatable-action-button-outline-active-background: $datatable-action-button-outline-color !default;
 $datatable-action-button-outline-active-border: $datatable-action-button-outline-color !default;
 

package/styles/vendor/ngx-datatable/_themes/material/_variables.scss

@@ -10,7 +10,9 @@ $datatable-color: $body-color !default;
 
 // common datatable colors
 $datatable-background: $white !default;
-$datatable-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
+$datatable-box-shadow:
+  0 5px 5px -3px rgba(0, 0, 0, 0.2),
+  0 8px 10px 1px rgba(0, 0, 0, 0.14),
   0 3px 14px 2px rgba(0, 0, 0, 0.12) !default;
 $datatable-row-even-background: #eee !default;
 

package/styles/vendor/quill/_quill.scss

@@ -17,11 +17,11 @@ $quill-mention-menu-min-width: $dropdown-min-width !default;
 $quill-mention-menu-padding: $dropdown-padding-y $dropdown-padding-x !default;
 $quill-mention-menu-text-align: left !default;
 
-$quill-mention-menu-loading-color: rgba(black, .5) !default;
+$quill-mention-menu-loading-color: rgba(black, 0.5) !default;
 $quill-mention-menu-loading-text-align: center !default;
 
 $quill-mention-menu-item-line-height: 24px !default;
-$quill-mention-menu-item-padding: .25rem 1.5rem !default;
+$quill-mention-menu-item-padding: 0.25rem 1.5rem !default;
 
 $quill-mention-menu-divider-bg: $dropdown-divider-bg !default;
 $quill-mention-menu-divider-margin: $dropdown-divider-margin-y 0 !default;
@@ -29,7 +29,7 @@ $quill-mention-menu-divider-margin: $dropdown-divider-margin-y 0 !default;
 $quill-mention-menu-item-selected-bg: $primary !default;
 $quill-mention-menu-item-selected-color: white !default;
 
-$quill-mention-menu-item-disabled-color: rgba(black, .5) !default;
+$quill-mention-menu-item-disabled-color: rgba(black, 0.5) !default;
 
 $quill-mention-menu-item-group-name-color: $quill-mention-menu-item-disabled-color !default;
 $quill-mention-menu-item-group-name-font-size: $small-font-size !default;
@@ -68,8 +68,8 @@ quill-editor {
   // overwrites ql styles with bootstrap styles,
   // which matches final rendering better
   .ql-snow .ql-editor {
-    @import "bootstrap/scss/reboot";
-    @import "bootstrap/scss/type";
+    @import 'bootstrap/scss/reboot';
+    @import 'bootstrap/scss/type';
   }
 
   &:focus-within {
@@ -96,7 +96,8 @@ quill-editor {
     }
 
     &:focus-within {
-      box-shadow: 0 0 0 $input-focus-width rgba($form-feedback-invalid-color, .25);
+      box-shadow: 0 0 0 $input-focus-width
+        rgba($form-feedback-invalid-color, 0.25);
     }
   }
 
@@ -105,7 +106,7 @@ quill-editor {
     pointer-events: none;
 
     .ql-formats {
-      opacity: .5;
+      opacity: 0.5;
     }
 
     .ql-toolbar,
@@ -126,7 +127,8 @@ quill-editor {
   margin: $quill-mention-menu-margin;
   color: $quill-mention-menu-color;
   background: $quill-mention-menu-bg;
-  border: $quill-mention-menu-border-width solid $quill-mention-menu-border-color;
+  border: $quill-mention-menu-border-width solid
+    $quill-mention-menu-border-color;
   @include font-size($quill-mention-menu-font-size);
   @include border-radius($quill-mention-menu-border-radius);
   @include box-shadow($quill-mention-menu-box-shadow);
@@ -151,7 +153,11 @@ quill-editor {
   }
 
   .ql-mention-list-item[data-type='divider'] {
-    @include nav-divider($quill-mention-menu-divider-bg, $quill-mention-menu-divider-margin, true);
+    @include nav-divider(
+      $quill-mention-menu-divider-bg,
+      $quill-mention-menu-divider-margin,
+      true
+    );
 
     &:first-child,
     &:last-child,

package/tel-input/README.md

@@ -1,27 +1,27 @@
-# TelInput
-
-## Getting Started
-
-The external assets from `intl-tel-input` are not being bundled into the `@theseam/ui-common` assets now, so the following step is necessary.
-
-### Make sure the flags files, utility scripts and styles are copied to the assets.
-
-In `angular.json` add the following to the styles array for the projects using `@theseam/ui-common/tel-input`.
-
-```json
-{
-  "glob": "**/*.min.css",
-  "input": "node_modules/intl-tel-input/build/css",
-  "output": "assets/vendor/intl-tel-input/css"
-},
-{
-  "glob": "**/*.png",
-  "input": "node_modules/intl-tel-input/build/img",
-  "output": "assets/vendor/intl-tel-input/img"
-},
-{
-  "glob": "**/utils.js",
-  "input": "node_modules/intl-tel-input/build/js",
-  "output": "assets/vendor/intl-tel-input/js"
-}
-```
+# TelInput
+
+## Getting Started
+
+The external assets from `intl-tel-input` are not being bundled into the `@theseam/ui-common` assets now, so the following step is necessary.
+
+### Make sure the flags files, utility scripts and styles are copied to the assets.
+
+In `angular.json` add the following to the styles array for the projects using `@theseam/ui-common/tel-input`.
+
+```json
+{
+  "glob": "**/*.min.css",
+  "input": "node_modules/intl-tel-input/build/css",
+  "output": "assets/vendor/intl-tel-input/css"
+},
+{
+  "glob": "**/*.png",
+  "input": "node_modules/intl-tel-input/build/img",
+  "output": "assets/vendor/intl-tel-input/img"
+},
+{
+  "glob": "**/utils.js",
+  "input": "node_modules/intl-tel-input/build/js",
+  "output": "assets/vendor/intl-tel-input/js"
+}
+```

package/utils/index.d.ts

@@ -319,9 +319,9 @@ declare function getAttribute<E extends HTMLElement>(element: E, name: string):
 
 declare const phoneNumberMask: (string | RegExp)[];
 
-declare function isNullOrUndefined<T>(value: T | null | undefined): value is (null | undefined);
+declare function isNullOrUndefined<T>(value: T | null | undefined): value is null | undefined;
 
-declare function isNullOrUndefinedOrEmpty(value: string | null | undefined, trim?: boolean): value is (string | null | undefined);
+declare function isNullOrUndefinedOrEmpty(value: string | null | undefined, trim?: boolean): value is string | null | undefined;
 
 declare function loadStyle(content: string): Promise<HTMLStyleElement>;
 
@@ -374,7 +374,7 @@ declare class Refreshable<T> {
     private _pending;
     data$: Observable<T>;
     pending$: Observable<boolean>;
-    constructor(action: () => (T | Observable<T>), pollingInterval?: number);
+    constructor(action: () => T | Observable<T>, pollingInterval?: number);
     get initialized(): boolean;
     /**
      * Intercepts the action call to monitor pending state

package/viewers/index.d.ts

@@ -1,6 +1,6 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { OnDestroy, AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { OnDestroy, AfterViewInit, ElementRef, InjectionToken, EnvironmentProviders, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 
 declare class TheSeamPdfPageComponent implements OnDestroy, AfterViewInit {
@@ -102,6 +102,12 @@ declare class TheSeamPdfViewerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamPdfViewerComponent, "seam-pdf-viewer", never, { "pdfUrl": { "alias": "pdfUrl"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "renderUpdateThreshold": { "alias": "renderUpdateThreshold"; "required": false; }; "pageRange": { "alias": "pageRange"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "pageNumbers": { "alias": "pageNumbers"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface TheSeamPdfViewerConfig {
+    pdfJsWorkerSrc?: string;
+}
+declare const THESEAM_PDF_VIEWER_CONFIG_PROVIDER: InjectionToken<TheSeamPdfViewerConfig>;
+declare function providePdfViewerConfig(config: TheSeamPdfViewerConfig): EnvironmentProviders;
+
 declare class TheSeamHtmlTemplateViewerComponent implements OnInit, OnDestroy {
     static ngAcceptInputType_scrollable: BooleanInput;
     private readonly _ngZone;
@@ -170,4 +176,5 @@ declare class TheSeamHtmlTemplateViewerComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamHtmlTemplateViewerComponent, "seam-html-template-viewer", never, { "src": { "alias": "src"; "required": false; }; "dataVersion": { "alias": "dataVersion"; "required": false; }; "data": { "alias": "data"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { TheSeamHtmlTemplateViewerComponent, TheSeamPdfPageComponent, TheSeamPdfViewerComponent };
+export { THESEAM_PDF_VIEWER_CONFIG_PROVIDER, TheSeamHtmlTemplateViewerComponent, TheSeamPdfPageComponent, TheSeamPdfViewerComponent, providePdfViewerConfig };
+export type { TheSeamPdfViewerConfig };

package/widget/_widget-theme.scss

@@ -12,4 +12,4 @@
 @import './widget-content-components/widget-tile/widget-tile-footer-item/widget-tile-footer-item.component';
 @import './widget-content-components/widget-tile/widget-tile-group/widget-tile-group.component';
 
-@import './widget-footer/widget-footer.component'
+@import './widget-footer/widget-footer.component';

package/widget/styles/_variables.scss

@@ -3,9 +3,9 @@ $seam-widget-header-title-font-size: 17px !default;
 $seam-widget-header-icon-height: 20px !default;
 $seam-widget-header-icon-width: 20px !default;
 $seam-widget-header-icon-color: currentColor !default;
-$seam-widget-header-background: #F4F4F4 !default;
+$seam-widget-header-background: #f4f4f4 !default;
 
-$seam-widget-body-background: #FFFFFF !default;
+$seam-widget-body-background: #ffffff !default;
 $seam-widget-body-font-size: 15px !default;
 $seam-widget-box-shadow: none !default;
 

package/widget/widget/widget.component.scss

@@ -32,7 +32,6 @@ seam-widget {
       }
 
       .widget-header-btn-config {
-
         .seam-icon--fa {
           display: flex;
           flex-direction: row;
@@ -50,7 +49,6 @@ seam-widget {
       }
 
       .widget-header-btn-collapse {
-
         .seam-icon--fa {
           display: flex;
           flex-direction: row;

package/widget/widget-content-components/widget-tile/widget-tile.component.scss

@@ -60,11 +60,9 @@ button[seam-widget-tile] {
     right: -3px;
     width: 15px !important;
     height: 15px !important;
-
   }
 
-  seam-icon img[src$=".svg"] {
+  seam-icon img[src$='.svg'] {
     height: 100%; // Needed for IE
   }
-
 }

package/widget/widget-footer/widget-footer.component.scss

@@ -12,5 +12,4 @@ seam-widget-footer {
   .widget-footer--right {
     flex: 0 0 auto;
   }
-
 }