@rolatech/angular-membership - npm Package Compare versions

Comparing version 20.2.8-beta.11 to 20.2.8-beta.12

fesm2022/rolatech-angular-membership.mjs

@@ -28,6 +28,6 @@ import * as i0 from '@angular/core';
 class MembershipIndex {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipIndex, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: MembershipIndex, isStandalone: true, selector: "rolatech-membership-index", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u6211\u7684\u4F1A\u5458\" large> </rolatech-toolbar>\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipIndex, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: MembershipIndex, isStandalone: true, selector: "rolatech-membership-index", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u6211\u7684\u4F1A\u5458\" large> </rolatech-toolbar>\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipIndex, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipIndex, decorators: [{
             type: Component,
@@ -60,6 +60,6 @@ args: [{ selector: 'rolatech-membership-index', imports: [CommonModule, ContainerComponent, ToolbarComponent, MatButtonModule], template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u6211\u7684\u4F1A\u5458\" large> </rolatech-toolbar>\n</rolatech-container>\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlan, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipPlan, isStandalone: true, selector: "rolatech-membership-plan", usesInheritance: true, ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u5F00\u901A\u4F1A\u5458\" large> </rolatech-toolbar>\n  <div class=\"text-3xl font-bold py-3 text-center\" i18n>Select a plan.</div>\n  <div class=\"flex justify-center items-start gap-3\">\n    @for (item of plans; track $index) {\n    <div class=\"border border-dark-50 rounded-md p-3\">\n      <div class=\"mb-3\">\n        <div class=\"text-xl font-bold\">{{item.name}}</div>\n        <div>{{item.description}}</div>\n        <div>{{item.price}}</div>\n      </div>\n      <div>{{item.id}}</div>\n      <div class=\"p-3\">\n        <button mat-flat-button (click)=\"checkout(item)\">Select this plan</button>\n      </div>\n      <div>\n        @for (benefit of item.benefits; track $index) {\n        <div>{{benefit.title}}</div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlan, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipPlan, isStandalone: true, selector: "rolatech-membership-plan", usesInheritance: true, ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u5F00\u901A\u4F1A\u5458\" large> </rolatech-toolbar>\n  <div class=\"text-3xl font-bold py-3 text-center\" i18n>Select a plan.</div>\n  <div class=\"flex justify-center items-start gap-3\">\n    @for (item of plans; track $index) {\n    <div class=\"border border-dark-50 rounded-md p-3\">\n      <div class=\"mb-3\">\n        <div class=\"text-xl font-bold\">{{item.name}}</div>\n        <div>{{item.description}}</div>\n        <div>{{item.price}}</div>\n      </div>\n      <div>{{item.id}}</div>\n      <div class=\"p-3\">\n        <button mat-flat-button (click)=\"checkout(item)\">Select this plan</button>\n      </div>\n      <div>\n        @for (benefit of item.benefits; track $index) {\n        <div>{{benefit.title}}</div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlan, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlan, decorators: [{
             type: Component,
@@ -82,6 +82,6 @@ args: [{ selector: 'rolatech-membership-plan', imports: [CommonModule, ContainerComponent, ToolbarComponent, MatButtonModule], template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u5F00\u901A\u4F1A\u5458\" large> </rolatech-toolbar>\n  <div class=\"text-3xl font-bold py-3 text-center\" i18n>Select a plan.</div>\n  <div class=\"flex justify-center items-start gap-3\">\n    @for (item of plans; track $index) {\n    <div class=\"border border-dark-50 rounded-md p-3\">\n      <div class=\"mb-3\">\n        <div class=\"text-xl font-bold\">{{item.name}}</div>\n        <div>{{item.description}}</div>\n        <div>{{item.price}}</div>\n      </div>\n      <div>{{item.id}}</div>\n      <div class=\"p-3\">\n        <button mat-flat-button (click)=\"checkout(item)\">Select this plan</button>\n      </div>\n      <div>\n        @for (benefit of item.benefits; track $index) {\n        <div>{{benefit.title}}</div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n</rolatech-container>\n" }]
     membership = input.required(...(ngDevMode ? [{ debugName: "membership" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: MembershipItemComponent, isStandalone: true, selector: "rolatech-membership-item", inputs: { membership: { classPropertyName: "membership", publicName: "membership", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ membership().id }}</div>\n  <div>{{ membership().plan.name }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: MembershipItemComponent, isStandalone: true, selector: "rolatech-membership-item", inputs: { membership: { classPropertyName: "membership", publicName: "membership", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ membership().id }}</div>\n  <div>{{ membership().plan.name }}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipItemComponent, decorators: [{
             type: Component,
@@ -104,6 +104,6 @@ args: [{ selector: 'rolatech-membership-item', imports: [CommonModule], template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ membership().id }}</div>\n  <div>{{ membership().plan.name }}</div>\n</div>\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipManageIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership\"> </rolatech-toolbar>\n<div class=\"p-3\">\n  @if (data && data.length > 0) {\n    @for (item of data; track $index) {\n      <rolatech-membership-item [membership]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-item>\n    }\n  } @else {\n    <rolatech-empty></rolatech-empty>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MembershipItemComponent, selector: "rolatech-membership-item", inputs: ["membership"] }, { kind: "component", type: EmptyComponent, selector: "rolatech-empty" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipManageIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership\"> </rolatech-toolbar>\n<div class=\"p-3\">\n  @if (data && data.length > 0) {\n    @for (item of data; track $index) {\n      <rolatech-membership-item [membership]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-item>\n    }\n  } @else {\n    <rolatech-empty></rolatech-empty>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MembershipItemComponent, selector: "rolatech-membership-item", inputs: ["membership"] }, { kind: "component", type: EmptyComponent, selector: "rolatech-empty" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageIndexComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageIndexComponent, decorators: [{
             type: Component,
@@ -115,6 +115,6 @@ args: [{ selector: 'rolatech-membership-manage-index', imports: [CommonModule, ToolbarComponent, MatButtonModule, RouterLink, MembershipItemComponent, EmptyComponent], template: "<rolatech-toolbar title=\"Membership\"> </rolatech-toolbar>\n<div class=\"p-3\">\n  @if (data && data.length > 0) {\n    @for (item of data; track $index) {\n      <rolatech-membership-item [membership]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-item>\n    }\n  } @else {\n    <rolatech-empty></rolatech-empty>\n  }\n</div>\n" }]
     plan = input.required(...(ngDevMode ? [{ debugName: "plan" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlanItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: MembershipPlanItemComponent, isStandalone: true, selector: "rolatech-membership-plan-item", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex flex-col\">\n    <div>{{ plan().name }}</div>\n    <div>{{ plan().description }}</div>\n  </div>\n  <div>\u00A5{{ plan().price | fixed }}</div>\n</div>\n<hr />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: FixedPipe, name: "fixed" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlanItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: MembershipPlanItemComponent, isStandalone: true, selector: "rolatech-membership-plan-item", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex flex-col\">\n    <div>{{ plan().name }}</div>\n    <div>{{ plan().description }}</div>\n  </div>\n  <div>\u00A5{{ plan().price | fixed }}</div>\n</div>\n<hr />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: FixedPipe, name: "fixed" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlanItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlanItemComponent, decorators: [{
             type: Component,
@@ -137,6 +137,6 @@ args: [{ selector: 'rolatech-membership-plan-item', imports: [CommonModule, FixedPipe], template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex flex-col\">\n    <div>{{ plan().name }}</div>\n    <div>{{ plan().description }}</div>\n  </div>\n  <div>\u00A5{{ plan().price | fixed }}</div>\n</div>\n<hr />\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipManagePlanIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership plans\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Create Plan</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Name</div>\n    <div i18n>Price</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-plan-item [plan]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-plan-item>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: MembershipPlanItemComponent, selector: "rolatech-membership-plan-item", inputs: ["plan"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipManagePlanIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership plans\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Create Plan</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Name</div>\n    <div i18n>Price</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-plan-item [plan]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-plan-item>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: MembershipPlanItemComponent, selector: "rolatech-membership-plan-item", inputs: ["plan"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanIndexComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanIndexComponent, decorators: [{
             type: Component,
@@ -190,6 +190,6 @@ args: [{ selector: 'rolatech-membership-manage-plan-index', imports: [CommonModule, MatButtonModule, MatIcon, ToolbarComponent, MembershipPlanItemComponent, RouterLink], template: "<rolatech-toolbar title=\"Membership plans\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Create Plan</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Name</div>\n    <div i18n>Price</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-plan-item [plan]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-plan-item>\n  }\n</div>\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipManagePlanCreateComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-create", ngImport: i0, template: "<rolatech-toolbar title=\"Create Plan\"></rolatech-toolbar>\n<div class=\"p-3\">\n  <section>\n    <form #productForm=\"ngForm\">\n      <div class=\"flex flex-col px-2\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Description </mat-label>\n          <textarea\n            matInput\n            type=\"text\"\n            [(ngModel)]=\"plan.description\"\n            name=\"description\"\n            required\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n          ></textarea>\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Price </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.price\" name=\"price\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Duration Days </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.durationDays\" name=\"durationDays\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Bonus points </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.bonusPoints\" name=\"bonusPoints\" required />\n        </mat-form-field>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"text-xl font-bold p-2\" i18n>Benefits</div>\n        @for (item of benefits; track $index) {\n          <mat-checkbox (change)=\"toggleValue(item, $event.checked)\">\n            {{ item.title }}\n          </mat-checkbox>\n        }\n      </div>\n    </form>\n  </section>\n  <div class=\"py-2\" i18n>* items are required</div>\n  <div class=\"mt-3\">\n    <button mat-flat-button class=\"w-28\" (click)=\"create()\" i18n>Create</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipManagePlanCreateComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-create", ngImport: i0, template: "<rolatech-toolbar title=\"Create Plan\"></rolatech-toolbar>\n<div class=\"p-3\">\n  <section>\n    <form #productForm=\"ngForm\">\n      <div class=\"flex flex-col px-2\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Description </mat-label>\n          <textarea\n            matInput\n            type=\"text\"\n            [(ngModel)]=\"plan.description\"\n            name=\"description\"\n            required\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n          ></textarea>\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Price </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.price\" name=\"price\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Duration Days </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.durationDays\" name=\"durationDays\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Bonus points </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"plan.bonusPoints\" name=\"bonusPoints\" required />\n        </mat-form-field>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"text-xl font-bold p-2\" i18n>Benefits</div>\n        @for (item of benefits; track $index) {\n          <mat-checkbox (change)=\"toggleValue(item, $event.checked)\">\n            {{ item.title }}\n          </mat-checkbox>\n        }\n      </div>\n    </form>\n  </section>\n  <div class=\"py-2\" i18n>* items are required</div>\n  <div class=\"mt-3\">\n    <button mat-flat-button class=\"w-28\" (click)=\"create()\" i18n>Create</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanCreateComponent, decorators: [{
             type: Component,
@@ -247,6 +247,6 @@ args: [{ selector: 'rolatech-membership-manage-plan-create', imports: [
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlanAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipPlanAddComponent, isStandalone: true, selector: "rolatech-membership-plan-add", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: true, transformFunction: null }, benefits: { classPropertyName: "benefits", publicName: "benefits", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { plan: "planChange", benefits: "benefitsChange", output: "output", select: "select" }, ngImport: i0, template: "<form #productForm=\"ngForm\">\n  <div class=\"flex flex-col px-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Name </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().name\" name=\"name\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Description </mat-label>\n      <textarea\n        matInput\n        type=\"text\"\n        [(ngModel)]=\"plan().description\"\n        name=\"description\"\n        required\n        cdkTextareaAutosize\n        cdkAutosizeMinRows=\"3\"\n      ></textarea>\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Price </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().price\" name=\"price\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Duration Days </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().durationDays\" name=\"durationDays\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Bonus points </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().bonusPoints\" name=\"bonusPoints\" required />\n    </mat-form-field>\n  </div>\n  <div class=\"flex flex-col\">\n    <div class=\"text-xl font-bold p-2\" i18n>Benefits</div>\n    @for (item of benefits(); track $index) {\n      <mat-checkbox [checked]=\"selected.includes(item.id)\" (change)=\"onSelect(item, $event.checked)\" [checked]=\"\">\n        {{ item.title }}\n      </mat-checkbox>\n    }\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlanAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipPlanAddComponent, isStandalone: true, selector: "rolatech-membership-plan-add", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: true, transformFunction: null }, benefits: { classPropertyName: "benefits", publicName: "benefits", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { plan: "planChange", benefits: "benefitsChange", output: "output", select: "select" }, ngImport: i0, template: "<form #productForm=\"ngForm\">\n  <div class=\"flex flex-col px-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Name </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().name\" name=\"name\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Description </mat-label>\n      <textarea\n        matInput\n        type=\"text\"\n        [(ngModel)]=\"plan().description\"\n        name=\"description\"\n        required\n        cdkTextareaAutosize\n        cdkAutosizeMinRows=\"3\"\n      ></textarea>\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Price </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().price\" name=\"price\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Duration Days </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().durationDays\" name=\"durationDays\" required />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label i18n> Bonus points </mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"plan().bonusPoints\" name=\"bonusPoints\" required />\n    </mat-form-field>\n  </div>\n  <div class=\"flex flex-col\">\n    <div class=\"text-xl font-bold p-2\" i18n>Benefits</div>\n    @for (item of benefits(); track $index) {\n      <mat-checkbox [checked]=\"selected.includes(item.id)\" (change)=\"onSelect(item, $event.checked)\" [checked]=\"\">\n        {{ item.title }}\n      </mat-checkbox>\n    }\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipPlanAddComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipPlanAddComponent, decorators: [{
             type: Component,
@@ -304,6 +304,6 @@ args: [{ selector: 'rolatech-membership-plan-add', imports: [
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipManagePlanDetailComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-detail", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"Plan detail\" back>\n  <button mat-flat-button (click)=\"update()\">\n    <mat-icon>save</mat-icon>\n    <span i18n>Save</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  @if (plan) {\n    <rolatech-membership-plan-add [plan]=\"plan\" [benefits]=\"benefits\"></rolatech-membership-plan-add>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MembershipPlanAddComponent, selector: "rolatech-membership-plan-add", inputs: ["plan", "benefits"], outputs: ["planChange", "benefitsChange", "output", "select"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipManagePlanDetailComponent, isStandalone: true, selector: "rolatech-membership-manage-plan-detail", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"Plan detail\" back>\n  <button mat-flat-button (click)=\"update()\">\n    <mat-icon>save</mat-icon>\n    <span i18n>Save</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  @if (plan) {\n    <rolatech-membership-plan-add [plan]=\"plan\" [benefits]=\"benefits\"></rolatech-membership-plan-add>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MembershipPlanAddComponent, selector: "rolatech-membership-plan-add", inputs: ["plan", "benefits"], outputs: ["planChange", "benefitsChange", "output", "select"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManagePlanDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManagePlanDetailComponent, decorators: [{
             type: Component,
@@ -315,6 +315,6 @@ args: [{ selector: 'rolatech-membership-manage-plan-detail', imports: [CommonModule, ToolbarComponent, MatButtonModule, MatIconModule, MembershipPlanAddComponent], template: "<rolatech-toolbar title=\"Plan detail\" back>\n  <button mat-flat-button (click)=\"update()\">\n    <mat-icon>save</mat-icon>\n    <span i18n>Save</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  @if (plan) {\n    <rolatech-membership-plan-add [plan]=\"plan\" [benefits]=\"benefits\"></rolatech-membership-plan-add>\n  }\n</div>\n" }]
     benefit = input.required(...(ngDevMode ? [{ debugName: "benefit" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipBenefitItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: MembershipBenefitItemComponent, isStandalone: true, selector: "rolatech-membership-benefit-item", inputs: { benefit: { classPropertyName: "benefit", publicName: "benefit", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ benefit().title }}</div>\n  <div>{{ benefit().description }}</div>\n</div>\n<hr />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipBenefitItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: MembershipBenefitItemComponent, isStandalone: true, selector: "rolatech-membership-benefit-item", inputs: { benefit: { classPropertyName: "benefit", publicName: "benefit", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ benefit().title }}</div>\n  <div>{{ benefit().description }}</div>\n</div>\n<hr />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipBenefitItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipBenefitItemComponent, decorators: [{
             type: Component,
@@ -337,6 +337,6 @@ args: [{ selector: 'rolatech-membership-benefit-item', imports: [CommonModule], template: "<div class=\"flex items-center justify-between px-2 py-3 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div>{{ benefit().title }}</div>\n  <div>{{ benefit().description }}</div>\n</div>\n<hr />\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MembershipManageBenefitIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership benefits\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Add benefit</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Title</div>\n    <div i18n>Description</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-benefit-item [benefit]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-benefit-item>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: MembershipBenefitItemComponent, selector: "rolatech-membership-benefit-item", inputs: ["benefit"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MembershipManageBenefitIndexComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-index", ngImport: i0, template: "<rolatech-toolbar title=\"Membership benefits\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Add benefit</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Title</div>\n    <div i18n>Description</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-benefit-item [benefit]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-benefit-item>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: MembershipBenefitItemComponent, selector: "rolatech-membership-benefit-item", inputs: ["benefit"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitIndexComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitIndexComponent, decorators: [{
             type: Component,
@@ -367,6 +367,6 @@ args: [{ selector: 'rolatech-membership-manage-benefit-index', imports: [CommonModule, MatButtonModule, MatIcon, ToolbarComponent, MembershipBenefitItemComponent, RouterLink], template: "<rolatech-toolbar title=\"Membership benefits\">\n  <button mat-flat-button routerLink=\"./create\">\n    <mat-icon>add</mat-icon>\n    <span i18n>Add benefit</span>\n  </button>\n</rolatech-toolbar>\n<div class=\"p-3\">\n  <div class=\"flex justify-between items-center text-lg font-bold p-2\">\n    <div i18n>Title</div>\n    <div i18n>Description</div>\n  </div>\n  @for (item of data; track $index) {\n    <rolatech-membership-benefit-item [benefit]=\"item\" [routerLink]=\"['./', item.id]\"></rolatech-membership-benefit-item>\n  }\n</div>\n" }]
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: MembershipManageBenefitCreateComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-create", ngImport: i0, template: "<rolatech-toolbar title=\"Add Benefit\"></rolatech-toolbar>\n<div class=\"p-3\">\n  <section>\n    <form #productForm=\"ngForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Title </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"benefit.title\" name=\"title\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Description </mat-label>\n          <textarea\n            matInput\n            type=\"text\"\n            [(ngModel)]=\"benefit.description\"\n            name=\"description\"\n            required\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n          ></textarea>\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Sort order </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"benefit.sortOrder\" name=\"sortOrder\" required />\n        </mat-form-field>\n      </div>\n    </form>\n  </section>\n  <div i18n>* items are required</div>\n  <div class=\"mt-3\">\n    <button mat-flat-button class=\"w-28\" (click)=\"create()\" i18n>Create</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: MembershipManageBenefitCreateComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-create", ngImport: i0, template: "<rolatech-toolbar title=\"Add Benefit\"></rolatech-toolbar>\n<div class=\"p-3\">\n  <section>\n    <form #productForm=\"ngForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Title </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"benefit.title\" name=\"title\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Description </mat-label>\n          <textarea\n            matInput\n            type=\"text\"\n            [(ngModel)]=\"benefit.description\"\n            name=\"description\"\n            required\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n          ></textarea>\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Sort order </mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"benefit.sortOrder\" name=\"sortOrder\" required />\n        </mat-form-field>\n      </div>\n    </form>\n  </section>\n  <div i18n>* items are required</div>\n  <div class=\"mt-3\">\n    <button mat-flat-button class=\"w-28\" (click)=\"create()\" i18n>Create</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitCreateComponent, decorators: [{
             type: Component,
@@ -387,6 +387,6 @@ args: [{ selector: 'rolatech-membership-manage-benefit-create', imports: [
 class MembershipManageBenefitDetailComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: MembershipManageBenefitDetailComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-detail", ngImport: i0, template: "<p>membership-manage-benefit-detail works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: MembershipManageBenefitDetailComponent, isStandalone: true, selector: "rolatech-membership-manage-benefit-detail", ngImport: i0, template: "<p>membership-manage-benefit-detail works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MembershipManageBenefitDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MembershipManageBenefitDetailComponent, decorators: [{
             type: Component,
@@ -393,0 +393,0 @@ args: [{ selector: 'rolatech-membership-manage-benefit-detail', imports: [CommonModule], template: "<p>membership-manage-benefit-detail works!</p>\n" }]

package.json

 {
   "name": "@rolatech/angular-membership",
-  "version": "20.2.8-beta.11",
+  "version": "20.2.8-beta.12",
   "private": false,
@@ -10,5 +10,6 @@ "peerDependencies": {
   "dependencies": {
-    "@rolatech/angular-common": "20.2.8-beta.11",
-    "@rolatech/angular-components": "20.2.8-beta.11",
-    "@rolatech/angular-services": "20.2.8-beta.11",
+    "@rolatech/angular-common": "20.2.8-beta.12",
+    "@rolatech/angular-components": "20.2.8-beta.12",
+    "@rolatech/angular-services": "20.2.8-beta.12",
+    "@rolatech/angular-auth": "20.2.8-beta.12",
     "tslib": "^2.3.0"
@@ -15,0 +16,0 @@ },

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

105741

0.05%

Worsened metrics

Dependency count

7

16.67%

Dependency changes

• + Added

  @rolatech/angular-auth@20.2.8-beta.12

• + Added

  @rolatech/angular-auth@20.2.8-beta.12
  (transitive)

• + Added

  @rolatech/angular-common@20.2.8-beta.12
  (transitive)

• + Added

  @rolatech/angular-components@20.2.8-beta.12
  (transitive)

• + Added

  @rolatech/angular-services@20.2.8-beta.12
  (transitive)

• - Removed

  @rolatech/angular-common@20.2.8-beta.11
  (transitive)

• - Removed

  @rolatech/angular-components@20.2.8-beta.11
  (transitive)

• - Removed

  @rolatech/angular-services@20.2.8-beta.11
  (transitive)

• Updated

  @rolatech/angular-common@20.2.8-beta.12

• Updated

  @rolatech/angular-components@20.2.8-beta.12

• Updated

  @rolatech/angular-services@20.2.8-beta.12