@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
1 lines • 7.02 kB
Source Map (JSON)
{"version":3,"file":"synergy-design-system-angular-components-validate.mjs","sources":["../../components/validate/validate.component.ts","../../components/validate/synergy-design-system-angular-components-validate.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 { SynValidate } from '@synergy-design-system/components';\n\nimport '@synergy-design-system/components/components/validate/validate.js';\n\n/**\n * @summary Validate provides form field validation messages in a unified way.\n * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n * and showing the validation message in a consistent, user defined way.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-validate--docs\n * @dependency syn-alert\n *\n * @slot - The form field that should be validated.\n * Avoid slotting in more than one element, as subsequent ones will be ignored.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the form field.\n * @csspart alert - The syn-alert that is shown when the variant is set to \"inline\".\n * @csspart alert__base - The container that wraps the alert.\n * @csspart alert__message - The container that wraps the alert message.\n * @csspart alert__icon - The container that wraps the alert icon.\n */\n@Component({\n selector: 'syn-validate',\n standalone: true,\n template: '<ng-content></ng-content>',\n})\nexport class SynValidateComponent {\n public nativeElement: SynValidate;\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 variant that should be used to show validation alerts.\n\nThe following variants are supported:\n- **native** (default): Uses the native browser validation, usually a browser tooltip.\n- **inline**: Show the validation message underneath the element, using a `<syn-alert>`\n */\n @Input()\n set variant(v: SynValidate['variant']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.variant = v));\n }\n get variant(): SynValidate['variant'] {\n return this.nativeElement.variant;\n }\n\n /**\n * Do not show the error icon when using the inline variant validation\n */\n @Input()\n set hideIcon(v: '' | SynValidate['hideIcon']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.hideIcon = v === '' || v),\n );\n }\n get hideIcon(): SynValidate['hideIcon'] {\n return this.nativeElement.hideIcon;\n }\n\n /**\n* Defines the events that trigger the validation.\n`invalid` will always automatically be included.\nYou may also use the `live` keyword to validate on every input change.\n`live` will make sure to listen to the `invalid`, `input` and `blur` events.\n\nPlease have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\nand [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.\n */\n @Input()\n set on(v: SynValidate['on']) {\n this._ngZone.runOutsideAngular(() => (this.nativeElement.on = v));\n }\n get on(): SynValidate['on'] {\n return this.nativeElement.on;\n }\n\n /**\n* Custom validation message to be displayed when the input is invalid.\nWill override the default browser validation message.\nSet to an empty string to reset the validation message.\n */\n @Input()\n set customValidationMessage(v: SynValidate['customValidationMessage']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.customValidationMessage = v),\n );\n }\n get customValidationMessage(): SynValidate['customValidationMessage'] {\n return this.nativeElement.customValidationMessage;\n }\n\n /**\n* Set this to true to validate the input immediately when it is rendered.\nBest used with a `variant` of `inline`.\nWhen setting eager, the input will not be focused automatically.\n\nWhen using a `variant` of `native` the browser will focus\nthe last eager field as it is using a tooltip.\nIn this case it is better to just provide one eager field.\n */\n @Input()\n set eager(v: '' | SynValidate['eager']) {\n this._ngZone.runOutsideAngular(\n () => (this.nativeElement.eager = v === '' || v),\n );\n }\n get eager(): SynValidate['eager'] {\n return this.nativeElement.eager;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './validate.component';\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAcA;;;;;;;;;;;;;;;;AAgBG;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;;;;;;AAMC;IACD,IACI,OAAO,CAAC,CAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;;AAExE,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;;AAGpC;;;;;;;;AAQC;IACD,IACI,EAAE,CAAC,CAAoB,EAAA;AACzB,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;;AAEnE,IAAA,IAAI,EAAE,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE;;AAG9B;;;;AAIC;IACD,IACI,uBAAuB,CAAC,CAAyC,EAAA;AACnE,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,uBAAuB,GAAG,CAAC,CAAC,CACvD;;AAEH,IAAA,IAAI,uBAAuB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,uBAAuB;;AAGnD;;;;;;;;AAQC;IACD,IACI,KAAK,CAAC,CAA4B,EAAA;QACpC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACjD;;AAEH,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK;;uGArFtB,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,4MAFrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAE1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACtC,iBAAA;oGAkBK,OAAO,EAAA,CAAA;sBADV;gBAYG,QAAQ,EAAA,CAAA;sBADX;gBAoBG,EAAE,EAAA,CAAA;sBADL;gBAcG,uBAAuB,EAAA,CAAA;sBAD1B;gBAoBG,KAAK,EAAA,CAAA;sBADR;;;ACtHH;;AAEG;;;;"}