@ts-core/angular 15.0.1 → 15.0.2

package/style/mat/vi-mat.scss

@@ -1,570 +0,0 @@
-@import '@angular/material/theming';
-@import 'vi-mat-bootstrap';
-@import '../mixin';
-@import '../mouse';
-
-/*--------------------------------------------------------------------------
-//
-//  Mixins
-//
-//-------------------------------------------------------------------------*/
-
-@mixin vi-mat-core($typography) {
-    p {
-        padding: 0;
-        margin: 0;
-    }
-
-    body {
-        margin: 0;
-        padding: 0;
-    }
-
-    a:focus,
-    div:focus,
-    button:focus {
-        outline: 0;
-    }
-
-    button {
-        .fa {
-            margin-right: 4px;
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-
-    textarea {
-        &.cdk-textarea-autosize {
-            overflow-y: hidden !important;
-        }
-    }
-
-    mat-dialog-container {
-        padding: 0 !important;
-        display: block !important;
-        max-width: none !important;
-        overflow: visible !important;
-        min-height: inherit !important;
-        max-height: inherit;
-
-        &:hover:not(.minimized) {
-            vi-window-resize-element {
-                display: block !important;
-            }
-        }
-
-        & > :first-child {
-            height: 100%;
-            border-radius: 4px;
-            box-sizing: border-box;
-            max-height: inherit;
-            @include vertical-scroll-only();
-        }
-
-        vi-window-resize-element {
-            width: 32px;
-            right: -16px;
-            bottom: -16px;
-            display: none !important;
-            pointer-events: none;
-        }
-    }
-
-    mat-bottom-sheet-container {
-        padding: 0 !important;
-        display: block !important;
-        overflow: visible !important;
-        min-height: inherit !important;
-        max-height: inherit;
-
-        & > :first-child {
-            height: 100%;
-            box-sizing: border-box;
-            max-height: inherit;
-            @include vertical-scroll-only();
-        }
-    }
-
-    mat-dialog-container,
-    mat-bottom-sheet-container {
-        vi-window-close-element,
-        vi-window-expand-element,
-        vi-window-minimize-element {
-            top: -16px;
-            width: 32px;
-        }
-        vi-window-close-element {
-            right: -16px;
-        }
-        vi-window-expand-element,
-        vi-window-minimize-element {
-            right: 24px;
-        }
-        @include media-breakpoint-down(lg) {
-            vi-window-close-element {
-                right: 16px;
-            }
-            vi-window-expand-element,
-            vi-window-minimize-element {
-                right: 56px;
-            }
-        }
-    }
-
-    mat-progress-bar {
-        &.border {
-            height: 1px;
-            border: none !important;
-
-            svg {
-                display: none;
-            }
-        }
-
-        &.transparent {
-            .mat-progress-bar-buffer {
-                background-color: transparent !important;
-            }
-            svg {
-                display: none;
-            }
-        }
-    }
-
-    mat-tab-group {
-        outline: 0;
-
-        .mat-tab-label-active {
-            opacity: 1;
-        }
-
-        &.no-underline {
-            .mat-tab-header {
-                border-bottom: none;
-            }
-        }
-        &.tabs-stretch {
-            .mat-tab-label {
-                min-width: 0;
-                flex-grow: 1;
-            }
-        }
-    }
-
-    mat-select {
-        &.text-title {
-            .mat-select-arrow,
-            .mat-select-value {
-                color: inherit;
-            }
-        }
-    }
-
-    mat-expansion-panel {
-        &:last-child {
-            border-bottom: none !important;
-        }
-        &:not([class*='mat-elevation-z']) {
-            box-shadow: none !important;
-        }
-        &.mat-expansion-panel-spacing {
-            margin: 0 !important;
-        }
-        .mat-expansion-panel-body {
-            padding: 0 !important;
-        }
-    }
-
-    mat-expansion-panel-header {
-        &.mat-expanded {
-            height: 48px !important;
-        }
-    }
-
-    mat-form-field {
-        &.mat-focused {
-            .mat-form-field-label {
-                color: inherit !important;
-            }
-        }
-        &.mat-form-field-disabled {
-            .mat-form-field-underline {
-                background-image: none !important;
-            }
-        }
-
-        .mat-form-field-infix {
-            width: inherit;
-        }
-
-        &.no-underline {
-            .mat-form-field-wrapper {
-                padding-bottom: 0.7em;
-            }
-            .mat-form-field-underline {
-                display: none !important;
-            }
-        }
-
-        &.text-center {
-            input {
-                text-align: center;
-            }
-            .mat-input-wrapper {
-                text-align: center;
-            }
-        }
-
-        mat-hint {
-            @include mouse-inactive();
-        }
-    }
-
-    mat-chip:focus {
-        outline: 0;
-    }
-
-    mat-list-item,
-    mat-selection-list {
-        font-weight: inherit;
-    }
-
-    mat-table {
-        background: transparent !important;
-    }
-
-    mat-paginator {
-        background: none !important;
-    }
-
-    .cdk-global-scrollblock {
-        overflow-y: auto;
-    }
-
-    .cdk-overlay-pane {
-        &.vi-window,
-        &.vi-notification {
-            position: absolute !important;
-        }
-        &.vi-draggable,
-        &.vi-resizeable {
-            border-radius: 4px;
-        }
-        &.vi-window {
-            border: 2px solid transparent;
-        }
-        &.minimized {
-            height: auto !important;
-            min-height: 40px !important;
-        }
-
-        .mat-menu-content {
-            padding: 0 !important;
-        }
-        .mat-menu-panel {
-            max-width: none !important;
-            max-height: none !important;
-            min-height: 0px !important;
-        }
-    }
-
-    .cdk-overlay-backdrop {
-        background-color: rgba(black, 0.5);
-    }
-
-    .mat-form-field-suffix {
-        button {
-            .fa {
-                font-size: 12px;
-                padding-bottom: 2px;
-            }
-        }
-    }
-
-    .mat-body,
-    .mat-title,
-    .mat-caption,
-    .mat-headline,
-    .mat-body-strong,
-    .mat-display-1,
-    .mat-display-2,
-    .mat-display-3,
-    .mat-display-4 {
-        margin: 0;
-    }
-
-    .text-underline {
-        text-decoration: underline !important;
-        &.dashed {
-            text-decoration-style: dashed !important;
-        }
-        &.double {
-            text-decoration-style: double !important;
-        }
-        &.dotted {
-            text-decoration-style: dotted !important;
-        }
-    }
-    .text-highlight {
-        color: inherit;
-        white-space: pre-wrap;
-        word-break: break-all;
-    }
-    .text-one-line {
-        @include text-one-line();
-    }
-    .text-multi-line {
-        @include text-word-wrap-break-word();
-        @include text-word-break-break-all();
-    }
-    .text-word-wrap-break-word {
-        @include text-word-wrap-break-word();
-    }
-    .text-word-break-break-all {
-        @include text-word-break-break-all();
-    }
-    .scroll-no {
-        @include scroll-no();
-    }
-    .scroll-auto {
-        @include scroll-auto();
-    }
-    .scroll-vertical,
-    .vertical-scroll-only {
-        @include vertical-scroll-only();
-    }
-    .scroll-horizontal,
-    .horizontal-scroll-only {
-        @include horizontal-scroll-only();
-    }
-
-    .mouse-help {
-        @include mouse-help();
-    }
-    .mouse-wait {
-        @include mouse-wait();
-    }
-    .mouse-active {
-        @include mouse-active();
-    }
-    .mouse-enabled {
-        @include mouse-enabled();
-    }
-    .mouse-disabled {
-        @include mouse-disabled();
-    }
-    .mouse-inactive {
-        @include mouse-inactive();
-    }
-    .mouse-disabled {
-        @include mouse-disabled();
-    }
-
-    ::-webkit-scrollbar {
-        width: 14px;
-        height: 14px;
-    }
-    ::-webkit-scrollbar-thumb {
-        height: 6px;
-        min-height: 16px;
-        border: 4px solid;
-        background-clip: padding-box;
-        -webkit-border-radius: 7px;
-    }
-    ::-webkit-scrollbar-thumb {
-        border-color: transparent;
-        -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
-    }
-    ::-webkit-scrollbar-corner {
-        background-color: transparent;
-    }
-    ::-webkit-scrollbar-button {
-        width: 0;
-        height: 0;
-        display: none;
-    }
-    .IIV::-webkit-media-controls-play-button,
-    video::-webkit-media-controls-start-playback-button {
-        opacity: 0;
-        pointer-events: none;
-    }
-}
-
-@mixin vi-mat-theme($theme) {
-    $primary: map-get($theme, primary);
-    $foreground: map-get($theme, foreground);
-    $background: map-get($theme, background);
-    $border-color: map-get($foreground, divider);
-
-    mat-tab-header {
-        border-color: $border-color;
-    }
-
-    mat-form-field {
-        .mat-form-field-underline {
-            background-color: $border-color !important;
-        }
-    }
-
-    mat-progress-bar {
-        &.border {
-            border: none !important;
-            .mat-progress-bar-buffer {
-                background-color: $border-color;
-            }
-        }
-    }
-
-    mat-expansion-panel {
-        background-color: transparent !important;
-        border-bottom: 1px solid $border-color;
-        &:last-child {
-            border-bottom: none !important;
-        }
-        &:not([class*='mat-elevation-z']) {
-            box-shadow: none !important;
-        }
-    }
-
-    mat-table {
-        mat-row {
-            border-color: $border-color;
-            &:last-child {
-                border-bottom: none;
-            }
-        }
-        mat-cell {
-            &.active {
-                background-color: map-get($background, hover) !important;
-            }
-        }
-    }
-
-    .mat-color-base {
-        color: map-get($foreground, base) !important;
-    }
-
-    .mat-menu-panel {
-        color: mat-color($foreground, text);
-    }
-
-    .cdk-overlay-pane {
-        &.vi-blink {
-            border: 2px solid mat-color($primary);
-        }
-    }
-
-    $thumb-color: rgba(0, 0, 0, 0.15);
-
-    @if map-get($theme, is-dark) {
-        $thumb-color: rgba(255, 255, 255, 0.1);
-        .mat-drawer-backdrop.mat-drawer-shown {
-            background-color: rgba(0, 0, 0, 0.8);
-        }
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background-color: $thumb-color;
-    }
-}
-
-@mixin vi-mat-checkbox-multiline() {
-    .mat-checkbox-layout {
-        white-space: normal !important;
-    }
-    .mat-checkbox-inner-container {
-        margin-top: 3px !important;
-    }
-}
-
-/*--------------------------------------------------------------------------
-//
-//  Functions
-//
-//-------------------------------------------------------------------------*/
-
-@function vi-mat-theme-background-change($theme, $name, $value) {
-    $modified-theme: $theme;
-    $theme-color: map-get($theme, color);
-    $color-background-palette: map-get($theme-color, background);
-    @if $color-background-palette {
-        $color-background-palette: map-merge(
-            $color-background-palette,
-            (
-                $name: $value
-            )
-        );
-    }
-    @if $color-background-palette {
-        $modified-theme: map-merge(
-            $modified-theme,
-            (
-                color: (
-                    background: $color-background-palette
-                )
-            )
-        );
-    }
-    $background-palette: map-get($theme, background);
-    @if $background-palette {
-        $background-palette: map-merge(
-            $background-palette,
-            (
-                $name: $value
-            )
-        );
-    }
-    @if $background-palette {
-        $modified-theme: map-merge(
-            $modified-theme,
-            (
-                background: $background-palette
-            )
-        );
-    }
-    @return $modified-theme;
-}
-
-@function vi-mat-theme-foreground-change($theme, $name, $value) {
-    $modified-theme: $theme;
-    $theme-color: map-get($theme, color);
-    $color-foreground-palette: map-get($theme-color, foreground);
-    @if $color-foreground-palette {
-        $color-foreground-palette: map-merge(
-            $color-foreground-palette,
-            (
-                $name: $value
-            )
-        );
-    }
-    @if $color-foreground-palette {
-        $modified-theme: map-merge(
-            $modified-theme,
-            (
-                color: (
-                    foreground: $color-foreground-palette
-                )
-            )
-        );
-    }
-    $foreground-palette: map-get($theme, foreground);
-    @if $foreground-palette {
-        $foreground-palette: map-merge(
-            $foreground-palette,
-            (
-                $name: $value
-            )
-        );
-    }
-    @if $foreground-palette {
-        $modified-theme: map-merge(
-            $modified-theme,
-            (
-                foreground: $foreground-palette
-            )
-        );
-    }
-    @return $modified-theme;
-}

package/style/mixin.scss

@@ -1,69 +0,0 @@
-/*--------------------------------------------------------------------------
-//
-//  Common
-//
-//-------------------------------------------------------------------------*/
-
-@mixin saturation($value) {
-    @include grayscale();
-}
-
-@mixin filter-grayscale($value) {
-    filter: none;
-    -o-filter: grayscale($value);
-    -ms-filter: grayscale($value);
-    -moz-filter: grayscale($value);
-    -webkit-filter: grayscale($value);
-}
-
-@mixin filter-invert($value) {
-    filter: none;
-    -o-filter: invert($value);
-    -ms-filter: invert($value);
-    -moz-filter: invert($value);
-    -webkit-filter: invert($value);
-}
-
-@mixin scroll-no() {
-    overflow-y: hidden;
-    overflow-x: hidden;
-    -webkit-overflow-scrolling: touch;
-}
-
-@mixin scroll-auto() {
-    overflow-y: auto;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-@mixin vertical-scroll-only() {
-    overflow-y: auto;
-    overflow-x: hidden;
-    -webkit-overflow-scrolling: touch;
-}
-
-@mixin horizontal-scroll-only() {
-    overflow-y: hidden;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-/*--------------------------------------------------------------------------
-//
-//	Text
-//
-//-------------------------------------------------------------------------*/
-
-@mixin text-word-wrap-break-word() {
-    word-wrap: break-word;
-}
-@mixin text-word-break-break-all() {
-    word-break: break-all;
-}
-
-@mixin text-one-line() {
-    min-width: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}

package/style/mouse.scss

@@ -1,47 +0,0 @@
-/*--------------------------------------------------------------------------
-//
-//  Mixin
-//
-//-------------------------------------------------------------------------*/
-
-@mixin mouse-cursor-mixin($value) {
-	cursor: $value !important;
-}
-
-@mixin mouse-pointer-events-mixin($value) {
-	pointer-events: $value !important;
-}
-
-/*--------------------------------------------------------------------------
-//
-//  Common
-//
-//-------------------------------------------------------------------------*/
-
-@mixin mouse-active() {
-	@include mouse-cursor-mixin(pointer);
-}
-
-@mixin mouse-inactive() {
-	@include mouse-cursor-mixin(default);
-}
-
-@mixin mouse-move(){
-	@include mouse-cursor-mixin(move);
-}
-
-@mixin mouse-help(){
-	@include mouse-cursor-mixin(help);
-}
-
-@mixin mouse-wait(){
-	@include mouse-cursor-mixin(wait);
-}
-
-@mixin mouse-enabled() {
-	@include mouse-pointer-events-mixin(auto);
-}
-
-@mixin mouse-disabled() {
-	@include mouse-pointer-events-mixin(none);
-}