@ts-core/angular 15.0.2 → 15.0.3

package/style/mat/_core.scss

@@ -1,317 +0,0 @@
-@use 'sass:map';
-@use 'variables' as var;
-@use '@angular/material' as mat;
-
-@use '../text' as text;
-@use '../mouse' as mouse;
-@use '../scroll' as scroll;
-@use 'bootstrap' as bootstrap;
-
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/variables';
-@import 'bootstrap/scss/mixins/breakpoints';
-
-@mixin core() {
-    @include mat.core();    
-    @include bootstrap.core();    
-
-    // Common
-    p,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    body {
-        padding: 0;
-        margin: 0;
-    }
-
-    a:focus,
-    div:focus,
-    button:focus {
-        outline: 0;
-    }
-    textarea {
-        &.cdk-textarea-autosize {
-            overflow-y: hidden !important;
-        }
-    }
-
-    // Material
-
-    mat-chip:focus,
-    mat-tab-group {
-        outline: 0;
-    }
-    mat-dialog-container {
-        &:hover:not(.minimized) {
-            vi-window-resize-element {
-                display: block !important;
-            }
-        }
-        vi-window-resize-element {
-            width: 32px;
-            right: -16px;
-            bottom: -16px;
-            display: none !important;
-            pointer-events: none;
-        }
-    }
-    mat-bottom-sheet-container {
-        padding: 0 !important;
-        overflow: visible !important;
-        & > :first-child {
-            height: 100%;
-            border-radius: var.$border-radius;
-            @include scroll.vertical();
-        }
-    }
-    mat-form-field {
-        &.no-underline {
-            .mdc-text-field {
-                border-bottom-left-radius: var.$border-radius;
-                border-bottom-right-radius: var.$border-radius;
-                .mdc-line-ripple {
-                    display: none;
-                }
-            }
-        }
-    }
-    mat-dialog-container,
-    mat-bottom-sheet-container {
-        vi-window-close-element,
-        vi-window-expand-element,
-        vi-window-minimize-element {
-            top: -16px;
-            width: 32px;
-            height: 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-cell {
-        color: inherit !important;
-    }
-    mat-header-cell {
-        &:not(:hover),
-        &.mat-sort-header-disabled {
-            color: inherit !important;
-        }
-    }
- 
-    mat-expansion-panel {
-        border-radius: 0 !important;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        &: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-header {
-            height: auto !important;
-            padding: 1rem !important;
-            &.mat-expanded {
-                height: auto !important;
-            }
-        }
-        .mat-expansion-panel-body {
-            padding: 0 !important;
-        }
-    }
-
-    mat-progress-bar {
-        &.border {
-            height: 1px;
-            border: none !important;
-            .mdc-linear-progress__buffer {
-                .mdc-linear-progress__buffer-dots {
-                    display: none;
-                }
-            }
-        }
-        &.transparent {
-            .mdc-linear-progress__buffer {
-                .mdc-linear-progress__buffer-dots {
-                    display: none;
-                }
-            }
-        }
-    }
-    mat-table {
-        background: none !important;
-    }
-    mat-paginator {
-        background: none !important;
-    }
-    .mat-icon {
-        width: unset !important;
-        height: unset !important;
-    }
-    .cdk-global-scrollblock {
-        overflow-y: auto;
-    }
-    .cdk-overlay-pane {
-        &.vi-window,
-        &.vi-notification {
-            position: absolute !important;
-        }
-        &.vi-draggable,
-        &.vi-resizeable {
-            border-radius: var.$border-radius;
-        }
-        &.vi-window {
-            border: 2px solid transparent;
-        }
-        &.minimized {
-            height: auto !important;
-            min-height: 40px !important;
-        }
-        &.vi-blink {
-            border-width: 2px;
-            border-style: solid;
-            animation: blink 1s;
-            animation-iteration-count: 3;
-            // @keyframes blink { 50% { border-color:#fff ; }  }
-        }
-        .mat-mdc-select-panel {
-            padding: 0 !important;
-            border-style: solid;
-            border-width: 1px;
-            border-radius: var.$border-radius;
-        }
-        .mat-mdc-menu-content {
-            padding: 0 !important;
-        }
-        .mat-mdc-menu-panel {
-            max-width: none !important;
-            max-height: none !important;
-            min-height: 0px !important;
-        }
-    }
-    .mdc-tooltip__surface {
-        max-height: inherit !important;
-    }
-    .mat-mdc-paginator-range-label {
-        margin-left: 1rem;
-        margin-right: 1rem;
-    }
-
-    // Text
-    .mat-h1,
-    .mat-h2,
-    .mat-h3,
-    .mat-h4,
-    .mat-h5,
-    .mat-h6,
-    .mat-body,
-    .mat-body-1,
-    .mat-body-2,
-    .mat-body-strong,
-    .mat-small,
-    .mat-caption,
-    .mat-subtitle-1,
-    .mat-subtitle-2,
-    .mat-headline-1,
-    .mat-headline-2,
-    .mat-headline-3,
-    .mat-headline-4,
-    .mat-headline-5,
-    .mat-headline-6 {
-        margin: 0;
-    }
-
-    .text-underline {
-        text-decoration: underline !important;
-    }
-    .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 {
-        @include scroll.vertical();
-    }
-    .scroll-horizontal {
-        @include scroll.horizontal();
-    }
-    .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;
-    }
-}

package/style/mat/_index.scss

@@ -1,169 +0,0 @@
-@forward '../filter' as filter-*;
-@forward '../scroll' as scroll-*;
-@forward '../mouse' as mouse-*;
-@forward '../text' as text-*;
-
-@forward 'helper/typography' as typography-*;
-@forward 'helper/theme' as theme-*;
-@forward 'core' show core;
-
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@use 'variables' as var;
-@use 'bootstrap' as bootstrap;
-@use 'helper/typography' as typography;
-
-@mixin color($theme) {
-    @include bootstrap.color($theme);
-
-    $primary: map.get($theme, 'primary');
-    $foreground: map.get($theme, 'foreground');
-    $background: map.get($theme, 'background');
-    $border-color: map.get($foreground, 'divider');
-
-    $text-primary: mat.get-color-from-palette($primary);
-
-    body {
-        color: map.get($foreground, 'text');
-        background-color: map.get($background, 'body');
-    }
-    mat-form-field {
-        .mdc-text-field {
-            .mdc-line-ripple::before {
-                border-bottom-color: $border-color !important;
-            }
-        }
-        .mdc-text-field--outlined {
-            &:not(.mdc-text-field--disabled) {
-                .mdc-notched-outline__notch,
-                .mdc-notched-outline__leading,
-                .mdc-notched-outline__trailing {
-                    border-color: $border-color !important;
-                }
-                &:hover {
-                    .mdc-notched-outline__notch,
-                    .mdc-notched-outline__leading,
-                    .mdc-notched-outline__trailing {
-                        border-color: mat.get-color-from-palette($foreground, 'base') !important;
-                    }
-                }
-                &.mdc-text-field--focused {
-                    .mdc-notched-outline__notch,
-                    .mdc-notched-outline__leading,
-                    .mdc-notched-outline__trailing {
-                        border-color: mat.get-color-from-palette($primary) !important;
-                    }
-                }
-            }
-        }
-    }
-    mat-expansion-panel {
-        border-bottom-color: $border-color;
-    }
-    mat-progress-bar {
-        &.border {
-            &:not(.transparent) {
-                .mdc-linear-progress__buffer {
-                    .mdc-linear-progress__buffer-bar {
-                        background-color: $border-color !important;
-                    }
-                }
-            }
-        }
-        &.transparent {
-            .mdc-linear-progress__buffer {
-                .mdc-linear-progress__buffer-bar {
-                    background-color: transparent !important;
-                }
-            }
-        }
-    }
-    mat-cell {
-        border-bottom-color: $border-color !important;
-        &:last-child {
-            border-bottom-color: transparent;
-        }
-        &.active {
-            background-color: map.get($background, 'hover') !important;
-        }
-    }
-    .cdk-overlay-pane {
-        &.vi-blink {
-            border-color: $text-primary;
-        }
-        .mat-mdc-select-panel {
-            border-color: $border-color;
-        }
-    }
-    .cdk-overlay-dark-backdrop {
-        background: rgba(0, 0, 0, 0.32);
-    }
-
-    $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 typography($typography) {
-    @include bootstrap.typography($typography);
-
-    body {
-        @include typography.level($typography, 'body-1', false);
-    }
-    .mat-headline-1 {
-        @include typography.level($typography, 'headline-1');
-    }
-    .mat-headline-2 {
-        @include typography.level($typography, 'headline-2');
-    }
-    .mat-headline-3 {
-        @include typography.level($typography, 'headline-3');
-    }
-    .mat-headline-4 {
-        @include typography.level($typography, 'headline-4');
-    }
-    .mat-headline-5 {
-        @include typography.level($typography, 'headline-5');
-    }
-    .mat-headline-6 {
-        @include typography.level($typography, 'headline-6');
-    }
-    .mat-subtitle-2 {
-        @include typography.level($typography, 'subtitle-2');
-    }
-    .mat-subtitle-1 {
-        @include typography.level($typography, 'subtitle-1');
-    }
-    .mat-body-2 {
-        @include typography.level($typography, 'body-2');
-    }
-    .mat-body-1 {
-        @include typography.level($typography, 'body-1');
-    }
-    .mat-caption {
-        @include typography.level($typography, 'caption');
-    }
-    .mat-button {
-        @include typography.level($typography, 'button');
-    }
-}
-@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/_variables.scss

@@ -1 +0,0 @@
-$border-radius: 4px !default;

package/style/mat/bootstrap/_background.scss

@@ -1,28 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin color($theme) {
-    $color: mat.get-color-config($theme);
-    $primary: map.get($color, 'primary');
-    $foreground: map.get($color, 'foreground');
-    $background: map.get($color, 'background');
-
-    .background {
-        background-color: map.get($background, 'background') !important;
-    }
-    .background-body {
-        background-color: map.get($background, 'body') !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/_border.scss

@@ -1,202 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../variables' as var;
-
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/variables';
-@import 'bootstrap/scss/mixins/breakpoints';
-
-@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 border-mixin($infix, $border-width, $border-color);
-        }
-    }
-
-    // Main colors
-    .border-warn {
-        border-color: $warn-color !important;
-    }
-    .border-warn-hover {
-        &:hover {
-            border-color: $warn-color !important;
-        }
-    }
-    .border-accent {
-        border-color: $accent-color !important;
-    }
-    .border-accent-hover {
-        &:hover {
-            border-color: $accent-color !important;
-        }
-    }
-    .border-primary {
-        border-color: $primary-color !important;
-    }
-    .border-primary-hover {
-        &:hover {
-            border-color: $primary-color !important;
-        }
-    }
-    .border-base {
-        border-color: $base-color !important;
-    }
-    .border-base-hover {
-        &:hover {
-            border-color: $base-color !important;
-        }
-    }
-    .border-base-invert {
-        border-color: $base-color-invert !important;
-    }
-    .border-base-invert-hover {
-        &:hover {
-            border-color: $base-color-invert !important;
-        }
-    }
-}
-
-@mixin border-mixin($infix, $width, $color) {
-    // Transparent
-    .border-transparent {
-        border-width: $width;
-        border-color: transparent !important;
-        border-style: solid !important;
-    }
-    // Top
-    .border#{$infix}-top {
-        border-top-width: $width;
-        border-top-color: $color !important;
-        border-top-style: solid !important;
-    }
-    .border#{$infix}-top-0 {
-        border-top-style: none !important;
-    }
-    // Right
-    .border#{$infix}-right {
-        border-right-width: $width;
-        border-right-color: $color !important;
-        border-right-style: solid !important;
-    }
-    .border#{$infix}-right-0 {
-        border-right-style: none !important;
-    }
-    // Bottom
-    .border#{$infix}-bottom {
-        border-bottom-width: $width;
-        border-bottom-color: $color !important;
-        border-bottom-style: solid !important;
-    }
-    .border#{$infix}-bottom-0 {
-        border-bottom-style: none !important;
-    }
-    // Left
-    .border#{$infix}-left {
-        border-left-width: $width;
-        border-left-color: $color !important;
-        border-left-style: solid !important;
-    }
-    .border#{$infix}-left-0 {
-        border-left-style: none !important;
-    }
-
-    // X
-    .border#{$infix}-x {
-        border-left-width: $width;
-        border-left-color: $color !important;
-        border-left-style: solid !important;
-
-        border-right-width: $width;
-        border-right-color: $color !important;
-        border-right-style: solid !important;
-    }
-    .border#{$infix}-x-0 {
-        border-left-style: none !important;
-        border-right-style: none !important;
-    }
-
-    // Default
-    .border#{$infix} {
-        border-width: $width;
-        border-color: $color !important;
-        border-style: solid !important;
-        &.dashed {
-            border-style: dashed !important;
-        }
-    }
-    .border#{$infix}-0 {
-        border-style: none !important;
-    }
-
-    // Y
-    .border#{$infix}-y {
-        border-top-width: $width;
-        border-top-color: $color !important;
-        border-top-style: solid !important;
-
-        border-bottom-width: $width;
-        border-bottom-color: $color;
-        border-bottom-style: solid !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);
-    }
-}