@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 7.42 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-header.mjs","sources":["../../components/header/header.component.ts","../../components/header/synergy-design-system-angular-components-header.ts"],"sourcesContent":["// ---------------------------------------------------------------------\n// 🔒 AUTOGENERATED @synergy-design-system/angular wrappers for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\nimport {\n Component,\n ElementRef,\n NgZone,\n Input,\n Output,\n EventEmitter,\n AfterContentInit,\n} from '@angular/core';\nimport type { SynHeader } from '@synergy-design-system/components';\nimport type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';\nimport type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';\nimport type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';\nimport '@synergy-design-system/components/components/header/header.js';\n\n/**\n * @summary The <syn-header /> element provides a generic application header\n * that can be used to add applications name, toolbar and primary navigation.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs\n * @status stable\n * @since 1.10.0\n *\n * @slot label - The label for the header\n * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided\n * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons\n * Best used with `<syn-icon-button />` and `<syn-drop-down />`\n * @slot navigation - This slot can be used to add an optional horizontal navigation\n * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.\n * The default close icon is a 'x'.\n * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.\n * The default open icon is a burger menu.\n *\n * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed\n * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden\n * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open\n *\n * @csspart base - The component's base wrapper\n * @csspart content - The wrapper most content items reside\n * @csspart logo - The wrapper the application logo resides in\n * @csspart label - The element wrapping the application name\n * @csspart meta-navigation - The Item wrapping the optional application menu\n * @csspart navigation - The wrapper that is holding the optional top navigation section\n * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n */\n@Component({\n selector: 'syn-header',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynHeaderComponent {\n public nativeElement: SynHeader;\n private _ngZone: NgZone;\n\n constructor(e: ElementRef, ngZone: NgZone) {\n this.nativeElement = e.nativeElement;\n this._ngZone = ngZone;\n this.nativeElement.addEventListener(\n 'syn-burger-menu-closed',\n (e: SynBurgerMenuClosedEvent) => {\n this.synBurgerMenuClosedEvent.emit(e);\n },\n );\n this.nativeElement.addEventListener(\n 'syn-burger-menu-hidden',\n (e: SynBurgerMenuHiddenEvent) => {\n this.synBurgerMenuHiddenEvent.emit(e);\n },\n );\n this.nativeElement.addEventListener(\n 'syn-burger-menu-open',\n (e: SynBurgerMenuOpenEvent) => {\n this.synBurgerMenuOpenEvent.emit(e);\n },\n );\n }\n\n /**\n * The headers label.\n * If you need to display HTML, use the `label` slot instead.\n */\n @Input()\n set label(v: SynHeader['label']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.label = v));\n }\n get label(): SynHeader['label'] {\n return this.nativeElement.label;\n }\n\n /**\n* Defines the current visibility and icon of the burger-menu icon.\nThe menu button is added automatically if the component finds a syn-side-nav in\nvariant=\"default\".\nThe following values can be used:\n- hidden: The burger menu is not visible\n- open: The burger menu is visible and shows the close icon\n- closed: The burger menu is visible and shows the open icon\n */\n @Input()\n set burgerMenu(v: SynHeader['burgerMenu']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.burgerMenu = v));\n }\n get burgerMenu(): SynHeader['burgerMenu'] {\n return this.nativeElement.burgerMenu;\n }\n\n /**\n * Emitted when the burger menu is toggled to closed\n */\n @Output() synBurgerMenuClosedEvent =\n new EventEmitter<SynBurgerMenuClosedEvent>();\n\n /**\n * Emitted when the burger menu is toggled to hidden\n */\n @Output() synBurgerMenuHiddenEvent =\n new EventEmitter<SynBurgerMenuHiddenEvent>();\n\n /**\n * Emitted when the burger menu is toggled to open\n */\n @Output() synBurgerMenuOpenEvent = new EventEmitter<SynBurgerMenuOpenEvent>();\n}\n\nexport type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';\nexport type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';\nexport type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './header.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BG;MAMU,kBAAkB,CAAA;AACtB,IAAA,aAAa;AACZ,IAAA,OAAO;IAEf,WAAY,CAAA,CAAa,EAAE,MAAc,EAAA;AACvC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,aAAa;AACpC,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM;QACrB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CACjC,wBAAwB,EACxB,CAAC,CAA2B,KAAI;AAC9B,YAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AACvC,SAAC,CACF;QACD,IAAI,CAAC,aAAa,CAAC,gBAAgB,CACjC,wBAAwB,EACxB,CAAC,CAA2B,KAAI;AAC9B,YAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AACvC,SAAC,CACF;QACD,IAAI,CAAC,aAAa,CAAC,gBAAgB,CACjC,sBAAsB,EACtB,CAAC,CAAyB,KAAI;AAC5B,YAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;AACrC,SAAC,CACF;;AAGH;;;AAGG;IACH,IACI,KAAK,CAAC,CAAqB,EAAA;AAC7B,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;;AAEtE,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK;;AAGjC;;;;;;;;AAQC;IACD,IACI,UAAU,CAAC,CAA0B,EAAA;AACvC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;;AAE3E,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU;;AAGtC;;AAEG;AACO,IAAA,wBAAwB,GAChC,IAAI,YAAY,EAA4B;AAE9C;;AAEG;AACO,IAAA,wBAAwB,GAChC,IAAI,YAAY,EAA4B;AAE9C;;AAEG;AACO,IAAA,sBAAsB,GAAG,IAAI,YAAY,EAA0B;uGAvElE,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uSAFnB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAE1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACtC,iBAAA;oGAiCK,KAAK,EAAA,CAAA;sBADR;gBAkBG,UAAU,EAAA,CAAA;sBADb;gBAWS,wBAAwB,EAAA,CAAA;sBAAjC;gBAMS,wBAAwB,EAAA,CAAA;sBAAjC;gBAMS,sBAAsB,EAAA,CAAA;sBAA/B;;;AC9HH;;AAEG;;;;"}