@igo2/common 21.0.0-next.20 → 21.0.0-next.22
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.
|
@@ -20,15 +20,15 @@ class FlexibleComponent {
|
|
|
20
20
|
}
|
|
21
21
|
set state(value) {
|
|
22
22
|
const sizes = {
|
|
23
|
-
initial: this.initial,
|
|
24
|
-
collapsed: this.collapsed,
|
|
25
|
-
expanded: this.expanded
|
|
23
|
+
initial: this.initial(),
|
|
24
|
+
collapsed: this.collapsed(),
|
|
25
|
+
expanded: this.expanded()
|
|
26
26
|
};
|
|
27
27
|
if (this.mediaService.isMobile()) {
|
|
28
28
|
Object.assign(sizes, {
|
|
29
|
-
initial: this.initialMobile,
|
|
30
|
-
collapsed: this.collapsedMobile,
|
|
31
|
-
expanded: this.expandedMobile
|
|
29
|
+
initial: this.initialMobile(),
|
|
30
|
+
collapsed: this.collapsedMobile(),
|
|
31
|
+
expanded: this.expandedMobile()
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
const size = sizes[value];
|
|
@@ -42,11 +42,14 @@ class FlexibleComponent {
|
|
|
42
42
|
_state = 'initial';
|
|
43
43
|
mediaService$$;
|
|
44
44
|
ngOnInit() {
|
|
45
|
-
this.el.nativeElement.
|
|
45
|
+
this.el.nativeElement.classList.add(this.direction());
|
|
46
46
|
// Since this component supports different sizes
|
|
47
47
|
// on mobile, force a redraw when the media changes
|
|
48
48
|
this.mediaService$$ = this.mediaService.media$.subscribe(() => this.cdr.markForCheck());
|
|
49
49
|
}
|
|
50
|
+
ngAfterViewInit() {
|
|
51
|
+
this.state = this._state;
|
|
52
|
+
}
|
|
50
53
|
ngOnDestroy() {
|
|
51
54
|
if (this.mediaService$$) {
|
|
52
55
|
this.mediaService$$.unsubscribe();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"igo2-common-flexible.mjs","sources":["../../../packages/common/flexible/src/flexible.component.ts","../../../packages/common/flexible/src/flexible.component.html","../../../packages/common/flexible/src/flexible.module.ts","../../../packages/common/flexible/src/igo2-common-flexible.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n inject,\n input,\n viewChild\n} from '@angular/core';\n\nimport { MediaService } from '@igo2/core/media';\n\nimport { Subscription } from 'rxjs';\n\nimport { FlexibleDirection, FlexibleState } from './flexible.type';\n\n@Component({\n selector: 'igo-flexible',\n templateUrl: './flexible.component.html',\n styleUrls: ['./flexible.component.scss']\n})\nexport class FlexibleComponent implements OnInit, OnDestroy {\n private el = inject(ElementRef);\n private mediaService = inject(MediaService);\n private cdr = inject(ChangeDetectorRef);\n\n static transitionTime = 250;\n\n readonly main = viewChild<ElementRef>('flexibleMain');\n\n readonly initial = input('0');\n readonly collapsed = input('0');\n readonly expanded = input('100%');\n readonly initialMobile = input('100%');\n readonly collapsedMobile = input('0');\n readonly expandedMobile = input('100%');\n readonly direction = input<FlexibleDirection>('column');\n\n @Input()\n get state(): FlexibleState {\n return this._state;\n }\n set state(value: FlexibleState) {\n const sizes: Record<string, unknown> = {\n initial: this.initial,\n collapsed: this.collapsed,\n expanded: this.expanded\n };\n\n if (this.mediaService.isMobile()) {\n Object.assign(sizes, {\n initial: this.initialMobile,\n collapsed: this.collapsedMobile,\n expanded: this.expandedMobile\n });\n }\n\n const size = sizes[value];\n if (size !== undefined) {\n this.setSize(size as string);\n setTimeout(() => {\n this._state = value;\n }, FlexibleComponent.transitionTime);\n }\n }\n private _state: FlexibleState = 'initial';\n\n private mediaService$$!: Subscription;\n\n ngOnInit() {\n this.el.nativeElement.
|
|
1
|
+
{"version":3,"file":"igo2-common-flexible.mjs","sources":["../../../packages/common/flexible/src/flexible.component.ts","../../../packages/common/flexible/src/flexible.component.html","../../../packages/common/flexible/src/flexible.module.ts","../../../packages/common/flexible/src/igo2-common-flexible.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n inject,\n input,\n viewChild\n} from '@angular/core';\n\nimport { MediaService } from '@igo2/core/media';\n\nimport { Subscription } from 'rxjs';\n\nimport { FlexibleDirection, FlexibleState } from './flexible.type';\n\n@Component({\n selector: 'igo-flexible',\n templateUrl: './flexible.component.html',\n styleUrls: ['./flexible.component.scss']\n})\nexport class FlexibleComponent implements OnInit, AfterViewInit, OnDestroy {\n private el = inject(ElementRef);\n private mediaService = inject(MediaService);\n private cdr = inject(ChangeDetectorRef);\n\n static transitionTime = 250;\n\n readonly main = viewChild<ElementRef>('flexibleMain');\n\n readonly initial = input('0');\n readonly collapsed = input('0');\n readonly expanded = input('100%');\n readonly initialMobile = input('100%');\n readonly collapsedMobile = input('0');\n readonly expandedMobile = input('100%');\n readonly direction = input<FlexibleDirection>('column');\n\n @Input()\n get state(): FlexibleState {\n return this._state;\n }\n set state(value: FlexibleState) {\n const sizes: Record<string, unknown> = {\n initial: this.initial(),\n collapsed: this.collapsed(),\n expanded: this.expanded()\n };\n\n if (this.mediaService.isMobile()) {\n Object.assign(sizes, {\n initial: this.initialMobile(),\n collapsed: this.collapsedMobile(),\n expanded: this.expandedMobile()\n });\n }\n\n const size = sizes[value];\n if (size !== undefined) {\n this.setSize(size as string);\n setTimeout(() => {\n this._state = value;\n }, FlexibleComponent.transitionTime);\n }\n }\n private _state: FlexibleState = 'initial';\n\n private mediaService$$!: Subscription;\n\n ngOnInit() {\n this.el.nativeElement.classList.add(this.direction());\n\n // Since this component supports different sizes\n // on mobile, force a redraw when the media changes\n this.mediaService$$ = this.mediaService.media$.subscribe(() =>\n this.cdr.markForCheck()\n );\n }\n\n ngAfterViewInit() {\n this.state = this._state;\n }\n\n ngOnDestroy() {\n if (this.mediaService$$) {\n this.mediaService$$.unsubscribe();\n }\n }\n\n private setSize(size: string) {\n this._state = 'transition';\n\n const el = this.main()?.nativeElement;\n if (!el) {\n return;\n }\n if (this.direction() === 'column') {\n el.style.height = size;\n } else if (this.direction() === 'row') {\n el.style.width = size;\n }\n }\n}\n","<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction() }}\">\n <div class=\"igo-container\">\n <ng-content />\n </div>\n</div>\n<div class=\"igo-flexible-fill\">\n <div>\n <div class=\"igo-container\">\n <ng-content select=\"[igoFlexibleFill]\" />\n </div>\n </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { FlexibleComponent } from './flexible.component';\n\n/**\n * @deprecated import the FlexibleComponent directly\n */\n@NgModule({\n imports: [FlexibleComponent],\n exports: [FlexibleComponent]\n})\nexport class IgoFlexibleModule {\n static forRoot(): ModuleWithProviders<IgoFlexibleModule> {\n return {\n ngModule: IgoFlexibleModule,\n providers: []\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@igo2/common",
|
|
3
|
-
"version": "21.0.0-next.
|
|
3
|
+
"version": "21.0.0-next.22",
|
|
4
4
|
"description": "IGO Library",
|
|
5
5
|
"author": "IGO Community",
|
|
6
6
|
"keywords": [
|
|
@@ -186,8 +186,8 @@
|
|
|
186
186
|
"@angular/material": "^21.0.0",
|
|
187
187
|
"@angular/platform-browser": "^21.0.0",
|
|
188
188
|
"@floating-ui/utils": "^0.2.0",
|
|
189
|
-
"@igo2/core": "^21.0.0-next.
|
|
190
|
-
"@igo2/utils": "^21.0.0-next.
|
|
189
|
+
"@igo2/core": "^21.0.0-next.22",
|
|
190
|
+
"@igo2/utils": "^21.0.0-next.22",
|
|
191
191
|
"angular-shepherd": "^22.0.0",
|
|
192
192
|
"ngx-color": "^10.1.0",
|
|
193
193
|
"scroll-into-view-if-needed": "^3.1.0",
|
package/style/style.css
CHANGED
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
background-color: #e6e6e6;
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.shepherd-target-click-disabled.shepherd-
|
|
181
|
+
.shepherd-target-click-disabled.shepherd-target-click-disabled.shepherd-target-click-disabled, .shepherd-target-click-disabled.shepherd-target-click-disabled.shepherd-target-click-disabled * {
|
|
182
182
|
pointer-events: none;
|
|
183
183
|
}
|
|
184
184
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy, ElementRef, ModuleWithProviders } from '@angular/core';
|
|
2
|
+
import { OnInit, AfterViewInit, OnDestroy, ElementRef, ModuleWithProviders } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
type FlexibleState = 'initial' | 'collapsed' | 'expanded' | 'transition';
|
|
5
5
|
type FlexibleDirection = 'column' | 'row';
|
|
6
6
|
|
|
7
|
-
declare class FlexibleComponent implements OnInit, OnDestroy {
|
|
7
|
+
declare class FlexibleComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
8
8
|
private el;
|
|
9
9
|
private mediaService;
|
|
10
10
|
private cdr;
|
|
@@ -22,6 +22,7 @@ declare class FlexibleComponent implements OnInit, OnDestroy {
|
|
|
22
22
|
private _state;
|
|
23
23
|
private mediaService$$;
|
|
24
24
|
ngOnInit(): void;
|
|
25
|
+
ngAfterViewInit(): void;
|
|
25
26
|
ngOnDestroy(): void;
|
|
26
27
|
private setSize;
|
|
27
28
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexibleComponent, never>;
|