UNPKG

@synergy-design-system/angular

Version:
1 lines 4.26 kB
{"version":3,"file":"synergy-design-system-angular-components-tag.mjs","sources":["../../components/tag/tag.component.ts","../../components/tag/synergy-design-system-angular-components-tag.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 { SynTag } from '@synergy-design-system/components';\nimport type { SynRemoveEvent } from '@synergy-design-system/components';\nimport '@synergy-design-system/components/components/tag/tag.js';\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The tag's content.\n *\n * @event syn-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<syn-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n@Component({\n selector: 'syn-tag',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynTagComponent {\n public nativeElement: SynTag;\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-remove', (e: SynRemoveEvent) => {\n this.synRemoveEvent.emit(e);\n });\n }\n\n /**\n * The tag's size.\n */\n @Input()\n set size(v: SynTag['size']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.size = v));\n }\n get size(): SynTag['size'] {\n return this.nativeElement.size;\n }\n\n /**\n * Makes the tag removable and shows a remove button.\n */\n @Input()\n set removable(v: '' | SynTag['removable']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.removable = v === '' || v),\n );\n }\n get removable(): SynTag['removable'] {\n return this.nativeElement.removable;\n }\n\n /**\n * Emitted when the remove button is activated.\n */\n @Output() synRemoveEvent = new EventEmitter<SynRemoveEvent>();\n}\n\nexport type { SynRemoveEvent } from '@synergy-design-system/components';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './tag.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAcA;;;;;;;;;;;;;;;;AAgBG;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,YAAY,EAAE,CAAC,CAAiB,KAAI;AACtE,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7B,SAAC,CAAC;;AAGJ;;AAEG;IACH,IACI,IAAI,CAAC,CAAiB,EAAA;AACxB,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,SAAS,CAAC,CAA2B,EAAA;QACvC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACrD;;AAEH,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS;;AAGrC;;AAEG;AACO,IAAA,cAAc,GAAG,IAAI,YAAY,EAAkB;uGAvClD,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,oKAFhB,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;oGAiBK,IAAI,EAAA,CAAA;sBADP;gBAYG,SAAS,EAAA,CAAA;sBADZ;gBAaS,cAAc,EAAA,CAAA;sBAAvB;;;AC/EH;;AAEG;;;;"}