@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 6.13 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-menu-item.mjs","sources":["../../components/menu-item/menu-item.component.ts","../../components/menu-item/synergy-design-system-angular-components-menu-item.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 { SynMenuItem } from '@synergy-design-system/components';\n\nimport '@synergy-design-system/components/components/menu-item/menu-item.js';\n\n/**\n * @summary Menu items provide options for the user to pick from in a menu.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu-item--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-popup\n * @dependency syn-spinner\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n * @slot submenu - Used to denote a nested menu.\n *\n * @csspart base - The component's base wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n * @csspart spinner - The spinner that shows when the menu item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart submenu-icon - The submenu icon, visible only when the menu item has a submenu (not yet implemented).\n *\n * @cssproperty [--submenu-offset=-2px] - The distance submenus shift to overlap the parent menu.\n */\n@Component({\n selector: 'syn-menu-item',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynMenuItemComponent {\n public nativeElement: SynMenuItem;\n private _ngZone: NgZone;\n\n constructor(e: ElementRef, ngZone: NgZone) {\n this.nativeElement = e.nativeElement;\n this._ngZone = ngZone;\n }\n\n /**\n * The type of menu item to render.\n * To use `checked`, this value must be set to `checkbox`.\n */\n @Input()\n set type(v: SynMenuItem['type']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.type = v));\n }\n get type(): SynMenuItem['type'] {\n return this.nativeElement.type;\n }\n\n /**\n * Draws the item in a checked state.\n */\n @Input()\n set checked(v: '' | SynMenuItem['checked']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.checked = v === '' || v),\n );\n }\n get checked(): SynMenuItem['checked'] {\n return this.nativeElement.checked;\n }\n\n /**\n * A unique value to store in the menu item.\n * This can be used as a way to identify menu items when selected.\n */\n @Input()\n set value(v: SynMenuItem['value']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.value = v));\n }\n get value(): SynMenuItem['value'] {\n return this.nativeElement.value;\n }\n\n /**\n * Draws the menu item in a loading state.\n */\n @Input()\n set loading(v: '' | SynMenuItem['loading']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.loading = v === '' || v),\n );\n }\n get loading(): SynMenuItem['loading'] {\n return this.nativeElement.loading;\n }\n\n /**\n * Draws the menu item in a disabled state, preventing selection.\n */\n @Input()\n set disabled(v: '' | SynMenuItem['disabled']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.disabled = v === '' || v),\n );\n }\n get disabled(): SynMenuItem['disabled'] {\n return this.nativeElement.disabled;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './menu-item.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAcA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;MAMU,oBAAoB,CAAA;AACxB,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;;AAGvB;;;AAGG;IACH,IACI,IAAI,CAAC,CAAsB,EAAA;AAC7B,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;;AAErE,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI;;AAGhC;;AAEG;IACH,IACI,OAAO,CAAC,CAA8B,EAAA;QACxC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACnD;;AAEH,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO;;AAGnC;;;AAGG;IACH,IACI,KAAK,CAAC,CAAuB,EAAA;AAC/B,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;;AAEG;IACH,IACI,OAAO,CAAC,CAA8B,EAAA;QACxC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACnD;;AAEH,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO;;AAGnC;;AAEG;IACH,IACI,QAAQ,CAAC,CAA+B,EAAA;QAC1C,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACpD;;AAEH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ;;uGArEzB,oBAAoB,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;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,iLAFrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAE1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACtC,iBAAA;oGAeK,IAAI,EAAA,CAAA;sBADP;gBAYG,OAAO,EAAA,CAAA;sBADV;gBAeG,KAAK,EAAA,CAAA;sBADR;gBAYG,OAAO,EAAA,CAAA;sBADV;gBAcG,QAAQ,EAAA,CAAA;sBADX;;;AC/GH;;AAEG;;;;"}