@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 5.5 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-tab.mjs","sources":["../../components/tab/tab.component.ts","../../components/tab/synergy-design-system-angular-components-tab.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 { SynTab } from '@synergy-design-system/components';\nimport type { SynCloseEvent } from '@synergy-design-system/components';\nimport '@synergy-design-system/components/components/tab/tab.js';\n\n/**\n * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The tab's label.\n *\n * @event syn-close - Emitted when the tab is closable and the close button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n */\n@Component({\n selector: 'syn-tab',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynTabComponent {\n public nativeElement: SynTab;\n private _ngZone: NgZone;\n\n constructor(e: ElementRef, ngZone: NgZone) {\n this.nativeElement = e.nativeElement;\n this._ngZone = ngZone;\n this.nativeElement.addEventListener('syn-close', (e: SynCloseEvent) => {\n this.synCloseEvent.emit(e);\n });\n }\n\n /**\n * The name of the tab panel this tab is associated with.\n * The panel must be located in the same tab group.\n */\n @Input()\n set panel(v: SynTab['panel']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.panel = v));\n }\n get panel(): SynTab['panel'] {\n return this.nativeElement.panel;\n }\n\n /**\n * Draws the tab in an active state.\n */\n @Input()\n set active(v: '' | SynTab['active']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.active = v === '' || v),\n );\n }\n get active(): SynTab['active'] {\n return this.nativeElement.active;\n }\n\n /**\n * Makes the tab closable and shows a close button.\n */\n @Input()\n set closable(v: '' | SynTab['closable']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.closable = v === '' || v),\n );\n }\n get closable(): SynTab['closable'] {\n return this.nativeElement.closable;\n }\n\n /**\n * Disables the tab and prevents selection.\n */\n @Input()\n set disabled(v: '' | SynTab['disabled']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.disabled = v === '' || v),\n );\n }\n get disabled(): SynTab['disabled'] {\n return this.nativeElement.disabled;\n }\n\n /**\n * Emitted when the tab is closable and the close button is activated.\n */\n @Output() synCloseEvent = new EventEmitter<SynCloseEvent>();\n}\n\nexport type { SynCloseEvent } from '@synergy-design-system/components';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './tab.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAcA;;;;;;;;;;;;;;;AAeG;MAMU,eAAe,CAAA;AACnB,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,CAAC,WAAW,EAAE,CAAC,CAAgB,KAAI;AACpE,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5B,SAAC,CAAC;;AAGJ;;;AAGG;IACH,IACI,KAAK,CAAC,CAAkB,EAAA;AAC1B,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,MAAM,CAAC,CAAwB,EAAA;QACjC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAClD;;AAEH,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM;;AAGlC;;AAEG;IACH,IACI,QAAQ,CAAC,CAA0B,EAAA;QACrC,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;;AAGpC;;AAEG;IACH,IACI,QAAQ,CAAC,CAA0B,EAAA;QACrC,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;;AAGpC;;AAEG;AACO,IAAA,aAAa,GAAG,IAAI,YAAY,EAAiB;uGAlEhD,eAAe,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;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,0MAFhB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAE1B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACtC,iBAAA;oGAkBK,KAAK,EAAA,CAAA;sBADR;gBAYG,MAAM,EAAA,CAAA;sBADT;gBAcG,QAAQ,EAAA,CAAA;sBADX;gBAcG,QAAQ,EAAA,CAAA;sBADX;gBAaS,aAAa,EAAA,CAAA;sBAAtB;;;ACzGH;;AAEG;;;;"}