@igo2/common 16.0.0-rc.3 → 16.0.0-rc.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common-theme.scss +19 -19
- package/esm2022/lib/action/actionbar/actionbar-item.component.mjs +2 -2
- package/esm2022/lib/color-picker-form-field/color-picker-form-field.module.mjs +5 -5
- package/esm2022/lib/entity/shared/state.mjs +1 -1
- package/esm2022/lib/interactive-tour/interactive-tour.component.mjs +2 -2
- package/esm2022/lib/interactive-tour/interactive-tour.interface.mjs +1 -1
- package/esm2022/lib/interactive-tour/interactive-tour.service.mjs +14 -10
- package/fesm2022/igo2-common.mjs +15 -11
- package/fesm2022/igo2-common.mjs.map +1 -1
- package/lib/action/actionbar/actionbar-item.theming.scss +32 -32
- package/lib/action/actionbar/actionbar.theming.scss +22 -22
- package/lib/interactive-tour/interactive-tour.interface.d.ts +4 -2
- package/lib/panel/panel.theming.scss +30 -30
- package/lib/tool/tool.theming.scss +5 -5
- package/package.json +3 -3
- package/style/partial/common-utils.scss +9 -9
- package/style/partial/common.variables.scss +8 -8
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
|
|
4
|
-
@mixin theme($theme) {
|
|
5
|
-
@include density($theme);
|
|
6
|
-
@include typography($theme);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin density($theme) {
|
|
10
|
-
$density: mat.get-density-config($theme);
|
|
11
|
-
$theme: map.merge(
|
|
12
|
-
$theme,
|
|
13
|
-
(
|
|
14
|
-
density: $density - 2
|
|
15
|
-
)
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
igo-actionbar-item {
|
|
19
|
-
@include mat.icon-button-density($theme);
|
|
20
|
-
@include mat.list-density($theme);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@mixin typography($theme) {
|
|
25
|
-
$typography: mat.get-typography-config($theme);
|
|
26
|
-
|
|
27
|
-
igo-actionbar-item {
|
|
28
|
-
mat-checkbox label {
|
|
29
|
-
font-size: mat.font-size($typography, body-1);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
|
|
4
|
+
@mixin theme($theme) {
|
|
5
|
+
@include density($theme);
|
|
6
|
+
@include typography($theme);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin density($theme) {
|
|
10
|
+
$density: mat.get-density-config($theme);
|
|
11
|
+
$theme: map.merge(
|
|
12
|
+
$theme,
|
|
13
|
+
(
|
|
14
|
+
density: $density - 2
|
|
15
|
+
)
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
igo-actionbar-item {
|
|
19
|
+
@include mat.icon-button-density($theme);
|
|
20
|
+
@include mat.list-density($theme);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@mixin typography($theme) {
|
|
25
|
+
$typography: mat.get-typography-config($theme);
|
|
26
|
+
|
|
27
|
+
igo-actionbar-item {
|
|
28
|
+
mat-checkbox label {
|
|
29
|
+
font-size: mat.font-size($typography, body-1);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
@mixin igo-actionbar-theming($theme) {
|
|
2
|
-
.igo-actionbar-overlay {
|
|
3
|
-
min-width: inherit !important;
|
|
4
|
-
padding-top: 0;
|
|
5
|
-
padding-bottom: 0;
|
|
6
|
-
|
|
7
|
-
.mat-mdc-list {
|
|
8
|
-
padding-top: 0;
|
|
9
|
-
}
|
|
10
|
-
.mat-mdc-list
|
|
11
|
-
.mat-mdc-list-item.mdc-list-item--with-leading-icon
|
|
12
|
-
.mdc-list-item__content
|
|
13
|
-
.mdc-list-item__primary-text {
|
|
14
|
-
padding-right: 16px;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.mat-mdc-menu-content:not(:empty) {
|
|
18
|
-
padding-top: 0;
|
|
19
|
-
padding-bottom: 0;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
1
|
+
@mixin igo-actionbar-theming($theme) {
|
|
2
|
+
.igo-actionbar-overlay {
|
|
3
|
+
min-width: inherit !important;
|
|
4
|
+
padding-top: 0;
|
|
5
|
+
padding-bottom: 0;
|
|
6
|
+
|
|
7
|
+
.mat-mdc-list {
|
|
8
|
+
padding-top: 0;
|
|
9
|
+
}
|
|
10
|
+
.mat-mdc-list
|
|
11
|
+
.mat-mdc-list-item.mdc-list-item--with-leading-icon
|
|
12
|
+
.mdc-list-item__content
|
|
13
|
+
.mdc-list-item__primary-text {
|
|
14
|
+
padding-right: 16px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.mat-mdc-menu-content:not(:empty) {
|
|
18
|
+
padding-top: 0;
|
|
19
|
+
padding-bottom: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/utils';
|
|
2
2
|
export interface InteractiveTourStep {
|
|
3
3
|
element?: string;
|
|
4
|
-
position?:
|
|
4
|
+
position?: InteractiveTourPlacement;
|
|
5
5
|
title?: string;
|
|
6
6
|
text: string;
|
|
7
7
|
beforeShow?: InteractiveTourAction;
|
|
@@ -14,6 +14,7 @@ export interface InteractiveTourStep {
|
|
|
14
14
|
disableInteraction?: boolean;
|
|
15
15
|
noBackButton?: boolean;
|
|
16
16
|
}
|
|
17
|
+
type InteractiveTourPlacement = 'auto' | Placement;
|
|
17
18
|
export interface InteractiveTourAction {
|
|
18
19
|
element?: string;
|
|
19
20
|
action: 'click';
|
|
@@ -23,7 +24,7 @@ export interface InteractiveTourAction {
|
|
|
23
24
|
}
|
|
24
25
|
export interface InteractiveTourOptions {
|
|
25
26
|
steps: InteractiveTourStep[];
|
|
26
|
-
position?:
|
|
27
|
+
position?: InteractiveTourPlacement;
|
|
27
28
|
title?: string;
|
|
28
29
|
highlightClass?: string;
|
|
29
30
|
class?: string;
|
|
@@ -31,3 +32,4 @@ export interface InteractiveTourOptions {
|
|
|
31
32
|
disableInteraction?: boolean;
|
|
32
33
|
conditions?: string[];
|
|
33
34
|
}
|
|
35
|
+
export {};
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
|
|
4
|
-
@mixin theme($theme) {
|
|
5
|
-
@include color($theme);
|
|
6
|
-
@include density($theme);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin color($theme) {
|
|
10
|
-
$primary: map.get($theme, primary);
|
|
11
|
-
|
|
12
|
-
igo-panel > .igo-panel-header {
|
|
13
|
-
background-color: mat.get-color-from-palette($primary);
|
|
14
|
-
color: mat.get-color-from-palette($primary, default-contrast);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@mixin density($theme) {
|
|
19
|
-
$density: mat.get-density-config($theme);
|
|
20
|
-
$theme: map.merge(
|
|
21
|
-
$theme,
|
|
22
|
-
(
|
|
23
|
-
density: $density - 2
|
|
24
|
-
)
|
|
25
|
-
);
|
|
26
|
-
|
|
27
|
-
igo-panel {
|
|
28
|
-
@include mat.icon-button-density($theme);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
|
|
4
|
+
@mixin theme($theme) {
|
|
5
|
+
@include color($theme);
|
|
6
|
+
@include density($theme);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin color($theme) {
|
|
10
|
+
$primary: map.get($theme, primary);
|
|
11
|
+
|
|
12
|
+
igo-panel > .igo-panel-header {
|
|
13
|
+
background-color: mat.get-color-from-palette($primary);
|
|
14
|
+
color: mat.get-color-from-palette($primary, default-contrast);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin density($theme) {
|
|
19
|
+
$density: mat.get-density-config($theme);
|
|
20
|
+
$theme: map.merge(
|
|
21
|
+
$theme,
|
|
22
|
+
(
|
|
23
|
+
density: $density - 2
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
igo-panel {
|
|
28
|
+
@include mat.icon-button-density($theme);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use './toolbox/toolbox.theming.scss' as toolbox-theme;
|
|
2
|
-
|
|
3
|
-
@mixin igo-tool-theming($theme) {
|
|
4
|
-
@include toolbox-theme.igo-toolbox-theming($theme);
|
|
5
|
-
}
|
|
1
|
+
@use './toolbox/toolbox.theming.scss' as toolbox-theme;
|
|
2
|
+
|
|
3
|
+
@mixin igo-tool-theming($theme) {
|
|
4
|
+
@include toolbox-theme.igo-toolbox-theming($theme);
|
|
5
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@igo2/common",
|
|
3
|
-
"version": "16.0.0-rc.
|
|
3
|
+
"version": "16.0.0-rc.5",
|
|
4
4
|
"description": "IGO Library",
|
|
5
5
|
"author": "IGO Community",
|
|
6
6
|
"keywords": [
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@angular/material": "^16.2.4",
|
|
39
39
|
"@angular/platform-browser": "^16.2.5",
|
|
40
40
|
"@floating-ui/utils": "^0.1.4",
|
|
41
|
-
"@igo2/core": "^16.0.0-rc.
|
|
42
|
-
"@igo2/utils": "^16.0.0-rc.
|
|
41
|
+
"@igo2/core": "^16.0.0-rc.5",
|
|
42
|
+
"@igo2/utils": "^16.0.0-rc.5",
|
|
43
43
|
"angular-shepherd": "16.0.0",
|
|
44
44
|
"scroll-into-view-if-needed": "^3.0.0",
|
|
45
45
|
"typy": "^3.3.0",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@mixin square-button() {
|
|
2
|
-
button {
|
|
3
|
-
border-radius: 0 !important;
|
|
4
|
-
.mat-ripple,
|
|
5
|
-
.mdc-icon-button__ripple {
|
|
6
|
-
border-radius: 0 !important;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
}
|
|
1
|
+
@mixin square-button() {
|
|
2
|
+
button {
|
|
3
|
+
border-radius: 0 !important;
|
|
4
|
+
.mat-ripple,
|
|
5
|
+
.mdc-icon-button__ripple {
|
|
6
|
+
border-radius: 0 !important;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/*** List ***/
|
|
2
|
-
$igo-list-item-height: 48px;
|
|
3
|
-
$igo-list-item-padding: 3px;
|
|
4
|
-
$igo-list-item-icon-padding: 8px;
|
|
5
|
-
|
|
6
|
-
/*** Panel ***/
|
|
7
|
-
$igo-panel-header-height: 48px;
|
|
8
|
-
$igo-panel-header-padding: 3px;
|
|
1
|
+
/*** List ***/
|
|
2
|
+
$igo-list-item-height: 48px;
|
|
3
|
+
$igo-list-item-padding: 3px;
|
|
4
|
+
$igo-list-item-icon-padding: 8px;
|
|
5
|
+
|
|
6
|
+
/*** Panel ***/
|
|
7
|
+
$igo-panel-header-height: 48px;
|
|
8
|
+
$igo-panel-header-padding: 3px;
|