@alyle/ui
Version:
Minimal Design, a set of components for Angular
1 lines • 7.03 kB
Source Map (JSON)
{"version":3,"file":"alyle-ui-responsive.mjs","sources":["../../../lib/responsive/media.directive.ts","../../../lib/responsive/responsive.module.ts","../../../lib/responsive/media-queries.ts","../../../lib/responsive/alyle-ui-responsive.ts"],"sourcesContent":["import {\n Directive,\n Input,\n OnInit,\n OnChanges,\n Renderer2,\n ElementRef\n} from '@angular/core';\n\nimport { LyTheme2, ThemeVariables } from '@alyle/ui';\n\nconst MEDIA_PRIORITY = 999;\n\nconst styles = {\n hide: {\n display: 'none'\n }\n};\n\n/**\n * @deprecated use `[lyDisplay]` instead.\n */\n@Directive({\n selector: '[lyShow], [lyHide]',\n standalone: false\n})\nexport class MediaDirective implements OnInit, OnChanges {\n private _show: string;\n private _showClass: string;\n private _hide: string;\n private _hideClass: string;\n\n /**\n * Styles\n * @ignore\n */\n classes = this.theme.addStyleSheet(styles);\n\n /**\n * Shows the item when the value is resolved as true\n */\n @Input()\n get lyShow(): string {\n return this._show;\n }\n set lyShow(val: string) {\n this._show = val;\n this._showClass = this.theme.addStyle(`lyMedia-show:${val}`, (theme: ThemeVariables) =>\n ({\n [theme.getBreakpoint(val)]: {\n display: 'block'\n }\n }),\n this._elementRef.nativeElement,\n this._showClass,\n MEDIA_PRIORITY\n );\n }\n\n /**\n * Hides the item when the value is resolved as true\n */\n @Input()\n set lyHide(val: string) {\n this._hide = val;\n this._hideClass = this.theme.addStyle(`lyMedia-hide:${val}`, (theme: ThemeVariables) =>\n ({\n [theme.getBreakpoint(val)]: {\n display: 'none'\n }\n }),\n this._elementRef.nativeElement,\n this._hideClass,\n MEDIA_PRIORITY\n );\n }\n\n get lyHide(): string {\n return this._hide;\n }\n\n constructor(\n private _renderer: Renderer2,\n private _elementRef: ElementRef,\n private theme: LyTheme2\n ) { }\n\n ngOnInit() {\n if (!this.lyHide) {\n this._renderer.addClass(this._elementRef.nativeElement, this.classes.hide);\n }\n }\n\n ngOnChanges() {\n if (this.lyHide && this.lyShow) {\n throw new Error(`use only \\`lyHide\\` or \\`lyShow\\` per element`);\n }\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { MediaDirective } from './media.directive';\nimport { LyCommonModule } from '@alyle/ui';\n\n/**\n * @deprecated use instead `[lyDisplay]` or `[lyStyle]`\n */\n@NgModule({\n declarations: [MediaDirective],\n exports: [MediaDirective, LyCommonModule],\n})\nexport class ResponsiveModule { }\n","export const Breakpoints = {\n XSmall: '(max-width: 599px)',\n Small: '(min-width: 600px) and (max-width: 959px)',\n Medium: '(min-width: 960px) and (max-width: 1279px)',\n Large: '(min-width: 1280px) and (max-width: 1919px)',\n XLarge: '(min-width: 1920px)',\n\n Handset: '(max-width: 599px) and (orientation: portrait), ' +\n '(max-width: 959px) and (orientation: landscape)',\n Tablet: '(min-width: 600px) and (max-width: 839px) and (orientation: portrait), ' +\n '(min-width: 960px) and (max-width: 1279px) and (orientation: landscape)',\n Web: '(min-width: 840px) and (orientation: portrait), ' +\n '(min-width: 1280px) and (orientation: landscape)',\n\n HandsetPortrait: '(max-width: 599px) and (orientation: portrait)',\n TabletPortrait: '(min-width: 600px) and (max-width: 839px) and (orientation: portrait)',\n WebPortrait: '(min-width: 840px) and (orientation: portrait)',\n\n HandsetLandscape: '(max-width: 959px) and (orientation: landscape)',\n TabletLandscape: '(min-width: 960px) and (max-width: 1279px) and (orientation: landscape)',\n WebLandscape: '(min-width: 1280px) and (orientation: landscape)',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}