@ts-core/angular 15.0.1 → 15.0.2

package/style/mat/bootstrap/_border.scss

@@ -1,26 +1,60 @@
-@mixin vi-mat-theme-bootstrap-border($theme, $text-primary-default, $text-accent-default) {
-    $warn: map-get($theme, warn);
-    $accent: map-get($theme, accent);
-    $primary: map-get($theme, primary);
-    $is-dark: map-get($theme, is-dark);
-    $foreground: map-get($theme, foreground);
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../variables' as var;
 
-    $border-color: map-get($foreground, divider);
-    $text-base-color: map-get($foreground, base);
+@import 'bootstrap/scss/functions';
+@import 'bootstrap/scss/variables';
+@import 'bootstrap/scss/mixins/breakpoints';
 
-    $warn-color: mat-color($warn);
-    $accent-color: mat-color($accent, $text-accent-default);
-    $primary-color: mat-color($primary, $text-primary-default);
-
-    @if $is-dark {
-        $accent-color: mat-color($accent);
-        $primary-color: mat-color($primary);
+@mixin core() {
+    $border-radius: var.$border-radius;
+    // Rounded
+    .rounded {
+        border-radius: $border-radius !important;
+    }
+    .rounded-top {
+        border-top-left-radius: $border-radius !important;
+        border-top-right-radius: $border-radius !important;
+    }
+    .rounded-right {
+        border-top-right-radius: $border-radius !important;
+        border-bottom-right-radius: $border-radius !important;
+    }
+    .rounded-bottom {
+        border-bottom-right-radius: $border-radius !important;
+        border-bottom-left-radius: $border-radius !important;
+    }
+    .rounded-left {
+        border-top-left-radius: $border-radius !important;
+        border-bottom-left-radius: $border-radius !important;
     }
+    .rounded-circle {
+        border-radius: 50% !important;
+    }
+}
+
+@mixin color($theme) {
+    $warn: map.get($theme, 'warn');
+    $accent: map.get($theme, 'accent');
+    $primary: map.get($theme, 'primary');
+    $is-dark: map.get($theme, 'is-dark');
+    $foreground: map.get($theme, 'foreground');
+
+    $base-color: map.get($foreground, 'base');
+    $base-color-invert: map.get($foreground, 'base-invert');
+
+    $border-color: map.get($foreground, 'divider');
+
+    $warn-color: mat.get-color-from-palette($warn);
+    $accent-color: mat.get-color-from-palette($accent);
+    $primary-color: mat.get-color-from-palette($primary);
+
+    $border-width: 1px;
 
     @each $breakpoint in map-keys($grid-breakpoints) {
         @include media-breakpoint-up($breakpoint) {
             $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-            @include vi-mat-theme-bootstrap-border-mixin($infix, $border-width, $border-color);
+            @include border-mixin($infix, $border-width, $border-color);
         }
     }
 
@@ -50,55 +84,24 @@
         }
     }
     .border-base {
-        border-color: $text-base-color !important;
+        border-color: $base-color !important;
     }
     .border-base-hover {
         &:hover {
-            border-color: $text-base-color !important;
+            border-color: $base-color !important;
         }
     }
     .border-base-invert {
-        border-color: $text-base-color !important;
-        @include filter-invert(1);
+        border-color: $base-color-invert !important;
     }
     .border-base-invert-hover {
         &:hover {
-            border-color: $text-base-color !important;
-            @include filter-invert(1);
+            border-color: $base-color-invert !important;
         }
     }
-
-    // Rounded
-    .rounded {
-        border-radius: $border-radius !important;
-    }
-
-    .rounded-top {
-        border-top-left-radius: $border-radius !important;
-        border-top-right-radius: $border-radius !important;
-    }
-
-    .rounded-right {
-        border-top-right-radius: $border-radius !important;
-        border-bottom-right-radius: $border-radius !important;
-    }
-
-    .rounded-bottom {
-        border-bottom-right-radius: $border-radius !important;
-        border-bottom-left-radius: $border-radius !important;
-    }
-
-    .rounded-left {
-        border-top-left-radius: $border-radius !important;
-        border-bottom-left-radius: $border-radius !important;
-    }
-
-    .rounded-circle {
-        border-radius: 50% !important;
-    }
 }
 
-@mixin vi-mat-theme-bootstrap-border-mixin($infix, $width, $color) {
+@mixin border-mixin($infix, $width, $color) {
     // Transparent
     .border-transparent {
         border-width: $width;
@@ -110,9 +113,6 @@
         border-top-width: $width;
         border-top-color: $color !important;
         border-top-style: solid !important;
-        &.dashed {
-            border-top-style: dashed !important;
-        }
     }
     .border#{$infix}-top-0 {
         border-top-style: none !important;
@@ -122,9 +122,6 @@
         border-right-width: $width;
         border-right-color: $color !important;
         border-right-style: solid !important;
-        &.dashed {
-            border-right-style: dashed !important;
-        }
     }
     .border#{$infix}-right-0 {
         border-right-style: none !important;
@@ -134,9 +131,6 @@
         border-bottom-width: $width;
         border-bottom-color: $color !important;
         border-bottom-style: solid !important;
-        &.dashed {
-            border-bottom-style: dashed !important;
-        }
     }
     .border#{$infix}-bottom-0 {
         border-bottom-style: none !important;
@@ -146,9 +140,6 @@
         border-left-width: $width;
         border-left-color: $color !important;
         border-left-style: solid !important;
-        &.dashed {
-            border-left-style: dashed !important;
-        }
     }
     .border#{$infix}-left-0 {
         border-left-style: none !important;
@@ -163,10 +154,6 @@
         border-right-width: $width;
         border-right-color: $color !important;
         border-right-style: solid !important;
-        &.dashed {
-            border-left-style: dashed !important;
-            border-right-style: dashed !important;
-        }
     }
     .border#{$infix}-x-0 {
         border-left-style: none !important;
@@ -195,13 +182,21 @@
         border-bottom-width: $width;
         border-bottom-color: $color;
         border-bottom-style: solid !important;
-        &.dashed {
-            border-top-style: dashed !important;
-            border-bottom-style: dashed !important;
-        }
     }
     .border#{$infix}-x-0 {
         border-top-style: none !important;
         border-bottom-style: none !important;
     }
 }
+
+@mixin typography($typography) {
+}
+@mixin theme($theme, $typography) {
+    $color: mat.get-color-config($theme);
+    @if $color != null {
+        @include color($theme);
+    }
+    @if $typography != null {
+        @include typography($typography);
+    }
+}

package/style/mat/bootstrap/_index.scss

@@ -0,0 +1,27 @@
+@use 'text' as text;
+@use 'border' as border;
+@use 'background' as background;
+@use '../helper/typography' as typography;
+
+@mixin core() {
+    @include border.core();
+}
+@mixin color($theme) {
+    @include text.color($theme);
+    @include border.color($theme);
+    @include background.color($theme);
+}
+@mixin typography($typography) {
+    @include text.typography($typography);
+    @include border.typography($typography);
+    @include background.typography($typography);
+}
+@mixin theme($theme, $typography) {
+    $color: mat.get-color-config($theme);
+    @if $color != null {
+        @include color($theme);
+    }
+    @if $typography != null {
+        @include typography($typography);
+    }
+}

package/style/mat/bootstrap/_text.scss

@@ -1,43 +1,47 @@
-@mixin vi-mat-theme-bootstrap-text($theme, $text-primary-default, $text-accent-default) {
-    $warn: map-get($theme, warn);
-    $accent: map-get($theme, accent);
-    $primary: map-get($theme, primary);
-    $is-dark: map-get($theme, is-dark);
-    $foreground: map-get($theme, foreground);
+@use 'sass:map';
+@use '@angular/material' as mat;
 
-    $text-color: map-get($foreground, text);
-    $text-base-color: map-get($foreground, base);
-    $text-accent-color: mat-color($accent, $text-accent-default);
-    $text-primary-color: mat-color($primary, $text-primary-default);
-
-    @if $is-dark {
-        $text-accent-color: mat-color($accent);
-        $text-primary-color: mat-color($primary);
-    }
+@mixin color($theme, $text-primary-default: 700, $text-accent-default: 500) {
+    $warn: map.get($theme, 'warn');
+    $accent: map.get($theme, 'accent');
+    $primary: map.get($theme, 'primary');
+    $is-dark: map.get($theme, 'is-dark');
+    $foreground: map.get($theme, 'foreground');
 
     .text-base {
-        color: $text-base-color !important;
+        color: map.get($foreground, 'base') !important;
     }
     .text-base-invert {
-        color: $text-base-color !important;
-        @include filter-invert(1);
+        color: map.get($foreground, 'base-invert') !important;
     }
     .text-accent {
-        color: $text-accent-color !important;
+        color: mat.get-color-from-palette($accent, $text-accent-default) !important;
     }
     .text-primary {
-        color: $text-primary-color !important;
+        color: mat.get-color-from-palette($primary, $text-primary-default) !important;
     }
     .text-danger {
-        color: mat-color($warn) !important;
+        color: mat.get-color-from-palette($warn) !important;
     }
     .text-warning {
-        color: map-get($foreground, warning-text) !important;
+        color: map.get($foreground, 'warning-text') !important;
     }
     .text-success {
-        color: map-get($foreground, success-text) !important;
+        color: map.get($foreground, 'success-text') !important;
     }
     .text-secondary {
-        color: map-get($foreground, secondary-text) !important;
+        color: map.get($foreground, 'secondary-text') !important;
     }
 }
+
+@mixin typography($typography) {
+}
+@mixin theme($theme, $typography) {
+    $color: mat.get-color-config($theme);
+    @if $color != null {
+        @include color($theme);
+    }
+    @if $typography != null {
+        @include typography($typography);
+    }
+}

package/style/mat/helper/_theme.scss

@@ -0,0 +1,96 @@
+@use 'sass:map';
+
+@function background-change($theme, $name, $value) {
+    $modified-theme: $theme;
+    $theme-color: map.get($theme, 'color');
+    $color-palette: map.get($theme-color, 'background');
+    @if $color-palette {
+        $color-palette: map.merge(
+            $color-palette,
+            (
+                $name: $value,
+            )
+        );
+    }
+    @if $color-palette {
+        $modified-theme: map.merge(
+            $modified-theme,
+            (
+                color:
+                    map.merge(
+                        $theme-color,
+                        (
+                            background: $color-palette,
+                        )
+                    ),
+            )
+        );
+    }
+
+    $palette: map.get($theme, 'background');
+    @if $palette{
+        $palette: map.merge(
+            $palette,
+            (
+                $name: $value,
+            )
+        );
+    }
+    @if $palette {
+        $modified-theme: map.merge(
+            $modified-theme,
+            (
+                background: $palette,
+            )
+        );
+    }
+    @return $modified-theme;
+}
+
+@function foreground-change($theme, $name, $value) {
+    $modified-theme: $theme;
+    $theme-color: map.get($theme, color);
+    $color-palette: map.get($theme-color, 'foreground');
+    @if $color-palette {
+        $color-palette: map.merge(
+            $color-palette,
+            (
+                $name: $value,
+            )
+        );
+    }
+    @if $color-palette {
+        $modified-theme: map.merge(
+            $modified-theme,
+            (
+                color:
+                    map.merge(
+                        $theme-color,
+                        (
+                            foreground: $color-palette,
+                        )
+                    ),
+            )
+        );
+    }
+
+    $palette: map.get($theme, 'foreground');
+    @if $palette{
+        $palette: map.merge(
+            $palette,
+            (
+                $name: $value,
+            )
+        );
+    }
+    @if $palette {
+        $modified-theme: map.merge(
+            $modified-theme,
+            (
+                foreground: $palette,
+            )
+        );
+    }
+    @return $modified-theme;
+}
+

package/style/mat/helper/_typography.scss

@@ -0,0 +1,15 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin level($typography, $name, $isImportant: true) {
+    @if $isImportant {
+        font-size: mat.font-size($typography, $name) !important;
+        font-family: mat.font-family($typography, $name) !important;
+        font-weight: mat.font-weight($typography, $name) !important;
+        line-height: mat.line-height($typography, $name) !important;
+        letter-spacing: mat.letter-spacing($typography, $name) !important;
+    }
+    @else {
+        @include mat.typography-level($typography, $name);
+    }
+}

package/window/IWindow.d.ts

@@ -36,6 +36,7 @@ export declare enum WindowEvent {
     RESIZED = "RESIZED",
     DISABLED_CHANGED = "DISABLED_CHANGED",
     MINIMIZED_CHANGED = "MINIMIZED_CHANGED",
+    IS_ON_TOP_CHANGED = "IS_ON_TOP_CHANGED",
     EXPAND = "EXPAND",
     SET_ON_TOP = "SET_ON_TOP"
 }

package/window/WindowImpl.d.ts

@@ -12,7 +12,6 @@ export declare class WindowImpl<T = any> extends WindowBase<T> implements IWindo
     static SHAKE_DELAY: number;
     static RESIZE_DELAY: number;
     private _isBlink;
-    private blinkTimer;
     private _isShaking;
     private shakeTimer;
     private resizeTimer;
@@ -43,12 +42,12 @@ export declare class WindowImpl<T = any> extends WindowBase<T> implements IWindo
     protected commitIsBlinkProperties(): void;
     protected commitIsShakingProperties(): void;
     protected commitIsDisabledProperties(): void;
+    protected commitIsOnTopProperties(): void;
     protected commitIsMinimizedProperties(): void;
     protected getConfig(): WindowConfig;
     protected getContainer(): HTMLElement;
     protected getReference(): MatDialogRef<IWindowContent<T>>;
     protected isNeedClickStopPropagation(event: MouseEvent): boolean;
-    private stopBlinkIfNeed;
     protected resizeHandler: () => void;
     protected mouseDownHandler(event: MouseEvent): void;
     protected mouseClickHandler(event: MouseEvent): void;

package/style/mat/bootstrap/_variables.scss

@@ -1,8 +0,0 @@
-/*--------------------------------------------------------------------------
-//
-//  Properties
-//
-//-------------------------------------------------------------------------*/
-
-$border-width: 1px !default;
-$border-radius: 4px !default;

package/style/mat/vi-mat-bootstrap.scss

@@ -1,50 +0,0 @@
-@import '@angular/material/theming';
-@import 'bootstrap/variables';
-@import 'bootstrap/background';
-@import 'bootstrap/border';
-@import 'bootstrap/text';
-
-/*--------------------------------------------------------------------------
-//
-//  Methods
-//
-//-------------------------------------------------------------------------*/
-
-@mixin vi-mat-core-bootstrap($typography) {
-    body {
-        @include mat-typography-level-to-styles($typography, body-1);
-    }
-}
-
-@mixin vi-mat-theme-bootstrap($theme, $text-primary-default, $text-accent-default) {
-    $warn: map-get($theme, warn);
-    $accent: map-get($theme, accent);
-    $primary: map-get($theme, primary);
-    $is-dark: map-get($theme, is-dark);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
-
-    $text-color: map-get($foreground, text);
-    $text-accent-color: mat-color($accent, $text-accent-default);
-    $text-primary-color: mat-color($primary, $text-primary-default);
-
-    $divider-color: map-get($foreground, divider);
-
-    @if $is-dark {
-        $text-accent-color: mat-color($accent);
-        $text-primary-color: mat-color($primary);
-    }
-
-    color: $text-color;
-    background-color: map-get($background, body) !important;
-
-    .form-control {
-        background: transparent;
-        color: $text-color;
-        border-color: $divider-color;
-    }
-
-    @include vi-mat-theme-bootstrap-text($theme, $text-primary-default, $text-accent-default);
-    @include vi-mat-theme-bootstrap-border($theme, $text-primary-default, $text-accent-default);
-    @include vi-mat-theme-bootstrap-background($theme, $text-primary-default, $text-accent-default);
-}