@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 9.44 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-icon-button.mjs","sources":["../../components/icon-button/icon-button.component.ts","../../components/icon-button/synergy-design-system-angular-components-icon-button.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 { SynIconButton } from '@synergy-design-system/components';\nimport type { SynBlurEvent } from '@synergy-design-system/components';\nimport type { SynFocusEvent } from '@synergy-design-system/components';\nimport '@synergy-design-system/components/components/icon-button/icon-button.js';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon-button--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @event syn-blur - Emitted when the icon button loses focus.\n * @event syn-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\n@Component({\n selector: 'syn-icon-button',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynIconButtonComponent {\n public nativeElement: SynIconButton;\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-blur', (e: SynBlurEvent) => {\n this.synBlurEvent.emit(e);\n });\n this.nativeElement.addEventListener('syn-focus', (e: SynFocusEvent) => {\n this.synFocusEvent.emit(e);\n });\n }\n\n /**\n * The name of the icon to draw.\n * Available names depend on the icon library being used.\n */\n @Input()\n set name(v: SynIconButton['name']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.name = v));\n }\n get name(): SynIconButton['name'] {\n return this.nativeElement.name;\n }\n\n /**\n * The name of a registered custom icon library.\n */\n @Input()\n set library(v: SynIconButton['library']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.library = v));\n }\n get library(): SynIconButton['library'] {\n return this.nativeElement.library;\n }\n\n /**\n* An external URL of an SVG file.\n* Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.\n */\n @Input()\n set src(v: SynIconButton['src']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.src = v));\n }\n get src(): SynIconButton['src'] {\n return this.nativeElement.src;\n }\n\n /**\n * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.\n */\n @Input()\n set href(v: SynIconButton['href']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.href = v));\n }\n get href(): SynIconButton['href'] {\n return this.nativeElement.href;\n }\n\n /**\n * Tells the browser where to open the link.\n * Only used when `href` is set.\n */\n @Input()\n set target(v: SynIconButton['target']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.target = v));\n }\n get target(): SynIconButton['target'] {\n return this.nativeElement.target;\n }\n\n /**\n * Tells the browser to download the linked file as this filename.\n * Only used when `href` is set.\n */\n @Input()\n set download(v: SynIconButton['download']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.download = v));\n }\n get download(): SynIconButton['download'] {\n return this.nativeElement.download;\n }\n\n /**\n* A description that gets read by assistive devices.\n* For optimal accessibility, you should always include a label\nthat describes what the icon button does.\n */\n @Input()\n set label(v: SynIconButton['label']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.label = v));\n }\n get label(): SynIconButton['label'] {\n return this.nativeElement.label;\n }\n\n /**\n * The icon button's size.\n */\n @Input()\n set size(v: SynIconButton['size']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.size = v));\n }\n get size(): SynIconButton['size'] {\n return this.nativeElement.size;\n }\n\n /**\n* The color of the icon button.\nThe default \"currentColor\" makes it possible to easily style the icon button from outside without any CSS variables.\n */\n @Input()\n set color(v: SynIconButton['color']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.color = v));\n }\n get color(): SynIconButton['color'] {\n return this.nativeElement.color;\n }\n\n /**\n * Disables the button.\n */\n @Input()\n set disabled(v: '' | SynIconButton['disabled']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.disabled = v === '' || v),\n );\n }\n get disabled(): SynIconButton['disabled'] {\n return this.nativeElement.disabled;\n }\n\n /**\n * Emitted when the icon button loses focus.\n */\n @Output() synBlurEvent = new EventEmitter<SynBlurEvent>();\n\n /**\n * Emitted when the icon button gains focus.\n */\n @Output() synFocusEvent = new EventEmitter<SynFocusEvent>();\n}\n\nexport type { SynBlurEvent } from '@synergy-design-system/components';\nexport type { SynFocusEvent } from '@synergy-design-system/components';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './icon-button.component';\n"],"names":[],"mappings":"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"}