@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 16.1 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-button.mjs","sources":["../../components/button/button.component.ts","../../components/button/synergy-design-system-angular-components-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 { SynButton } from '@synergy-design-system/components';\nimport type { SynBlurEvent } from '@synergy-design-system/components';\nimport type { SynFocusEvent } from '@synergy-design-system/components';\nimport type { SynInvalidEvent } from '@synergy-design-system/components';\nimport '@synergy-design-system/components/components/button/button.js';\n\n/**\n * @summary Buttons represent actions that are available to the user.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-button--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-spinner\n *\n * @event syn-blur - Emitted when the button loses focus.\n * @event syn-focus - Emitted when the button gains focus.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<syn-icon>` element.\n * @csspart spinner - The spinner that shows when the button is in the loading state.\n */\n@Component({\n selector: 'syn-button',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynButtonComponent {\n public nativeElement: SynButton;\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 this.nativeElement.addEventListener('syn-invalid', (e: SynInvalidEvent) => {\n this.synInvalidEvent.emit(e);\n });\n }\n\n @Input()\n set title(v: SynButton['title']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.title = v));\n }\n get title(): SynButton['title'] {\n return this.nativeElement.title;\n }\n\n /**\n * The button's theme variant.\n */\n @Input()\n set variant(v: SynButton['variant']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.variant = v));\n }\n get variant(): SynButton['variant'] {\n return this.nativeElement.variant;\n }\n\n /**\n * The button's size.\n */\n @Input()\n set size(v: SynButton['size']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.size = v));\n }\n get size(): SynButton['size'] {\n return this.nativeElement.size;\n }\n\n /**\n * Draws the button with a caret.\n * Used to indicate that the button triggers a dropdown menu or similar behavior.\n */\n @Input()\n set caret(v: '' | SynButton['caret']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.caret = v === '' || v),\n );\n }\n get caret(): SynButton['caret'] {\n return this.nativeElement.caret;\n }\n\n /**\n * Disables the button.\n */\n @Input()\n set disabled(v: '' | SynButton['disabled']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.disabled = v === '' || v),\n );\n }\n get disabled(): SynButton['disabled'] {\n return this.nativeElement.disabled;\n }\n\n /**\n * Draws the button in a loading state.\n */\n @Input()\n set loading(v: '' | SynButton['loading']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.loading = v === '' || v),\n );\n }\n get loading(): SynButton['loading'] {\n return this.nativeElement.loading;\n }\n\n /**\n* The type of button.\n* Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave.\n* When the type is `submit`, the button will submit the surrounding form.\n */\n @Input()\n set type(v: SynButton['type']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.type = v));\n }\n get type(): SynButton['type'] {\n return this.nativeElement.type;\n }\n\n /**\n* The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.\n */\n @Input()\n set name(v: SynButton['name']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.name = v));\n }\n get name(): SynButton['name'] {\n return this.nativeElement.name;\n }\n\n /**\n* The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter.\n* This attribute is ignored when `href` is present.\n */\n @Input()\n set value(v: SynButton['value']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.value = v));\n }\n get value(): SynButton['value'] {\n return this.nativeElement.value;\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: SynButton['href']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.href = v));\n }\n get href(): SynButton['href'] {\n return this.nativeElement.href;\n }\n\n /**\n * Tells the browser where to open the link.\n * Only used when `href` is present.\n */\n @Input()\n set target(v: SynButton['target']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.target = v));\n }\n get target(): SynButton['target'] {\n return this.nativeElement.target;\n }\n\n /**\n* When using `href`, this attribute will map to the underlying link's `rel` attribute.\n* Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits.\n* However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly.\n* You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.\n */\n @Input()\n set rel(v: SynButton['rel']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.rel = v));\n }\n get rel(): SynButton['rel'] {\n return this.nativeElement.rel;\n }\n\n /**\n * Tells the browser to download the linked file as this filename.\n * Only used when `href` is present.\n */\n @Input()\n set download(v: SynButton['download']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.download = v));\n }\n get download(): SynButton['download'] {\n return this.nativeElement.download;\n }\n\n /**\n* The \"form owner\" to associate the button with.\n* If omitted, the closest containing form will be used instead.\n* The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.\n */\n @Input()\n set form(v: SynButton['form']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.form = v));\n }\n get form(): SynButton['form'] {\n return this.nativeElement.form;\n }\n\n /**\n * Used to override the form owner's `action` attribute.\n */\n @Input()\n set formAction(v: SynButton['formAction']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.formAction = v));\n }\n get formAction(): SynButton['formAction'] {\n return this.nativeElement.formAction;\n }\n\n /**\n * Used to override the form owner's `enctype` attribute.\n */\n @Input()\n set formEnctype(v: SynButton['formEnctype']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.formEnctype = v));\n }\n get formEnctype(): SynButton['formEnctype'] {\n return this.nativeElement.formEnctype;\n }\n\n /**\n * Used to override the form owner's `method` attribute.\n */\n @Input()\n set formMethod(v: SynButton['formMethod']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.formMethod = v));\n }\n get formMethod(): SynButton['formMethod'] {\n return this.nativeElement.formMethod;\n }\n\n /**\n * Used to override the form owner's `novalidate` attribute.\n */\n @Input()\n set formNoValidate(v: '' | SynButton['formNoValidate']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.formNoValidate = v === '' || v),\n );\n }\n get formNoValidate(): SynButton['formNoValidate'] {\n return this.nativeElement.formNoValidate;\n }\n\n /**\n * Used to override the form owner's `target` attribute.\n */\n @Input()\n set formTarget(v: SynButton['formTarget']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.formTarget = v));\n }\n get formTarget(): SynButton['formTarget'] {\n return this.nativeElement.formTarget;\n }\n\n /**\n * Emitted when the button loses focus.\n */\n @Output() synBlurEvent = new EventEmitter<SynBlurEvent>();\n\n /**\n * Emitted when the button gains focus.\n */\n @Output() synFocusEvent = new EventEmitter<SynFocusEvent>();\n\n /**\n * Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n */\n @Output() synInvalidEvent = new EventEmitter<SynInvalidEvent>();\n}\n\nexport type { SynBlurEvent } from '@synergy-design-system/components';\nexport type { SynFocusEvent } from '@synergy-design-system/components';\nexport type { SynInvalidEvent } from '@synergy-design-system/components';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './button.component';\n"],"names":[],"mappings":"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"}