@alyle/ui
Version:
Minimal Design, a set of components for Angular
1 lines • 8.9 kB
Source Map (JSON)
{"version":3,"file":"alyle-ui-toolbar.mjs","sources":["../../../lib/toolbar/toolbar.ts","../../../lib/toolbar/toolbar.module.ts","../../../lib/toolbar/alyle-ui-toolbar.ts"],"sourcesContent":["import {\n Directive,\n Renderer2,\n ElementRef,\n Input,\n OnInit,\n OnChanges,\n} from '@angular/core';\nimport {\n LyTheme2,\n mixinBg,\n mixinColor,\n mixinDisabled,\n mixinElevation,\n mixinOutlined,\n mixinRaised,\n mixinShadowColor,\n mixinStyleUpdater,\n ThemeVariables,\n st2c,\n StyleCollection,\n LyClasses,\n StyleTemplate,\n ThemeRef,\n StyleRenderer,\n Style } from '@alyle/ui';\n\nexport interface LyToolbarTheme {\n /** Styles for Toolbar Component */\n root?: StyleCollection<((classes: LyClasses<typeof STYLES>) => StyleTemplate)>\n | ((classes: LyClasses<typeof STYLES>) => StyleTemplate);\n appearance?: {\n [key: string]: StyleCollection<((classes: LyClasses<typeof STYLES>) => StyleTemplate)>\n | ((classes: LyClasses<typeof STYLES>) => StyleTemplate)\n };\n}\n\nexport interface LyToolbarVariables {\n toolbar?: LyToolbarTheme;\n}\n\nconst STYLE_PRIORITY = -2;\nconst DEFAULT_POSITION = 'fixed';\nconst DEFAULT_BG = 'background:tertiary';\n\nexport const STYLES = (theme: ThemeVariables & LyToolbarVariables, ref: ThemeRef) => {\n const __ = ref.selectorsOf(STYLES);\n return {\n $priority: STYLE_PRIORITY,\n root: () => (_className: string) => `${_className}{padding:0 16px;display:flex;box-sizing:border-box;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:64px;z-index:${theme.zIndex.toolbar};}@media ${theme.breakpoints['XSmall']}{${_className}{height:56px;}}${st2c((\n (theme.toolbar\n && theme.toolbar.root\n && (theme.toolbar.root instanceof StyleCollection\n ? theme.toolbar.root.setTransformer(fn => fn(__)).css\n : theme.toolbar.root(__))\n )), `${_className}`)}`\n };\n};\n\ntype position = 'static' | 'absolute' | 'fixed' | 'sticky' | 'relative';\n\n/** @docs-private */\nexport class LyToolbarBase {\n constructor(\n public _theme: LyTheme2\n ) { }\n}\n\n/** @docs-private */\nexport const LyToolbarMixinBase = mixinStyleUpdater(\n mixinBg(\n mixinColor(\n mixinRaised(\n mixinDisabled(\n mixinOutlined(\n mixinElevation(\n mixinShadowColor(LyToolbarBase))))))));\n/**\n * @dynamic\n */\n@Directive({\n selector: 'ly-toolbar',\n inputs: [\n 'bg',\n 'color',\n 'raised',\n 'outlined',\n 'elevation',\n 'shadowColor'\n ],\n providers: [\n StyleRenderer\n ],\n standalone: false\n})\nexport class LyToolbar extends LyToolbarMixinBase implements OnChanges, OnInit {\n static readonly и = 'LyToolbar';\n static readonly $priority = STYLE_PRIORITY;\n\n /**\n * Styles\n * @docs-private\n */\n readonly classes = this.theme.renderStyleSheet(STYLES);\n\n @Input()\n @Style<position>(\n (val, media) => ({breakpoints}: ThemeVariables) => (\n (_className: string) => `@media ${(media && breakpoints[media]) || 'all'}{${_className}{position:${val};}}`\n )\n )\n position: position;\n\n @Input()\n @Style(\n (val) => (theme: ThemeVariables & LyToolbarVariables, ref: ThemeRef) => {\n const classes = ref.selectorsOf(STYLES);\n if (theme.toolbar && theme.toolbar.appearance) {\n const appearance = theme.toolbar.appearance[val];\n if (appearance) {\n return appearance instanceof StyleCollection\n ? appearance.setTransformer((_) => _(classes)).css\n : appearance(classes);\n }\n }\n throw new Error(`${val} not found in theme.field.appearance`);\n }\n )\n appearance: string;\n\n constructor(\n _renderer: Renderer2,\n private _el: ElementRef,\n private theme: LyTheme2,\n readonly sRenderer: StyleRenderer\n ) {\n super(theme);\n this.setAutoContrast();\n _renderer.addClass(this._el.nativeElement, this.classes.root);\n }\n\n ngOnChanges() {\n this.updateStyle(this._el);\n }\n\n ngOnInit() {\n if (!this.position) {\n this.position = DEFAULT_POSITION;\n }\n if (!this.bg) {\n this.bg = DEFAULT_BG;\n this.updateStyle(this._el);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LyCommonModule } from '@alyle/ui';\nimport { LyToolbar } from './toolbar';\n\n@NgModule({\n imports: [CommonModule, LyCommonModule],\n exports: [LyToolbar, LyCommonModule],\n declarations: [LyToolbar]\n})\nexport class LyToolbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}