@sapphire-ion/framework 0.30.12 → 0.30.14
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/esm2022/lib/components/default/default-view/default-view.component.mjs +1 -1
- package/esm2022/lib/components/default/default-view/header-view/header-view.component.mjs +7 -4
- package/esm2022/lib/components/login/login.component.mjs +3 -3
- package/esm2022/lib/components/tabs/tab/tab.component.mjs +3 -3
- package/esm2022/lib/services/web/storage.service.mjs +2 -2
- package/fesm2022/sapphire-ion-framework.mjs +12 -9
- package/fesm2022/sapphire-ion-framework.mjs.map +1 -1
- package/lib/components/default/default-view/header-view/header-view.component.d.ts +3 -2
- package/lib/components/inputs/input-decimal/input-decimal.component.d.ts +1 -1
- package/lib/components/login/login.component.d.ts +1 -1
- package/package.json +1 -1
- package/themes/compiled-styles.scss +44 -0
- package/themes/components/login/login.component.scss +12 -12
|
@@ -12,14 +12,15 @@ export declare class HeaderViewComponent implements OnInit {
|
|
|
12
12
|
noBack: boolean;
|
|
13
13
|
noNew: boolean;
|
|
14
14
|
useDefaultRouting: boolean;
|
|
15
|
+
backRoute: string | null;
|
|
15
16
|
constructor(navController: NavController, activatedRoute: ActivatedRoute);
|
|
16
17
|
ngOnInit(): void;
|
|
17
|
-
protected get
|
|
18
|
+
protected get DefaultBackRoute(): string;
|
|
18
19
|
IonBackButtonElement: IonBackButton;
|
|
19
20
|
Back($event?: any): void;
|
|
20
21
|
NewIonButtonElement: ElementRef;
|
|
21
22
|
New(): void;
|
|
22
23
|
Save(): void;
|
|
23
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderViewComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderViewComponent, "header-view", never, { "novo": { "alias": "novo"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "noBack": { "alias": "noBack"; "required": false; }; "noNew": { "alias": "noNew"; "required": false; }; "useDefaultRouting": { "alias": "useDefaultRouting"; "required": false; }; }, { "saveEmitter": "save"; }, never, ["[slot=start]", "[slot=end]"], false, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderViewComponent, "header-view", never, { "novo": { "alias": "novo"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "noBack": { "alias": "noBack"; "required": false; }; "noNew": { "alias": "noNew"; "required": false; }; "useDefaultRouting": { "alias": "useDefaultRouting"; "required": false; }; "backRoute": { "alias": "backRoute"; "required": false; }; }, { "saveEmitter": "save"; }, never, ["[slot=start]", "[slot=end]"], false, never>;
|
|
25
26
|
}
|
|
@@ -28,7 +28,7 @@ export declare class InputDecimalComponent extends CustomInput<number> implement
|
|
|
28
28
|
eventType: number;
|
|
29
29
|
atLeft: string;
|
|
30
30
|
atRight: string;
|
|
31
|
-
HandleBrowser(): Promise<
|
|
31
|
+
HandleBrowser(): Promise<boolean> | Promise<void>;
|
|
32
32
|
divider: number;
|
|
33
33
|
setDivider(): void;
|
|
34
34
|
HandleNumber(): Promise<boolean>;
|
|
@@ -24,5 +24,5 @@ export declare class DefaultLoginComponent implements OnInit {
|
|
|
24
24
|
OnLogin: EventEmitter<any>;
|
|
25
25
|
Login($event?: KeyboardEvent): Promise<void>;
|
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultLoginComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DefaultLoginComponent, "login", never, {}, { "OnLogin": "OnLogin"; }, never, ["
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DefaultLoginComponent, "login", never, {}, { "OnLogin": "OnLogin"; }, never, ["[slot=logo]", "[slot=end]"], true, never>;
|
|
28
28
|
}
|
package/package.json
CHANGED
|
@@ -1047,6 +1047,10 @@ video {
|
|
|
1047
1047
|
height: 0.5rem;
|
|
1048
1048
|
}
|
|
1049
1049
|
|
|
1050
|
+
.h-24 {
|
|
1051
|
+
height: 6rem;
|
|
1052
|
+
}
|
|
1053
|
+
|
|
1050
1054
|
.h-3 {
|
|
1051
1055
|
height: 0.75rem;
|
|
1052
1056
|
}
|
|
@@ -1059,6 +1063,10 @@ video {
|
|
|
1059
1063
|
height: 1rem;
|
|
1060
1064
|
}
|
|
1061
1065
|
|
|
1066
|
+
.h-40 {
|
|
1067
|
+
height: 10rem;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1062
1070
|
.h-48 {
|
|
1063
1071
|
height: 12rem;
|
|
1064
1072
|
}
|
|
@@ -1720,6 +1728,10 @@ video {
|
|
|
1720
1728
|
border-right-width: 1px;
|
|
1721
1729
|
}
|
|
1722
1730
|
|
|
1731
|
+
.border-r-2 {
|
|
1732
|
+
border-right-width: 2px;
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1723
1735
|
.border-solid {
|
|
1724
1736
|
border-style: solid;
|
|
1725
1737
|
}
|
|
@@ -1865,6 +1877,11 @@ video {
|
|
|
1865
1877
|
padding-right: 0.25rem;
|
|
1866
1878
|
}
|
|
1867
1879
|
|
|
1880
|
+
.px-10 {
|
|
1881
|
+
padding-left: 2.5rem;
|
|
1882
|
+
padding-right: 2.5rem;
|
|
1883
|
+
}
|
|
1884
|
+
|
|
1868
1885
|
.px-2 {
|
|
1869
1886
|
padding-left: 0.5rem;
|
|
1870
1887
|
padding-right: 0.5rem;
|
|
@@ -1982,6 +1999,10 @@ video {
|
|
|
1982
1999
|
line-height: 1;
|
|
1983
2000
|
}
|
|
1984
2001
|
|
|
2002
|
+
.text-\[1\.7rem\] {
|
|
2003
|
+
font-size: 1.7rem;
|
|
2004
|
+
}
|
|
2005
|
+
|
|
1985
2006
|
.text-base {
|
|
1986
2007
|
font-size: 1rem;
|
|
1987
2008
|
line-height: 1.5rem;
|
|
@@ -2217,10 +2238,19 @@ video {
|
|
|
2217
2238
|
display: none;
|
|
2218
2239
|
}
|
|
2219
2240
|
|
|
2241
|
+
.portrait\:size-full {
|
|
2242
|
+
width: 100%;
|
|
2243
|
+
height: 100%;
|
|
2244
|
+
}
|
|
2245
|
+
|
|
2220
2246
|
.portrait\:h-32 {
|
|
2221
2247
|
height: 8rem;
|
|
2222
2248
|
}
|
|
2223
2249
|
|
|
2250
|
+
.portrait\:h-40 {
|
|
2251
|
+
height: 10rem;
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2224
2254
|
.portrait\:h-full {
|
|
2225
2255
|
height: 100%;
|
|
2226
2256
|
}
|
|
@@ -2253,6 +2283,10 @@ video {
|
|
|
2253
2283
|
justify-content: center;
|
|
2254
2284
|
}
|
|
2255
2285
|
|
|
2286
|
+
.portrait\:p-4 {
|
|
2287
|
+
padding: 1rem;
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2256
2290
|
.portrait\:pl-3 {
|
|
2257
2291
|
padding-left: 0.75rem;
|
|
2258
2292
|
}
|
|
@@ -2263,6 +2297,10 @@ video {
|
|
|
2263
2297
|
height: 66.666667%;
|
|
2264
2298
|
}
|
|
2265
2299
|
|
|
2300
|
+
.landscape\:h-full {
|
|
2301
|
+
height: 100%;
|
|
2302
|
+
}
|
|
2303
|
+
|
|
2266
2304
|
.landscape\:w-4\/5 {
|
|
2267
2305
|
width: 80%;
|
|
2268
2306
|
}
|
|
@@ -2288,6 +2326,12 @@ video {
|
|
|
2288
2326
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2289
2327
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2290
2328
|
}
|
|
2329
|
+
|
|
2330
|
+
@media (min-width: 1280px) {
|
|
2331
|
+
.landscape\:xl\:max-w-\[60rem\] {
|
|
2332
|
+
max-width: 60rem;
|
|
2333
|
+
}
|
|
2334
|
+
}
|
|
2291
2335
|
}
|
|
2292
2336
|
|
|
2293
2337
|
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
ion-button{
|
|
2
|
-
|
|
3
|
-
}
|
|
1
|
+
// ion-button{
|
|
2
|
+
// transition: all 1s;
|
|
3
|
+
// }
|
|
4
4
|
|
|
5
|
-
ion-item.ion-touched, ion-item.ion-pristine{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
// ion-item.ion-touched, ion-item.ion-pristine{
|
|
6
|
+
// --border-width: 0;
|
|
7
|
+
// --border-color: var(--ion-color-dark)
|
|
8
|
+
// --background: transparent !important;
|
|
9
|
+
// transition: border-color .5s;
|
|
10
|
+
// border-radius: 1rem;
|
|
11
|
+
// }
|
|
12
12
|
|
|
13
13
|
$ion-border-base : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
|
|
14
14
|
$ion-border-contrast : var(--ion-color-medium);
|
|
15
15
|
$ion-border-invalid : color-mix(in srgb, var(--ion-color-danger) 75%, transparent 25%);
|
|
16
16
|
|
|
17
17
|
ion-card{
|
|
18
|
-
@apply rounded-2xl flex justify-center items-center transition-all ease-in-out duration-300 m-0
|
|
18
|
+
@apply rounded-2xl flex justify-center items-center transition-all ease-in-out duration-300 m-0 overflow-hidden shadow-sm;
|
|
19
19
|
ion-card-content{
|
|
20
20
|
@apply p-0;
|
|
21
21
|
}
|
|
22
22
|
background: color-mix(in srgb, var(--ion-color-light) 15%, transparent 93%);
|
|
23
23
|
&:hover{
|
|
24
|
-
|
|
24
|
+
background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
|
|
25
25
|
}
|
|
26
26
|
border-bottom-color: $ion-border-contrast;
|
|
27
27
|
border-right-color : $ion-border-base;
|