UNPKG

@igo2/common

Version:
1 lines 8.63 kB
{"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 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 standalone: true\n})\nexport class FlexibleComponent implements OnInit, OnDestroy {\n static transitionTime = 250;\n\n @ViewChild('flexibleMain', { static: true }) main;\n\n @Input()\n get initial(): string {\n return this._initial;\n }\n set initial(value: string) {\n this._initial = value;\n }\n private _initial = '0';\n\n @Input()\n get collapsed(): string {\n return this._collapsed;\n }\n set collapsed(value: string) {\n this._collapsed = value;\n }\n private _collapsed = '0';\n\n @Input()\n get expanded(): string {\n return this._expanded;\n }\n set expanded(value: string) {\n this._expanded = value;\n }\n private _expanded = '100%';\n\n @Input()\n get initialMobile(): string {\n return this._initialMobile;\n }\n set initialMobile(value: string) {\n this._initialMobile = value;\n }\n private _initialMobile: string = this.expanded;\n\n @Input()\n get collapsedMobile(): string {\n return this._collapsedMobile;\n }\n set collapsedMobile(value: string) {\n this._collapsedMobile = value;\n }\n private _collapsedMobile: string = this.collapsed;\n\n @Input()\n get expandedMobile(): string {\n return this._expandedMobile;\n }\n set expandedMobile(value: string) {\n this._expandedMobile = value;\n }\n private _expandedMobile: string = this.expanded;\n\n @Input()\n get direction(): FlexibleDirection {\n return this._direction;\n }\n set direction(value: FlexibleDirection) {\n this._direction = value;\n }\n private _direction: FlexibleDirection = 'column';\n\n @Input()\n get state(): FlexibleState {\n return this._state;\n }\n set state(value: FlexibleState) {\n const sizes = {\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);\n setTimeout(() => {\n this._state = value;\n }, FlexibleComponent.transitionTime);\n }\n }\n private _state: FlexibleState = 'initial';\n\n private mediaService$$: Subscription;\n\n constructor(\n private el: ElementRef,\n private mediaService: MediaService,\n private cdr: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n this.el.nativeElement.className += 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 ngOnDestroy() {\n if (this.mediaService$$) {\n this.mediaService$$.unsubscribe();\n }\n }\n\n private setSize(size: string) {\n this._state = 'transition';\n\n if (this.direction === 'column') {\n this.main.nativeElement.style.height = size;\n } else if (this.direction === 'row') {\n this.main.nativeElement.style.width = size;\n }\n }\n}\n","<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n <div class=\"igo-container\">\n <ng-content></ng-content>\n </div>\n</div>\n<div class=\"igo-flexible-fill\">\n <div>\n <div class=\"igo-container\">\n <ng-content select=\"[igoFlexibleFill]\"></ng-content>\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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"}