barsa-novin-ray-core 2.2.50 → 2.2.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,11 +3,11 @@ import * as i0 from "@angular/core";
3
3
  import * as i1 from "../pipes/bbb-translate.pipe";
4
4
  export class ButtonLoadingComponent {
5
5
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonLoadingComponent, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonLoadingComponent, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading || !valid\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
7
7
  }
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoadingComponent, decorators: [{
9
9
  type: Component,
10
- args: [{ selector: 'bnrc-button-loading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"] }]
10
+ args: [{ selector: 'bnrc-button-loading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading || !valid\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"] }]
11
11
  }], propDecorators: { valid: [{
12
12
  type: Input
13
13
  }], loading: [{
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
17
17
  }], transparent: [{
18
18
  type: Input
19
19
  }] } });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etbm92aW4tcmF5LWNvcmUvc3JjL2xpYi9idXR0b24tbG9hZGluZy9idXR0b24tbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1ub3Zpbi1yYXktY29yZS9zcmMvbGliL2J1dHRvbi1sb2FkaW5nL2J1dHRvbi1sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTMUUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IscUpDVG5DLDJlQWFBOzs0RkRKYSxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSzs4QkFHUixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdibnJjLWJ1dHRvbi1sb2FkaW5nJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uTG9hZGluZ0NvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB2YWxpZDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0cmFuc3BhcmVudDogYm9vbGVhbjtcclxufVxyXG4iLCI8IS0tIDxidXR0b24gY2xhc3M9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwibG9hZGluZ1wiPlxyXG4gICAgPGkgW2NsYXNzLiF0dy1oaWRkZW5dPVwiIWxvYWRpbmdcIiBjbGFzcz1cImZhIGZhLWNpcmNsZS1vLW5vdGNoIGZhLXNwaW5cIj48L2lcclxuICAgID57eyAobG9hZGluZyA/ICdXYWl0JyA6IHRleHQpIHwgYmJiVHJhbnNsYXRlIH19XHJcbjwvYnV0dG9uPiAtLT5cclxuPGJ1dHRvblxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICBjbGFzcz1cImJ1dHRvbiB0dy1yb3VuZGVkLWxnXCJcclxuICAgIFtjbGFzcy5idXR0b24tLWxvYWRpbmddPVwibG9hZGluZ1wiXHJcbiAgICBbZGlzYWJsZWRdPVwibG9hZGluZ1wiXHJcbiAgICBbY2xhc3MudHJhbnNwYXJlbnRdPVwidHJhbnNwYXJlbnRcIlxyXG4+XHJcbiAgICA8c3BhbiBjbGFzcz1cImJ1dHRvbl9fdGV4dFwiPnt7IHRleHQgfCBiYmJUcmFuc2xhdGUgfX08L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etbm92aW4tcmF5LWNvcmUvc3JjL2xpYi9idXR0b24tbG9hZGluZy9idXR0b24tbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1ub3Zpbi1yYXktY29yZS9zcmMvbGliL2J1dHRvbi1sb2FkaW5nL2J1dHRvbi1sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTMUUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IscUpDVG5DLHFmQWFBOzs0RkRKYSxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSzs4QkFHUixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdibnJjLWJ1dHRvbi1sb2FkaW5nJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vYnV0dG9uLWxvYWRpbmcuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uTG9hZGluZ0NvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB2YWxpZDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0cmFuc3BhcmVudDogYm9vbGVhbjtcclxufVxyXG4iLCI8IS0tIDxidXR0b24gY2xhc3M9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwibG9hZGluZ1wiPlxyXG4gICAgPGkgW2NsYXNzLiF0dy1oaWRkZW5dPVwiIWxvYWRpbmdcIiBjbGFzcz1cImZhIGZhLWNpcmNsZS1vLW5vdGNoIGZhLXNwaW5cIj48L2lcclxuICAgID57eyAobG9hZGluZyA/ICdXYWl0JyA6IHRleHQpIHwgYmJiVHJhbnNsYXRlIH19XHJcbjwvYnV0dG9uPiAtLT5cclxuPGJ1dHRvblxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICBjbGFzcz1cImJ1dHRvbiB0dy1yb3VuZGVkLWxnXCJcclxuICAgIFtjbGFzcy5idXR0b24tLWxvYWRpbmddPVwibG9hZGluZ1wiXHJcbiAgICBbZGlzYWJsZWRdPVwibG9hZGluZyB8fCAhdmFsaWRcIlxyXG4gICAgW2NsYXNzLnRyYW5zcGFyZW50XT1cInRyYW5zcGFyZW50XCJcclxuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJidXR0b25fX3RleHRcIj57eyB0ZXh0IHwgYmJiVHJhbnNsYXRlIH19PC9zcGFuPlxyXG48L2J1dHRvbj5cclxuIl19
@@ -14130,11 +14130,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
14130
14130
 
14131
14131
  class ButtonLoadingComponent {
14132
14132
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14133
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonLoadingComponent, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
14133
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonLoadingComponent, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading || !valid\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
14134
14134
  }
14135
14135
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoadingComponent, decorators: [{
14136
14136
  type: Component,
14137
- args: [{ selector: 'bnrc-button-loading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"] }]
14137
+ args: [{ selector: 'bnrc-button-loading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n type=\"button\"\r\n class=\"button tw-rounded-lg\"\r\n [class.button--loading]=\"loading\"\r\n [disabled]=\"loading || !valid\"\r\n [class.transparent]=\"transparent\"\r\n>\r\n <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"] }]
14138
14138
  }], propDecorators: { valid: [{
14139
14139
  type: Input
14140
14140
  }], loading: [{