inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ci:force] - fixed build

Browse Source
This commit is contained in:
VitoAlbano
2025-05-18 00:15:11 +01:00
parent debf41e762
commit 8bea97dab5
19 changed files with 125 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lib/content-services/src/lib/dialogs/download-zip/download-zip.dialog.ts
View File

@@ -16,17 +16,20 @@
*/ */
import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core'; import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
import { NodesApiService } from '../../common/services/nodes-api.service'; import { NodesApiService } from '../../common/services/nodes-api.service';
import { DownloadZipService } from './services/download-zip.service'; import { DownloadZipService } from './services/download-zip.service';
import { ContentService } from '../../common/services/content.service'; import { ContentService } from '../../common/services/content.service';
import { FileDownloadStatus } from '@alfresco/js-api'; import { FileDownloadStatus } from '@alfresco/js-api';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { TranslateModule } from '@ngx-translate/core';
@Component({ @Component({
selector: 'adf-download-zip-dialog', selector: 'adf-download-zip-dialog',
templateUrl: './download-zip.dialog.html', templateUrl: './download-zip.dialog.html',
styleUrls: ['./download-zip.dialog.scss'], styleUrls: ['./download-zip.dialog.scss'],
host: { class: 'adf-download-zip-dialog' }, host: { class: 'adf-download-zip-dialog' },
imports: [MatProgressBarModule, MatDialogModule, TranslateModule],
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class DownloadZipDialogComponent implements OnInit { export class DownloadZipDialogComponent implements OnInit {

9
lib/content-services/src/lib/flex.scss
View File

@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -61,18 +62,18 @@ $overlapping-lt: (
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map-has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map-has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map-has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }

2
lib/content-services/src/lib/permission-manager/components/inherited-button.directive.ts
View File

@@ -48,7 +48,7 @@ export class InheritPermissionDirective {
onInheritPermissionClicked() { onInheritPermissionClicked() {
this.nodeService.getNode(this.nodeId).subscribe((node: Node) => { this.nodeService.getNode(this.nodeId).subscribe((node: Node) => {
if (this.contentService.hasAllowableOperations(node, AllowableOperationsEnum.UPDATEPERMISSIONS)) { if (this.contentService.hasAllowableOperations(node, AllowableOperationsEnum.UPDATEPERMISSIONS)) {
const nodeBody = { permissions: { isInheritanceEnabled: !node?.permissions?.isInheritanceEnabled ?? false } }; const nodeBody = { permissions: { isInheritanceEnabled: !node?.permissions?.isInheritanceEnabled } };
this.nodeService.updateNode(this.nodeId, nodeBody, { include: ['permissions'] }).subscribe( this.nodeService.updateNode(this.nodeId, nodeBody, { include: ['permissions'] }).subscribe(
(nodeUpdated: Node) => { (nodeUpdated: Node) => {
this.updated.emit(nodeUpdated); this.updated.emit(nodeUpdated);

15
lib/core/shell/src/lib/styles/flex.scss
View File

@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,19 +61,19 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }

6
lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
View File

@@ -15,9 +15,12 @@
* limitations under the License. * limitations under the License.
*/ */
import { CommonModule } from '@angular/common';
import { Component, Inject, SecurityContext, ViewEncapsulation } from '@angular/core'; import { Component, Inject, SecurityContext, ViewEncapsulation } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatButtonModule } from '@angular/material/button';
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
import { DomSanitizer } from '@angular/platform-browser'; import { DomSanitizer } from '@angular/platform-browser';
import { TranslateModule } from '@ngx-translate/core';
export interface ConfirmDialogComponentProps { export interface ConfirmDialogComponentProps {
title?: string; title?: string;
@@ -33,6 +36,7 @@ export interface ConfirmDialogComponentProps {
templateUrl: './confirm.dialog.html', templateUrl: './confirm.dialog.html',
styleUrls: ['./confirm.dialog.scss'], styleUrls: ['./confirm.dialog.scss'],
host: { class: 'adf-confirm-dialog' }, host: { class: 'adf-confirm-dialog' },
imports: [TranslateModule, MatDialogModule, MatButtonModule, CommonModule],
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
export class ConfirmDialogComponent { export class ConfirmDialogComponent {

11
lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.component.ts
View File

@@ -16,14 +16,17 @@
*/ */
import { Component, OnInit, OnChanges, Input } from '@angular/core'; import { Component, OnInit, OnChanges, Input } from '@angular/core';
import { MatDialog } from '@angular/material/dialog'; import { MatDialog, MatDialogModule } from '@angular/material/dialog';
import { EditJsonDialogComponent, EditJsonDialogSettings } from './edit-json.dialog'; import { EditJsonDialogComponent, EditJsonDialogSettings } from './edit-json.dialog';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { TranslateModule } from '@ngx-translate/core';
@Component({ @Component({
selector: 'adf-edit-json-dialog-storybook', selector: 'adf-edit-json-dialog-storybook',
template: `<button mat-raised-button (click)="openDialog()"> imports: [CommonModule, FormsModule, MatDialogModule, MatButtonModule, TranslateModule],
Open dialog template: `<button mat-raised-button (click)="openDialog()">Open dialog</button>`
</button>`
}) })
export class EditJsonDialogStorybookComponent implements OnInit, OnChanges { export class EditJsonDialogStorybookComponent implements OnInit, OnChanges {
@Input() @Input()

6
lib/core/src/lib/dialogs/edit-json/edit-json.dialog.ts
View File

@@ -15,8 +15,11 @@
* limitations under the License. * limitations under the License.
*/ */
import { CommonModule } from '@angular/common';
import { Component, Inject, OnInit, Input, ViewEncapsulation } from '@angular/core'; import { Component, Inject, OnInit, Input, ViewEncapsulation } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog'; import { FormsModule } from '@angular/forms';
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
import { TranslateModule } from '@ngx-translate/core';
export interface EditJsonDialogSettings { export interface EditJsonDialogSettings {
title?: string; title?: string;
@@ -27,6 +30,7 @@ export interface EditJsonDialogSettings {
@Component({ @Component({
templateUrl: './edit-json.dialog.html', templateUrl: './edit-json.dialog.html',
styleUrls: ['./edit-json.dialog.scss'], styleUrls: ['./edit-json.dialog.scss'],
imports: [CommonModule, FormsModule, TranslateModule, MatDialogModule],
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
host: { class: 'adf-edit-json-dialog' } host: { class: 'adf-edit-json-dialog' }
}) })

8
lib/core/src/lib/form/components/form-renderer.component.scss
View File

@@ -52,14 +52,14 @@
display: grid; display: grid;
&-column-view { &-column-view {
@include flex.layout-bp(lt-md) {
display: flow;
}
display: flex; display: flex;
margin-right: -1%; margin-right: -1%;
width: 100%; width: 100%;
@include flex.layout-bp(lt-md) {
display: flow;
}
&-item { &-item {
width: 100%; width: 100%;
flex-grow: 1; flex-grow: 1;

3
lib/core/src/lib/snackbar-content/snackbar-content.component.ts
View File

@@ -18,9 +18,12 @@
import { Component, Inject } from '@angular/core'; import { Component, Inject } from '@angular/core';
import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar'; import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
import { SnackBarData } from './snack-bar-data'; import { SnackBarData } from './snack-bar-data';
import { MatIcon } from '@angular/material/icon';
import { TranslateModule } from '@ngx-translate/core';
@Component({ @Component({
selector: 'adf-snackbar-content', selector: 'adf-snackbar-content',
imports: [MatIcon, TranslateModule],
templateUrl: './snackbar-content.component.html', templateUrl: './snackbar-content.component.html',
styleUrls: ['./snackbar-content.component.scss'], styleUrls: ['./snackbar-content.component.scss'],
host: { host: {

32
lib/core/src/lib/styles/_flex.scss
View File

@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -23,7 +24,7 @@ $breakpoints: (
xl: ( xl: (
begin: 1920px, begin: 1920px,
end: 4999.99px end: 4999.99px
), )
) !default; ) !default;
// Overlapping breakpoints that are greater than defined // Overlapping breakpoints that are greater than defined
@@ -33,7 +34,7 @@ $overlapping-gt: (
gt-xs: 600px, gt-xs: 600px,
gt-sm: 960px, gt-sm: 960px,
gt-md: 1280px, gt-md: 1280px,
gt-lg: 1920px, gt-lg: 1920px
) !default; ) !default;
// Overlapping breakpoints that are less than defined // Overlapping breakpoints that are less than defined
@@ -43,10 +44,9 @@ $overlapping-lt: (
lt-sm: 599.9px, lt-sm: 599.9px,
lt-md: 959.9px, lt-md: 959.9px,
lt-lg: 1279.9px, lt-lg: 1279.9px,
lt-xl: 1919.9px, lt-xl: 1919.9px
) !default; ) !default;
// Media Query Mixin, takes a breakpoint and returns a wrapping // Media Query Mixin, takes a breakpoint and returns a wrapping
// media query statement // media query statement
// e.g. // e.g.
@@ -61,18 +61,22 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @content; } @media (min-width: $min) and (max-width: $max) {
@content;
} }
@else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @content; } @media (min-width: $min) {
@content;
}
} @else if map.has-key($overlapping-lt, $bp) {
$max: map.get($overlapping-lt, $bp);
@media (max-width: $max) {
@content;
} }
@else if map-has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp);
@media (max-width: $max) { @content; }
} }
} }
/* stylelint-enable */ /* stylelint-enable */

22
lib/core/src/lib/styles/_index.scss
View File

@@ -16,12 +16,12 @@
} }
@mixin adf-core-theme($theme, $custom-css-variables: $adf-custom-theme-sizes) { @mixin adf-core-theme($theme, $custom-css-variables: $adf-custom-theme-sizes) {
$foreground: map-get($theme, foreground); $foreground: map.get($theme, foreground);
$background: map-get($theme, background); $background: map.get($theme, background);
$warn: map-get($theme, warn); $warn: map.get($theme, warn);
$accent: map-get($theme, accent); $accent: map.get($theme, accent);
$primary: map-get($theme, primary); $primary: map.get($theme, primary);
$typography: map-get($theme, typography); $typography: map.get($theme, typography);
// map SCSS variables to expose as CSS variables // map SCSS variables to expose as CSS variables
$defaults: ( $defaults: (
@@ -82,16 +82,16 @@
--theme-button-font-size: mat.m2-font-size($typography, button), --theme-button-font-size: mat.m2-font-size($typography, button),
--theme-headline-font-size: mat.m2-font-size($typography, headline-5), --theme-headline-font-size: mat.m2-font-size($typography, headline-5),
--theme-headline-line-height: mat.m2-line-height($typography, headline-5), --theme-headline-line-height: mat.m2-line-height($typography, headline-5),
--theme-adf-icon-1-font-size: map-get($custom-css-variables, 'theme-adf-icon-1-font-size'), --theme-adf-icon-1-font-size: map.get($custom-css-variables, 'theme-adf-icon-1-font-size'),
--theme-adf-picture-1-font-size: map-get($custom-css-variables, 'theme-adf-picture-1-font-size'), --theme-adf-picture-1-font-size: map.get($custom-css-variables, 'theme-adf-picture-1-font-size'),
--theme-adf-task-footer-font-size: map-get($custom-css-variables, 'theme-adf-task-footer-font-size'), --theme-adf-task-footer-font-size: map.get($custom-css-variables, 'theme-adf-task-footer-font-size'),
--theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'), --theme-adf-task-title-font-size: map.get($custom-css-variables, 'theme-adf-task-title-font-size'),
// specific colors // specific colors
--adf-theme-mat-grey-color-a200: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A200'), --adf-theme-mat-grey-color-a200: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A200'),
--adf-theme-mat-grey-color-a400: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A400'), --adf-theme-mat-grey-color-a400: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A400'),
--adf-theme-mat-grey-color-50: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 50), --adf-theme-mat-grey-color-50: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 50),
// spacing // spacing
--adf-theme-spacing: map-get($custom-css-variables, 'theme-adf-spacing'), --adf-theme-spacing: map.get($custom-css-variables, 'theme-adf-spacing'),
// components // components
--adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12), --adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12),
--adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05), --adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05),

4
lib/core/src/lib/styles/_mixins.scss
View File

@@ -29,18 +29,22 @@
} }
@mixin flex-column { @mixin flex-column {
& {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
min-height: 0; min-height: 0;
}
} }
@mixin flex-row { @mixin flex-row {
& {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex: 1; flex: 1;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
}
} }

5
lib/extensions/src/lib/components/dynamic-component/dynamic.component.spec.ts
View File

@@ -94,9 +94,10 @@ describe('DynamicExtensionComponent', () => {
}); });
it('should assign menuItem from dynamically generated component in ngAfterViewInit', () => { it('should assign menuItem from dynamically generated component in ngAfterViewInit', () => {
getInnerElement().componentInstance.menuItem = new MatMenuItem(null, null, null, null, null); const mockMenuItem = {} as MatMenuItem;
getInnerElement().componentInstance.menuItem = mockMenuItem;
component.ngAfterViewInit(); component.ngAfterViewInit();
expect(component.menuItem).toBeInstanceOf(MatMenuItem); expect(component.menuItem).toBe(mockMenuItem);
}); });
}); });

7
lib/process-services-cloud/src/lib/app/components/app-details-cloud/app-details-cloud.component.scss
View File

@@ -1,3 +1,4 @@
@use 'sass:map';
/* stylelint-disable scss/no-global-function-names */ /* stylelint-disable scss/no-global-function-names */
@mixin adf-line-clamp($line-height: 1.25, $lines: 3) { @mixin adf-line-clamp($line-height: 1.25, $lines: 3) {
position: relative; position: relative;
@@ -79,12 +80,12 @@ adf-cloud-app-details {
&-card { &-card {
@for $i from 1 through 10 { @for $i from 1 through 10 {
&.theme-#{$i} { &.theme-#{$i} {
$tile-theme: map-get($tile-themes, theme-#{$i}); $tile-theme: map.get($tile-themes, theme-#{$i});
background-color: map-get($tile-theme, bg); background-color: map.get($tile-theme, bg);
.adf-app-listgrid-item-card-logo-icon { .adf-app-listgrid-item-card-logo-icon {
color: map-get($tile-theme, color); color: map.get($tile-theme, color);
} }
} }
} }

15
lib/process-services-cloud/src/lib/flex.scss
View File

@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,19 +61,19 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }

14
lib/process-services/src/lib/form/widgets/dynamic-table/dynamic-table.widget.scss
View File

@@ -1,5 +1,5 @@
/* stylelint-disable no-descending-specificity */ /* stylelint-disable no-descending-specificity */
@import '../../../../../../core/src/lib/styles/mixins'; @use '../../../../../../core/src/lib/styles/mixins' as mixins;
$dynamic-table-font-size: var(--theme-body-1-font-size) !default; $dynamic-table-font-size: var(--theme-body-1-font-size) !default;
$dynamic-table-header-font-size: var(--theme-caption-font-size) !default; $dynamic-table-header-font-size: var(--theme-caption-font-size) !default;
@@ -43,7 +43,7 @@ dynamic-table-widget .adf-label {
position: relative; position: relative;
height: $dynamic-table-row-height; height: $dynamic-table-row-height;
@include material-animation-default(0.28s); @include mixins.material-animation-default(0.28s);
transition-property: background-color; transition-property: background-color;
@@ -65,7 +65,7 @@ dynamic-table-widget .adf-label {
td, td,
th { th {
padding: 0 $dynamic-table-column-padding 12px $dynamic-table-column-padding; padding: 0 $dynamic-table-column-padding 12px;
text-align: center; text-align: center;
&:first-of-type { &:first-of-type {
@@ -87,13 +87,13 @@ dynamic-table-widget .adf-label {
padding-top: $dynamic-table-cell-top; padding-top: $dynamic-table-cell-top;
box-sizing: border-box; box-sizing: border-box;
@include adf-no-select; @include mixins.adf-no-select;
cursor: default; cursor: default;
} }
th { th {
@include adf-no-select; @include mixins.adf-no-select;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
@@ -109,7 +109,7 @@ dynamic-table-widget .adf-label {
box-sizing: border-box; box-sizing: border-box;
&.adf-sortable { &.adf-sortable {
@include adf-no-select; @include mixins.adf-no-select;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@@ -121,7 +121,7 @@ dynamic-table-widget .adf-label {
color: var(--adf-theme-foreground-text-color); color: var(--adf-theme-foreground-text-color);
&::before { &::before {
@include typo-icon; @include mixins.typo-icon;
font-size: $dynamic-table-header-sort-icon-size; font-size: $dynamic-table-header-sort-icon-size;
content: '\e5d8'; content: '\e5d8';

15
lib/process-services/src/lib/styles/flex.scss
View File

@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,19 +61,19 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }

12
package-lock.json generated
View File

@@ -23,7 +23,7 @@
"@apollo/client": "3.13.1", "@apollo/client": "3.13.1",
"@cspell/eslint-plugin": "8.16.1", "@cspell/eslint-plugin": "8.16.1",
"@mat-datetimepicker/core": "15.0.2", "@mat-datetimepicker/core": "15.0.2",
"@ngx-translate/core": "^14.0.0", "@ngx-translate/core": "16.0.4",
"@nx/webpack": "20.8.1", "@nx/webpack": "20.8.1",
"angular-oauth2-oidc": "17.0.2", "angular-oauth2-oidc": "17.0.2",
"angular-oauth2-oidc-jwks": "^17.0.2", "angular-oauth2-oidc-jwks": "^17.0.2",
@@ -8009,16 +8009,16 @@
} }
}, },
"node_modules/@ngx-translate/core": { "node_modules/@ngx-translate/core": {
"version": "14.0.0", "version": "16.0.4",
"resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-14.0.0.tgz", "resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-16.0.4.tgz",
"integrity": "sha512-UevdwNCXMRCdJv//0kC8h2eSfmi02r29xeE8E9gJ1Al4D4jEJ7eiLPdjslTMc21oJNGguqqWeEVjf64SFtvw2w==", "integrity": "sha512-s8llTL2SJvROhqttxvEs7Cg+6qSf4kvZPFYO+cTOY1d8DWTjlutRkWAleZcPPoeX927Dm7ALfL07G7oYDJ7z6w==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/core": ">=13.0.0", "@angular/common": ">=16",
"rxjs": "^6.5.3 || ^7.4.0" "@angular/core": ">=16"
} }
}, },
"node_modules/@noble/hashes": { "node_modules/@noble/hashes": {

2
package.json
View File

@@ -43,7 +43,7 @@
"@apollo/client": "3.13.1", "@apollo/client": "3.13.1",
"@cspell/eslint-plugin": "8.16.1", "@cspell/eslint-plugin": "8.16.1",
"@mat-datetimepicker/core": "15.0.2", "@mat-datetimepicker/core": "15.0.2",
"@ngx-translate/core": "^14.0.0", "@ngx-translate/core": "16.0.4",
"@nx/webpack": "20.8.1", "@nx/webpack": "20.8.1",
"angular-oauth2-oidc": "17.0.2", "angular-oauth2-oidc": "17.0.2",
"angular-oauth2-oidc-jwks": "^17.0.2", "angular-oauth2-oidc-jwks": "^17.0.2",